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

Salesforce Lightning Design System

{"--slds-c-button-stateful-color-background-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected-hover":{"fallbackValue":"1, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-active":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-spacing-inlinestart":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-color-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-spacing-blockstart":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inlineend":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-blockend":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-button-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-button-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-button-line-height":{"fallbackValue":"1.875rem","category":"Text","valueType":"Number"},"--slds-c-button-text-color":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-background-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-shadow-focus":{"fallbackValue":"1","category":"Box Shadow","valueType":"String"},"--slds-c-button-text-color-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-color-background-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-border-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-hover":{"fallbackValue":"30, #ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-hover":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-color-background":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-hover":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-active":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-active":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-background-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-active":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-color-background":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-active":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-hover":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-active":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-active":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color":{"fallbackValue":"100, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-destructive-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-color-background":{"fallbackValue":"40, #ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border":{"fallbackValue":"40, #ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-hover":{"fallbackValue":"30, #8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-hover":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-active":{"fallbackValue":"30, #8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-active":{"fallbackValue":"30, #8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-active":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-color-background":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color":{"fallbackValue":"30, #ea001e","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-hover":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-hover":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-active":{"fallbackValue":"95, #f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-active":{"fallbackValue":"4, #c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-active":{"fallbackValue":"30, #ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-spacing-inlinestart":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-spacing-inlineend":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-color-background":{"fallbackValue":"70, #45c65a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border":{"fallbackValue":"50, #91db8b","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color":{"fallbackValue":"10, #181818","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-hover":{"fallbackValue":"50, #2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-hover":{"fallbackValue":"50, #2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-active":{"fallbackValue":"50, #2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-active":{"fallbackValue":"50, #2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-active":{"fallbackValue":"100, white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}