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

Salesforce Lightning Design System

{"--slds-c-input-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-color-border":{"fallbackValue":"4, rgb(201, 201, 201)","category":"Color","valueType":"Color"},"--slds-c-input-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-input-color-background":{"fallbackValue":"100, rgb(255, 255, 255)","category":"Color","valueType":"Color"},"--slds-c-input-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-input-color-border-focus":{"fallbackValue":"60, rgb(27, 150, 255)","category":"Color","valueType":"Color"},"--slds-c-input-color-background-focus":{"fallbackValue":"100, rgb(255, 255, 255)","category":"Color","valueType":"Color"},"--slds-c-input-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow-focus":{"fallbackValue":"1, 0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}