@salesforce-ux/design-system/metadata/components/pills/styling-hooks.json

Salesforce Lightning Design System

{"--slds-c-pill-line-height":{"fallbackValue":"1.5","category":"Text","valueType":"Number"},"--slds-c-pill-spacing-blockstart":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inlineend":{"fallbackValue":"","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-blockend":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inlinestart":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-pill-color-border":{"fallbackValue":"4, #e5e5e5","category":"Color","valueType":"Color"},"--slds-c-pill-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-pill-color-background":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-pill-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-pill-color-background-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-pill-shadow-focus":{"fallbackValue":"1, 0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-container-spacing-blockstart":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inlineend":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-blockend":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inlinestart":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-color-background":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-pill-label-shadow-focus":{"fallbackValue":"1, 0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-action-shadow":{"fallbackValue":"1, 0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-error-color-border":{"fallbackValue":"40, #ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-error-color-border-active":{"fallbackValue":"40, #ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-text-color-error":{"fallbackValue":"40, #ea001e","category":"Color","valueType":"Color"}}