@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-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-end":{"fallbackValue":"","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-start":{"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, rgb(229, 229, 229)","category":"Color","valueType":"Color"},"--slds-c-pill-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-pill-color-background":{"fallbackValue":"100, rgb(255, 255, 255)","category":"Color","valueType":"Color"},"--slds-c-pill-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-pill-color-background-hover":{"fallbackValue":"95, rgb(243, 243, 243)","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-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-color-background":{"fallbackValue":"100, rgb(255, 255, 255)","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, rgb(234, 0, 30)","category":"Color","valueType":"Color"},"--slds-c-pill-error-color-border-active":{"fallbackValue":"40, rgb(234, 0, 30)","category":"Color","valueType":"Color"},"--slds-c-pill-error-text-color":{"fallbackValue":"40, rgb(234, 0, 30)","category":"Color","valueType":"Color"}}