@react-spectrum/s2 3.0.0-nightly-a626c2596-240926 → 3.0.0-nightly-d57bd8d90-240927
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.cjs.map +1 -1
- package/dist/Accordion.css.map +1 -1
- package/dist/Accordion.mjs.map +1 -1
- package/dist/ActionButton.cjs.map +1 -1
- package/dist/ActionButton.css.map +1 -1
- package/dist/ActionButton.mjs.map +1 -1
- package/dist/AlertDialog.cjs.map +1 -1
- package/dist/AlertDialog.css.map +1 -1
- package/dist/AlertDialog.mjs.map +1 -1
- package/dist/Avatar.cjs.map +1 -1
- package/dist/Avatar.css.map +1 -1
- package/dist/Avatar.mjs.map +1 -1
- package/dist/AvatarGroup.cjs.map +1 -1
- package/dist/AvatarGroup.css.map +1 -1
- package/dist/AvatarGroup.mjs.map +1 -1
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs.map +1 -1
- package/dist/Breadcrumbs.cjs.map +1 -1
- package/dist/Breadcrumbs.css.map +1 -1
- package/dist/Breadcrumbs.mjs.map +1 -1
- package/dist/Button.cjs +34 -4
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +64 -0
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +34 -4
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs.map +1 -1
- package/dist/ButtonGroup.css.map +1 -1
- package/dist/ButtonGroup.mjs.map +1 -1
- package/dist/Card.cjs +1 -1
- package/dist/Card.cjs.map +1 -1
- package/dist/Card.css.map +1 -1
- package/dist/Card.mjs +1 -1
- package/dist/Card.mjs.map +1 -1
- package/dist/CardView.cjs.map +1 -1
- package/dist/CardView.css.map +1 -1
- package/dist/CardView.mjs.map +1 -1
- package/dist/CenterBaseline.cjs.map +1 -1
- package/dist/CenterBaseline.css.map +1 -1
- package/dist/CenterBaseline.mjs.map +1 -1
- package/dist/Checkbox.cjs.map +1 -1
- package/dist/Checkbox.css.map +1 -1
- package/dist/Checkbox.mjs.map +1 -1
- package/dist/CheckboxGroup.cjs.map +1 -1
- package/dist/CheckboxGroup.css.map +1 -1
- package/dist/CheckboxGroup.mjs.map +1 -1
- package/dist/ClearButton.cjs.map +1 -1
- package/dist/ClearButton.css.map +1 -1
- package/dist/ClearButton.mjs.map +1 -1
- package/dist/CloseButton.cjs.map +1 -1
- package/dist/CloseButton.css.map +1 -1
- package/dist/CloseButton.mjs.map +1 -1
- package/dist/ColorArea.cjs.map +1 -1
- package/dist/ColorArea.css.map +1 -1
- package/dist/ColorArea.mjs.map +1 -1
- package/dist/ColorField.cjs.map +1 -1
- package/dist/ColorField.css.map +1 -1
- package/dist/ColorField.mjs.map +1 -1
- package/dist/ColorHandle.cjs.map +1 -1
- package/dist/ColorHandle.css.map +1 -1
- package/dist/ColorHandle.mjs.map +1 -1
- package/dist/ColorSlider.cjs.map +1 -1
- package/dist/ColorSlider.css.map +1 -1
- package/dist/ColorSlider.mjs.map +1 -1
- package/dist/ColorSwatch.cjs.map +1 -1
- package/dist/ColorSwatch.css.map +1 -1
- package/dist/ColorSwatch.mjs.map +1 -1
- package/dist/ColorSwatchPicker.cjs.map +1 -1
- package/dist/ColorSwatchPicker.css.map +1 -1
- package/dist/ColorSwatchPicker.mjs.map +1 -1
- package/dist/ColorWheel.cjs.map +1 -1
- package/dist/ColorWheel.css.map +1 -1
- package/dist/ColorWheel.mjs.map +1 -1
- package/dist/ComboBox.cjs.map +1 -1
- package/dist/ComboBox.css.map +1 -1
- package/dist/ComboBox.mjs.map +1 -1
- package/dist/ContextualHelp.cjs.map +1 -1
- package/dist/ContextualHelp.css.map +1 -1
- package/dist/ContextualHelp.mjs.map +1 -1
- package/dist/Dialog.cjs.map +1 -1
- package/dist/Dialog.css.map +1 -1
- package/dist/Dialog.mjs.map +1 -1
- package/dist/Disclosure.cjs.map +1 -1
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs.map +1 -1
- package/dist/Divider.cjs.map +1 -1
- package/dist/Divider.css.map +1 -1
- package/dist/Divider.mjs.map +1 -1
- package/dist/DropZone.cjs.map +1 -1
- package/dist/DropZone.css.map +1 -1
- package/dist/DropZone.mjs.map +1 -1
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css.map +1 -1
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs.map +1 -1
- package/dist/Form.css.map +1 -1
- package/dist/Form.mjs.map +1 -1
- package/dist/IllustratedMessage.cjs.map +1 -1
- package/dist/IllustratedMessage.css.map +1 -1
- package/dist/IllustratedMessage.mjs.map +1 -1
- package/dist/Image.cjs.map +1 -1
- package/dist/Image.css.map +1 -1
- package/dist/Image.mjs.map +1 -1
- package/dist/InlineAlert.cjs.map +1 -1
- package/dist/InlineAlert.css.map +1 -1
- package/dist/InlineAlert.mjs.map +1 -1
- package/dist/Link.cjs.map +1 -1
- package/dist/Link.css.map +1 -1
- package/dist/Link.mjs.map +1 -1
- package/dist/Menu.cjs.map +1 -1
- package/dist/Menu.css.map +1 -1
- package/dist/Menu.mjs.map +1 -1
- package/dist/Meter.cjs.map +1 -1
- package/dist/Meter.css.map +1 -1
- package/dist/Meter.mjs.map +1 -1
- package/dist/Modal.cjs.map +1 -1
- package/dist/Modal.css.map +1 -1
- package/dist/Modal.mjs.map +1 -1
- package/dist/NumberField.cjs.map +1 -1
- package/dist/NumberField.css.map +1 -1
- package/dist/NumberField.mjs.map +1 -1
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs.map +1 -1
- package/dist/Popover.css.map +1 -1
- package/dist/Popover.mjs.map +1 -1
- package/dist/ProgressBar.cjs.map +1 -1
- package/dist/ProgressBar.css.map +1 -1
- package/dist/ProgressBar.mjs.map +1 -1
- package/dist/ProgressCircle.cjs +0 -1
- package/dist/ProgressCircle.cjs.map +1 -1
- package/dist/ProgressCircle.css +0 -4
- package/dist/ProgressCircle.css.map +1 -1
- package/dist/ProgressCircle.mjs +0 -1
- package/dist/ProgressCircle.mjs.map +1 -1
- package/dist/Provider.cjs.map +1 -1
- package/dist/Provider.css.map +1 -1
- package/dist/Provider.mjs.map +1 -1
- package/dist/Radio.cjs.map +1 -1
- package/dist/Radio.css.map +1 -1
- package/dist/Radio.mjs.map +1 -1
- package/dist/RadioGroup.cjs.map +1 -1
- package/dist/RadioGroup.css.map +1 -1
- package/dist/RadioGroup.mjs.map +1 -1
- package/dist/SearchField.cjs.map +1 -1
- package/dist/SearchField.css.map +1 -1
- package/dist/SearchField.mjs.map +1 -1
- package/dist/SegmentedControl.cjs +11 -8
- package/dist/SegmentedControl.cjs.map +1 -1
- package/dist/SegmentedControl.css.map +1 -1
- package/dist/SegmentedControl.mjs +11 -8
- package/dist/SegmentedControl.mjs.map +1 -1
- package/dist/SkeletonCollection.cjs.map +1 -1
- package/dist/SkeletonCollection.mjs.map +1 -1
- package/dist/Slider.cjs.map +1 -1
- package/dist/Slider.css.map +1 -1
- package/dist/Slider.mjs.map +1 -1
- package/dist/StatusLight.cjs.map +1 -1
- package/dist/StatusLight.css.map +1 -1
- package/dist/StatusLight.mjs.map +1 -1
- package/dist/Switch.cjs.map +1 -1
- package/dist/Switch.css.map +1 -1
- package/dist/Switch.mjs.map +1 -1
- package/dist/Table.cjs +61 -90
- package/dist/Table.cjs.map +1 -1
- package/dist/Table.css +36 -56
- package/dist/Table.css.map +1 -1
- package/dist/Table.mjs +61 -90
- package/dist/Table.mjs.map +1 -1
- package/dist/Tabs.cjs.map +1 -1
- package/dist/Tabs.css.map +1 -1
- package/dist/Tabs.mjs.map +1 -1
- package/dist/TagGroup.cjs.map +1 -1
- package/dist/TagGroup.css.map +1 -1
- package/dist/TagGroup.mjs.map +1 -1
- package/dist/TextField.cjs.map +1 -1
- package/dist/TextField.css.map +1 -1
- package/dist/TextField.mjs.map +1 -1
- package/dist/ToggleButton.cjs +2 -1
- package/dist/ToggleButton.cjs.map +1 -1
- package/dist/ToggleButton.css.map +1 -1
- package/dist/ToggleButton.mjs +2 -1
- package/dist/ToggleButton.mjs.map +1 -1
- package/dist/Tooltip.cjs.map +1 -1
- package/dist/Tooltip.css.map +1 -1
- package/dist/Tooltip.mjs.map +1 -1
- package/dist/main.cjs +3 -0
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +3 -1
- package/dist/module.mjs.map +1 -1
- package/dist/types.d.ts +47 -30
- package/dist/types.d.ts.map +1 -1
- package/icons/Skeleton.cjs.map +1 -1
- package/icons/Skeleton.css.map +1 -1
- package/icons/Skeleton.mjs.map +1 -1
- package/package.json +17 -17
- package/src/Accordion.tsx +2 -2
- package/src/ActionButton.tsx +3 -3
- package/src/AlertDialog.tsx +1 -1
- package/src/Avatar.tsx +1 -1
- package/src/AvatarGroup.tsx +1 -1
- package/src/Badge.tsx +1 -1
- package/src/Breadcrumbs.tsx +2 -2
- package/src/Button.tsx +19 -5
- package/src/ButtonGroup.tsx +1 -1
- package/src/Card.tsx +6 -6
- package/src/CardView.tsx +2 -2
- package/src/CenterBaseline.tsx +1 -1
- package/src/Checkbox.tsx +2 -2
- package/src/CheckboxGroup.tsx +1 -1
- package/src/ClearButton.tsx +1 -1
- package/src/CloseButton.tsx +2 -2
- package/src/ColorArea.tsx +1 -1
- package/src/ColorField.tsx +1 -1
- package/src/ColorHandle.tsx +1 -1
- package/src/ColorSlider.tsx +1 -1
- package/src/ColorSwatch.tsx +3 -3
- package/src/ColorSwatchPicker.tsx +5 -5
- package/src/ColorWheel.tsx +1 -1
- package/src/ComboBox.tsx +4 -4
- package/src/ContextualHelp.tsx +1 -1
- package/src/Dialog.tsx +1 -1
- package/src/Disclosure.tsx +4 -4
- package/src/Divider.tsx +1 -1
- package/src/DropZone.tsx +1 -1
- package/src/Field.tsx +2 -2
- package/src/Form.tsx +1 -1
- package/src/IllustratedMessage.tsx +1 -1
- package/src/Image.tsx +1 -1
- package/src/InlineAlert.tsx +2 -2
- package/src/Link.tsx +2 -2
- package/src/Menu.tsx +2 -2
- package/src/Meter.tsx +1 -1
- package/src/Modal.tsx +1 -1
- package/src/NumberField.tsx +2 -2
- package/src/Picker.tsx +4 -4
- package/src/Popover.tsx +1 -1
- package/src/ProgressBar.tsx +1 -1
- package/src/ProgressCircle.tsx +7 -5
- package/src/Provider.tsx +1 -1
- package/src/Radio.tsx +2 -2
- package/src/RadioGroup.tsx +1 -1
- package/src/SearchField.tsx +1 -1
- package/src/SegmentedControl.tsx +32 -22
- package/src/Skeleton.tsx +4 -1
- package/src/SkeletonCollection.tsx +4 -0
- package/src/Slider.tsx +2 -2
- package/src/StatusLight.tsx +1 -1
- package/src/Switch.tsx +2 -2
- package/src/Table.tsx +39 -60
- package/src/Tabs.tsx +3 -3
- package/src/TagGroup.tsx +2 -2
- package/src/TextField.tsx +1 -1
- package/src/ToggleButton.tsx +3 -2
- package/src/Tooltip.tsx +1 -1
- package/src/index.ts +2 -0
- package/src/style-utils.ts +0 -10
- package/style/dist/main.cjs +18 -1964
- package/style/dist/main.cjs.map +1 -1
- package/style/dist/module.mjs +11 -1958
- package/style/dist/module.mjs.map +1 -1
- package/style/dist/spectrum-theme.cjs +1989 -0
- package/style/dist/spectrum-theme.cjs.map +1 -0
- package/style/dist/spectrum-theme.mjs +1978 -0
- package/style/dist/spectrum-theme.mjs.map +1 -0
- package/style/dist/style-macro.cjs +4 -3
- package/style/dist/style-macro.cjs.map +1 -1
- package/style/dist/style-macro.mjs +4 -4
- package/style/dist/style-macro.mjs.map +1 -1
- package/style/dist/types.d.ts +198 -187
- package/style/dist/types.d.ts.map +1 -1
- package/style/index.ts +24 -0
- package/style/spectrum-theme.ts +19 -13
- package/style/style-macro.ts +1 -1
- package/style/types.ts +2 -1
package/style/dist/types.d.ts
CHANGED
|
@@ -28,7 +28,8 @@ interface Theme {
|
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
type PropertyValue<T> = T extends PropertyFunction<infer P> ? P : T extends PropertyValueMap<infer P> ? P : T extends string[] ? T[number] : never;
|
|
31
|
-
type
|
|
31
|
+
type ArbitraryValue = CustomProperty | `[${string}]`;
|
|
32
|
+
type PropertyValue2<T> = PropertyValue<T> | ArbitraryValue;
|
|
32
33
|
type Merge<T> = T extends any ? T : never;
|
|
33
34
|
type ShorthandValue<T extends Theme, P> = P extends string[] ? PropertyValue2<T['properties'][P[0]]> : P extends ShorthandProperty<infer V> ? V : never;
|
|
34
35
|
type ThemeProperties<T extends Theme> = Merge<{
|
|
@@ -88,7 +89,7 @@ type MergeUnion<T> = {
|
|
|
88
89
|
[K in KeysOfUnion<T>]: KeyValue<T, K>;
|
|
89
90
|
};
|
|
90
91
|
type RuntimeConditionsObject<C extends keyof any, S extends Style<any, any, any>> = MergeUnion<ExtractConditionalValue<C, Values<S, Exclude<keyof S, CustomProperty>> | InferCustomPropertyValue<Values<S, Extract<keyof S, CustomProperty>>>>>;
|
|
91
|
-
type StyleString<P = string> = string & {
|
|
92
|
+
export type StyleString<P = string> = string & {
|
|
92
93
|
properties: P;
|
|
93
94
|
};
|
|
94
95
|
type Keys<R> = [R] extends [never] ? never : keyof R;
|
|
@@ -537,7 +538,8 @@ export function baseColor(base: keyof typeof color): {
|
|
|
537
538
|
isFocusVisible: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
|
|
538
539
|
isPressed: "transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText";
|
|
539
540
|
};
|
|
540
|
-
|
|
541
|
+
type SpectrumColor = Color<keyof typeof color> | ArbitraryValue;
|
|
542
|
+
export function lightDark(light: SpectrumColor, dark: SpectrumColor): `[${string}]`;
|
|
541
543
|
declare const baseSpacing: {
|
|
542
544
|
0: string;
|
|
543
545
|
2: string;
|
|
@@ -581,200 +583,209 @@ export function size(this: MacroContext | void, px: number): {
|
|
|
581
583
|
type GridTrack = 'none' | 'subgrid' | (string & {}) | readonly GridTrackSize[];
|
|
582
584
|
type GridTrackSize = 'auto' | 'min-content' | 'max-content' | `${number}fr` | `minmax(${string}, ${string})` | keyof typeof baseSpacing | (string & {});
|
|
583
585
|
export const style: StyleFunction<{
|
|
584
|
-
filter: "none" |
|
|
585
|
-
fill:
|
|
586
|
-
stroke:
|
|
587
|
-
height: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
588
|
-
width: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
589
|
-
left: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
590
|
-
top: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
586
|
+
filter: "none" | ArbitraryValue | "emphasized" | "elevated" | "dragged";
|
|
587
|
+
fill: ArbitraryValue | Color<"accent" | "transparent" | "none" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
|
|
588
|
+
stroke: ArbitraryValue | Color<"transparent" | "none" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "currentColor" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
|
|
589
|
+
height: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
590
|
+
width: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
591
|
+
left: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
592
|
+
top: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
591
593
|
truncate: true;
|
|
592
|
-
alignContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" |
|
|
593
|
-
alignItems: "center" | "end" | "start" | "stretch" | "baseline" |
|
|
594
|
-
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" |
|
|
594
|
+
alignContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" | ArbitraryValue;
|
|
595
|
+
alignItems: "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
|
|
596
|
+
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
|
|
595
597
|
animation: string;
|
|
596
598
|
animationDelay: string | number;
|
|
597
|
-
animationDirection: "reverse" | "alternate" | "alternate-reverse" | "normal" |
|
|
599
|
+
animationDirection: "reverse" | "alternate" | "alternate-reverse" | "normal" | ArbitraryValue;
|
|
598
600
|
animationDuration: string | number;
|
|
599
|
-
animationFillMode: "backwards" | "both" | "forwards" | "none" |
|
|
601
|
+
animationFillMode: "backwards" | "both" | "forwards" | "none" | ArbitraryValue;
|
|
600
602
|
animationIterationCount: string;
|
|
601
|
-
animationTimingFunction: "default" | "linear" |
|
|
602
|
-
appearance: "auto" | "none" |
|
|
603
|
-
aspectRatio: "auto" | "square" | "video" |
|
|
604
|
-
backgroundAttachment: "fixed" | "scroll" | "local" |
|
|
605
|
-
backgroundBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" |
|
|
606
|
-
backgroundClip: "border-box" | "content-box" | "text" | "padding-box" |
|
|
607
|
-
backgroundColor:
|
|
603
|
+
animationTimingFunction: "default" | "linear" | ArbitraryValue | "in" | "out" | "in-out";
|
|
604
|
+
appearance: "auto" | "none" | ArbitraryValue;
|
|
605
|
+
aspectRatio: "auto" | "square" | "video" | ArbitraryValue;
|
|
606
|
+
backgroundAttachment: "fixed" | "scroll" | "local" | ArbitraryValue;
|
|
607
|
+
backgroundBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | ArbitraryValue;
|
|
608
|
+
backgroundClip: "border-box" | "content-box" | "text" | "padding-box" | ArbitraryValue;
|
|
609
|
+
backgroundColor: ArbitraryValue | Color<"base" | "accent" | "transparent" | "disabled" | "negative" | "black" | "blue" | "brown" | "chartreuse" | "cyan" | "fuchsia" | "gray" | "green" | "indigo" | "magenta" | "orange" | "pink" | "purple" | "red" | "silver" | "turquoise" | "white" | "yellow" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "informative" | "positive" | "notice" | "celery" | "seafoam" | "cinnamon" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "elevated" | "neutral-subdued" | "neutral-subtle" | "negative-subtle" | "informative-subtle" | "positive-subtle" | "notice-subtle" | "layer-1" | "layer-2" | "pasteboard">;
|
|
608
610
|
backgroundImage: string;
|
|
609
|
-
backgroundOrigin: "border-box" | "content-box" | "padding-box" |
|
|
610
|
-
backgroundPosition: "center" | "left" | "top" | "bottom" | "right" |
|
|
611
|
-
backgroundRepeat: "repeat" | "round" | "no-repeat" | "repeat-x" | "repeat-y" | "space" |
|
|
612
|
-
backgroundSize: "auto" | "contain" | "cover" |
|
|
613
|
-
borderBottomWidth: 0 | 2 | 1 | 4 |
|
|
614
|
-
borderCollapse: "collapse" | "separate" |
|
|
615
|
-
borderColor:
|
|
616
|
-
borderRadius: "none" | "default" | "full" |
|
|
617
|
-
borderSpacing: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
618
|
-
borderStyle: "none" | "hidden" | "dashed" | "dotted" | "double" | "solid" |
|
|
619
|
-
borderTopWidth: 0 | 2 | 1 | 4 |
|
|
620
|
-
borderWidth: 0 | 2 | 1 | 4 |
|
|
621
|
-
bottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
622
|
-
boxShadow: "none" |
|
|
623
|
-
boxSizing: "border-box" | "content-box" |
|
|
624
|
-
breakAfter: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" |
|
|
625
|
-
breakBefore: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" |
|
|
626
|
-
breakInside: "auto" | "avoid" | "avoid-column" | "avoid-page" |
|
|
627
|
-
captionSide: "top" | "bottom" |
|
|
628
|
-
clear: "both" | "none" | "left" | "right" | "inline-end" | "inline-start" |
|
|
629
|
-
color:
|
|
630
|
-
colorScheme: "dark" | "light" |
|
|
631
|
-
columnGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
632
|
-
columns: "auto" | 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 12 | 11 | 9 |
|
|
633
|
-
contain: "none" | "strict" | "content" | "style" | "size" | "layout" | "paint" | "inline-size" |
|
|
634
|
-
containIntrinsicHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
635
|
-
containIntrinsicWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
636
|
-
cursor: "auto" | "progress" | "none" | "default" | "not-allowed" | "copy" | "move" | "text" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" |
|
|
637
|
-
display: "flex" | "inline" | "none" | "block" | "grid" | "contents" | "inline-block" | "inline-flex" | "inline-grid" | "list-item" |
|
|
638
|
-
flexBasis: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
639
|
-
flexDirection: "column" | "column-reverse" | "row" | "row-reverse" |
|
|
640
|
-
flexGrow: CSS.Property.FlexGrow |
|
|
641
|
-
flexShrink: CSS.Property.FlexShrink |
|
|
642
|
-
flexWrap: "nowrap" | "wrap" | "wrap-reverse" |
|
|
643
|
-
float: "none" | "left" | "right" | "inline-end" | "inline-start" |
|
|
611
|
+
backgroundOrigin: "border-box" | "content-box" | "padding-box" | ArbitraryValue;
|
|
612
|
+
backgroundPosition: "center" | "left" | "top" | "bottom" | "right" | ArbitraryValue | "left bottom" | "left top" | "right bottom" | "right top";
|
|
613
|
+
backgroundRepeat: "repeat" | "round" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | ArbitraryValue;
|
|
614
|
+
backgroundSize: "auto" | "contain" | "cover" | ArbitraryValue;
|
|
615
|
+
borderBottomWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
616
|
+
borderCollapse: "collapse" | "separate" | ArbitraryValue;
|
|
617
|
+
borderColor: ArbitraryValue | Color<"transparent" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText">;
|
|
618
|
+
borderRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
619
|
+
borderSpacing: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
620
|
+
borderStyle: "none" | "hidden" | "dashed" | "dotted" | "double" | "solid" | ArbitraryValue;
|
|
621
|
+
borderTopWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
622
|
+
borderWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
623
|
+
bottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
624
|
+
boxShadow: "none" | ArbitraryValue | "emphasized" | "elevated" | "dragged";
|
|
625
|
+
boxSizing: "border-box" | "content-box" | ArbitraryValue;
|
|
626
|
+
breakAfter: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" | ArbitraryValue;
|
|
627
|
+
breakBefore: "auto" | "all" | "left" | "page" | "right" | "avoid" | "avoid-page" | "column" | ArbitraryValue;
|
|
628
|
+
breakInside: "auto" | "avoid" | "avoid-column" | "avoid-page" | ArbitraryValue;
|
|
629
|
+
captionSide: "top" | "bottom" | ArbitraryValue;
|
|
630
|
+
clear: "both" | "none" | "left" | "right" | "inline-end" | "inline-start" | ArbitraryValue;
|
|
631
|
+
color: ArbitraryValue | Color<"accent" | "code" | "transparent" | "detail" | "body" | "title" | "disabled" | "negative" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "neutral" | "heading" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "neutral-subdued">;
|
|
632
|
+
colorScheme: "dark" | "light" | ArbitraryValue | "light dark";
|
|
633
|
+
columnGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
634
|
+
columns: "auto" | 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 12 | 11 | 9 | ArbitraryValue | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
|
|
635
|
+
contain: "none" | "strict" | "content" | "style" | "size" | "layout" | "paint" | "inline-size" | ArbitraryValue;
|
|
636
|
+
containIntrinsicHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
637
|
+
containIntrinsicWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
638
|
+
cursor: "auto" | "progress" | "none" | "default" | "not-allowed" | "copy" | "move" | "text" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | ArbitraryValue;
|
|
639
|
+
display: "flex" | "inline" | "none" | "block" | "grid" | "contents" | "inline-block" | "inline-flex" | "inline-grid" | "list-item" | ArbitraryValue;
|
|
640
|
+
flexBasis: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
641
|
+
flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | ArbitraryValue;
|
|
642
|
+
flexGrow: CSS.Property.FlexGrow | ArbitraryValue;
|
|
643
|
+
flexShrink: CSS.Property.FlexShrink | ArbitraryValue;
|
|
644
|
+
flexWrap: "nowrap" | "wrap" | "wrap-reverse" | ArbitraryValue;
|
|
645
|
+
float: "none" | "left" | "right" | "inline-end" | "inline-start" | ArbitraryValue;
|
|
644
646
|
font: "code" | "detail" | "body" | "title" | "heading" | "ui" | "ui-xs" | "ui-sm" | "ui-lg" | "ui-xl" | "ui-2xl" | "ui-3xl" | "control" | "heading-2xs" | "heading-xs" | "heading-sm" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "title-xs" | "title-sm" | "title-lg" | "title-xl" | "title-2xl" | "title-3xl" | "body-2xs" | "body-xs" | "body-sm" | "body-lg" | "body-xl" | "body-2xl" | "body-3xl" | "detail-sm" | "detail-lg" | "detail-xl" | "code-xs" | "code-sm" | "code-lg" | "code-xl";
|
|
645
|
-
fontFamily: "code" | "serif" |
|
|
646
|
-
fontSize: "code" | "detail" | "body" | "title" |
|
|
647
|
-
fontWeight: "bold" | "detail" | "normal" | "medium" | "title" | "black" | "light" |
|
|
648
|
-
forcedColorAdjust: "auto" | "none" |
|
|
649
|
-
gap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
650
|
-
gridArea: CSS.Property.GridColumnStart |
|
|
651
|
-
gridAutoColumns:
|
|
652
|
-
gridAutoFlow: "column" | "row" | "dense" |
|
|
653
|
-
gridAutoRows:
|
|
654
|
-
gridColumnEnd: CSS.Property.GridColumnEnd |
|
|
655
|
-
gridColumnStart: CSS.Property.GridColumnStart |
|
|
656
|
-
gridRowEnd: CSS.Property.GridRowEnd |
|
|
657
|
-
gridRowStart: CSS.Property.GridRowStart |
|
|
658
|
-
gridTemplateAreas: readonly string[] |
|
|
659
|
-
gridTemplateColumns:
|
|
660
|
-
gridTemplateRows:
|
|
661
|
-
hyphens: "auto" | "none" | "manual" |
|
|
662
|
-
inset: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
663
|
-
isolation: "auto" | "isolate" |
|
|
664
|
-
justifyContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" |
|
|
665
|
-
justifyItems: "center" | "end" | "start" | "stretch" |
|
|
666
|
-
justifySelf: "auto" | "center" | "end" | "start" | "stretch" |
|
|
667
|
-
lineHeight: "code" | "detail" | "body" | "title" |
|
|
668
|
-
listStylePosition: "inside" | "outside" |
|
|
669
|
-
listStyleType: "decimal" | "none" |
|
|
670
|
-
margin: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
671
|
-
marginBottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
672
|
-
marginTop: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
673
|
-
maxHeight: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
674
|
-
maxWidth: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
675
|
-
minHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
676
|
-
minWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
677
|
-
mixBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" |
|
|
678
|
-
objectFit: "fill" | "none" | "contain" | "cover" | "scale-down" |
|
|
679
|
-
objectPosition: "center" | "left" | "top" | "bottom" | "right" |
|
|
680
|
-
opacity: number |
|
|
681
|
-
order: number |
|
|
682
|
-
outlineColor:
|
|
683
|
-
outlineOffset: number |
|
|
684
|
-
outlineStyle: "none" | "inset" | "dashed" | "dotted" | "double" | "solid" |
|
|
685
|
-
outlineWidth: 0 | 2 | 1 | 4 |
|
|
686
|
-
overflow: "auto" | "clip" | "hidden" | "visible" | "scroll" |
|
|
687
|
-
overflowX: "auto" | "clip" | "hidden" | "visible" | "scroll" |
|
|
688
|
-
overflowY: "auto" | "clip" | "hidden" | "visible" | "scroll" |
|
|
689
|
-
overscrollBehavior: "auto" | "none" | "contain" |
|
|
690
|
-
overscrollBehaviorX: "auto" | "none" | "contain" |
|
|
691
|
-
overscrollBehaviorY: "auto" | "none" | "contain" |
|
|
692
|
-
padding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
693
|
-
paddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
694
|
-
paddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
695
|
-
placeContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" |
|
|
696
|
-
placeItems: "center" | "end" | "start" | "stretch" | "baseline" |
|
|
697
|
-
placeSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" |
|
|
698
|
-
pointerEvents: "auto" | "none" |
|
|
699
|
-
position: "fixed" | "absolute" | "relative" | "static" | "sticky" |
|
|
700
|
-
resize: "both" | "none" | "horizontal" | "vertical" |
|
|
701
|
-
right: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
702
|
-
rotate: number |
|
|
703
|
-
rowGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
704
|
-
scale: number |
|
|
705
|
-
scrollBehavior: "auto" | "smooth" |
|
|
706
|
-
scrollMargin: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
707
|
-
scrollMarginBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
708
|
-
scrollMarginTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
709
|
-
scrollPadding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
710
|
-
scrollPaddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
711
|
-
scrollPaddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
712
|
-
scrollSnapAlign: "none" | "center" | "end" | "start" |
|
|
713
|
-
scrollSnapStop: "always" | "normal" |
|
|
714
|
-
scrollSnapType: "both" | "x" | "y" |
|
|
715
|
-
strokeWidth: 0 | 2 | 1 |
|
|
716
|
-
tableLayout: "fixed" | "auto" |
|
|
717
|
-
textAlign: "center" | "end" | "start" | "justify" |
|
|
718
|
-
textDecoration:
|
|
719
|
-
textIndent: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
720
|
-
textOverflow: "clip" | "ellipsis" |
|
|
721
|
-
textTransform: "none" | "capitalize" | "lowercase" | "uppercase" |
|
|
722
|
-
textWrap: "balance" | "nowrap" | "wrap" |
|
|
723
|
-
touchAction: "auto" | "none" | "manipulation" | "pan-x" | "pan-y" | "pinch-zoom" |
|
|
647
|
+
fontFamily: "code" | "serif" | ArbitraryValue | "sans";
|
|
648
|
+
fontSize: "code" | "detail" | "body" | "title" | ArbitraryValue | "heading" | "ui" | "ui-xs" | "ui-sm" | "ui-lg" | "ui-xl" | "ui-2xl" | "ui-3xl" | "control" | "heading-2xs" | "heading-xs" | "heading-sm" | "heading-lg" | "heading-xl" | "heading-2xl" | "heading-3xl" | "title-xs" | "title-sm" | "title-lg" | "title-xl" | "title-2xl" | "title-3xl" | "body-2xs" | "body-xs" | "body-sm" | "body-lg" | "body-xl" | "body-2xl" | "body-3xl" | "detail-sm" | "detail-lg" | "detail-xl" | "code-xs" | "code-sm" | "code-lg" | "code-xl";
|
|
649
|
+
fontWeight: "bold" | "detail" | "normal" | "medium" | "title" | "black" | "light" | ArbitraryValue | "extra-bold" | "heading";
|
|
650
|
+
forcedColorAdjust: "auto" | "none" | ArbitraryValue;
|
|
651
|
+
gap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
652
|
+
gridArea: CSS.Property.GridColumnStart | ArbitraryValue;
|
|
653
|
+
gridAutoColumns: ArbitraryValue | GridTrackSize;
|
|
654
|
+
gridAutoFlow: "column" | "row" | "dense" | ArbitraryValue | "row dense" | "column dense";
|
|
655
|
+
gridAutoRows: ArbitraryValue | GridTrackSize;
|
|
656
|
+
gridColumnEnd: CSS.Property.GridColumnEnd | ArbitraryValue;
|
|
657
|
+
gridColumnStart: CSS.Property.GridColumnStart | ArbitraryValue;
|
|
658
|
+
gridRowEnd: CSS.Property.GridRowEnd | ArbitraryValue;
|
|
659
|
+
gridRowStart: CSS.Property.GridRowStart | ArbitraryValue;
|
|
660
|
+
gridTemplateAreas: readonly string[] | ArbitraryValue;
|
|
661
|
+
gridTemplateColumns: ArbitraryValue | GridTrack;
|
|
662
|
+
gridTemplateRows: ArbitraryValue | GridTrack;
|
|
663
|
+
hyphens: "auto" | "none" | "manual" | ArbitraryValue;
|
|
664
|
+
inset: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
665
|
+
isolation: "auto" | "isolate" | ArbitraryValue;
|
|
666
|
+
justifyContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | ArbitraryValue;
|
|
667
|
+
justifyItems: "center" | "end" | "start" | "stretch" | ArbitraryValue;
|
|
668
|
+
justifySelf: "auto" | "center" | "end" | "start" | "stretch" | ArbitraryValue;
|
|
669
|
+
lineHeight: "code" | "detail" | "body" | "title" | ArbitraryValue | "heading" | "ui";
|
|
670
|
+
listStylePosition: "inside" | "outside" | ArbitraryValue;
|
|
671
|
+
listStyleType: "decimal" | "none" | ArbitraryValue | "dist";
|
|
672
|
+
margin: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
673
|
+
marginBottom: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
674
|
+
marginTop: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
675
|
+
maxHeight: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
676
|
+
maxWidth: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
677
|
+
minHeight: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
678
|
+
minWidth: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
679
|
+
mixBlendMode: "normal" | "color" | "color-burn" | "color-dodge" | "darken" | "difference" | "exclusion" | "hard-light" | "hue" | "lighten" | "luminosity" | "multiply" | "overlay" | "saturation" | "screen" | "soft-light" | ArbitraryValue | "plus-darker" | "plus-lighter";
|
|
680
|
+
objectFit: "fill" | "none" | "contain" | "cover" | "scale-down" | ArbitraryValue;
|
|
681
|
+
objectPosition: "center" | "left" | "top" | "bottom" | "right" | ArbitraryValue | "left bottom" | "left top" | "right bottom" | "right top";
|
|
682
|
+
opacity: number | ArbitraryValue;
|
|
683
|
+
order: number | ArbitraryValue;
|
|
684
|
+
outlineColor: ArbitraryValue | Color<"transparent" | "black" | "white" | "Background" | "ButtonFace" | "ButtonText" | "GrayText" | "Highlight" | "HighlightText" | "transparent-white-25" | "transparent-white-50" | "transparent-white-75" | "transparent-white-100" | "transparent-white-200" | "transparent-white-300" | "transparent-white-400" | "transparent-white-500" | "transparent-white-600" | "transparent-white-700" | "transparent-white-800" | "transparent-white-900" | "transparent-white-1000" | "transparent-black-25" | "transparent-black-50" | "transparent-black-75" | "transparent-black-100" | "transparent-black-200" | "transparent-black-300" | "transparent-black-400" | "transparent-black-500" | "transparent-black-600" | "transparent-black-700" | "transparent-black-800" | "transparent-black-900" | "transparent-black-1000" | "gray-25" | "gray-50" | "gray-75" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-1000" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "blue-1100" | "blue-1200" | "blue-1300" | "blue-1400" | "blue-1500" | "blue-1600" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-1000" | "red-1100" | "red-1200" | "red-1300" | "red-1400" | "red-1500" | "red-1600" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-1000" | "orange-1100" | "orange-1200" | "orange-1300" | "orange-1400" | "orange-1500" | "orange-1600" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-1000" | "yellow-1100" | "yellow-1200" | "yellow-1300" | "yellow-1400" | "yellow-1500" | "yellow-1600" | "chartreuse-100" | "chartreuse-200" | "chartreuse-300" | "chartreuse-400" | "chartreuse-500" | "chartreuse-600" | "chartreuse-700" | "chartreuse-800" | "chartreuse-900" | "chartreuse-1000" | "chartreuse-1100" | "chartreuse-1200" | "chartreuse-1300" | "chartreuse-1400" | "chartreuse-1500" | "chartreuse-1600" | "celery-100" | "celery-200" | "celery-300" | "celery-400" | "celery-500" | "celery-600" | "celery-700" | "celery-800" | "celery-900" | "celery-1000" | "celery-1100" | "celery-1200" | "celery-1300" | "celery-1400" | "celery-1500" | "celery-1600" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-1000" | "green-1100" | "green-1200" | "green-1300" | "green-1400" | "green-1500" | "green-1600" | "seafoam-100" | "seafoam-200" | "seafoam-300" | "seafoam-400" | "seafoam-500" | "seafoam-600" | "seafoam-700" | "seafoam-800" | "seafoam-900" | "seafoam-1000" | "seafoam-1100" | "seafoam-1200" | "seafoam-1300" | "seafoam-1400" | "seafoam-1500" | "seafoam-1600" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-1000" | "cyan-1100" | "cyan-1200" | "cyan-1300" | "cyan-1400" | "cyan-1500" | "cyan-1600" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-1000" | "indigo-1100" | "indigo-1200" | "indigo-1300" | "indigo-1400" | "indigo-1500" | "indigo-1600" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-1000" | "purple-1100" | "purple-1200" | "purple-1300" | "purple-1400" | "purple-1500" | "purple-1600" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-1000" | "fuchsia-1100" | "fuchsia-1200" | "fuchsia-1300" | "fuchsia-1400" | "fuchsia-1500" | "fuchsia-1600" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "magenta-900" | "magenta-1000" | "magenta-1100" | "magenta-1200" | "magenta-1300" | "magenta-1400" | "magenta-1500" | "magenta-1600" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-1000" | "pink-1100" | "pink-1200" | "pink-1300" | "pink-1400" | "pink-1500" | "pink-1600" | "turquoise-100" | "turquoise-200" | "turquoise-300" | "turquoise-400" | "turquoise-500" | "turquoise-600" | "turquoise-700" | "turquoise-800" | "turquoise-900" | "turquoise-1000" | "turquoise-1100" | "turquoise-1200" | "turquoise-1300" | "turquoise-1400" | "turquoise-1500" | "turquoise-1600" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "brown-1000" | "brown-1100" | "brown-1200" | "brown-1300" | "brown-1400" | "brown-1500" | "brown-1600" | "silver-100" | "silver-200" | "silver-300" | "silver-400" | "silver-500" | "silver-600" | "silver-700" | "silver-800" | "silver-900" | "silver-1000" | "silver-1100" | "silver-1200" | "silver-1300" | "silver-1400" | "silver-1500" | "silver-1600" | "cinnamon-100" | "cinnamon-200" | "cinnamon-300" | "cinnamon-400" | "cinnamon-500" | "cinnamon-600" | "cinnamon-700" | "cinnamon-800" | "cinnamon-900" | "cinnamon-1000" | "cinnamon-1100" | "cinnamon-1200" | "cinnamon-1300" | "cinnamon-1400" | "cinnamon-1500" | "cinnamon-1600" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-1000" | "accent-1100" | "accent-1200" | "accent-1300" | "accent-1400" | "accent-1500" | "accent-1600" | "informative-100" | "informative-200" | "informative-300" | "informative-400" | "informative-500" | "informative-600" | "informative-700" | "informative-800" | "informative-900" | "informative-1000" | "informative-1100" | "informative-1200" | "informative-1300" | "informative-1400" | "informative-1500" | "informative-1600" | "negative-100" | "negative-200" | "negative-300" | "negative-400" | "negative-500" | "negative-600" | "negative-700" | "negative-800" | "negative-900" | "negative-1000" | "negative-1100" | "negative-1200" | "negative-1300" | "negative-1400" | "negative-1500" | "negative-1600" | "notice-100" | "notice-200" | "notice-300" | "notice-400" | "notice-500" | "notice-600" | "notice-700" | "notice-800" | "notice-900" | "notice-1000" | "notice-1100" | "notice-1200" | "notice-1300" | "notice-1400" | "notice-1500" | "notice-1600" | "positive-100" | "positive-200" | "positive-300" | "positive-400" | "positive-500" | "positive-600" | "positive-700" | "positive-800" | "positive-900" | "positive-1000" | "positive-1100" | "positive-1200" | "positive-1300" | "positive-1400" | "positive-1500" | "positive-1600" | "ButtonBorder" | "Field" | "Mark" | "LinkText" | "focus-ring">;
|
|
685
|
+
outlineOffset: number | ArbitraryValue;
|
|
686
|
+
outlineStyle: "none" | "inset" | "dashed" | "dotted" | "double" | "solid" | ArbitraryValue;
|
|
687
|
+
outlineWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
688
|
+
overflow: "auto" | "clip" | "hidden" | "visible" | "scroll" | ArbitraryValue;
|
|
689
|
+
overflowX: "auto" | "clip" | "hidden" | "visible" | "scroll" | ArbitraryValue;
|
|
690
|
+
overflowY: "auto" | "clip" | "hidden" | "visible" | "scroll" | ArbitraryValue;
|
|
691
|
+
overscrollBehavior: "auto" | "none" | "contain" | ArbitraryValue;
|
|
692
|
+
overscrollBehaviorX: "auto" | "none" | "contain" | ArbitraryValue;
|
|
693
|
+
overscrollBehaviorY: "auto" | "none" | "contain" | ArbitraryValue;
|
|
694
|
+
padding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
695
|
+
paddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
696
|
+
paddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
697
|
+
placeContent: "normal" | "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | "baseline" | ArbitraryValue;
|
|
698
|
+
placeItems: "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
|
|
699
|
+
placeSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline" | ArbitraryValue;
|
|
700
|
+
pointerEvents: "auto" | "none" | ArbitraryValue;
|
|
701
|
+
position: "fixed" | "absolute" | "relative" | "static" | "sticky" | ArbitraryValue;
|
|
702
|
+
resize: "both" | "none" | "horizontal" | "vertical" | ArbitraryValue;
|
|
703
|
+
right: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
704
|
+
rotate: number | ArbitraryValue | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`;
|
|
705
|
+
rowGap: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
706
|
+
scale: number | ArbitraryValue;
|
|
707
|
+
scrollBehavior: "auto" | "smooth" | ArbitraryValue;
|
|
708
|
+
scrollMargin: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
709
|
+
scrollMarginBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
710
|
+
scrollMarginTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
711
|
+
scrollPadding: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
712
|
+
scrollPaddingBottom: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
713
|
+
scrollPaddingTop: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
714
|
+
scrollSnapAlign: "none" | "center" | "end" | "start" | ArbitraryValue;
|
|
715
|
+
scrollSnapStop: "always" | "normal" | ArbitraryValue;
|
|
716
|
+
scrollSnapType: "both" | "x" | "y" | ArbitraryValue | "x mandatory" | "y mandatory" | "both mandatory";
|
|
717
|
+
strokeWidth: 0 | 2 | 1 | ArbitraryValue;
|
|
718
|
+
tableLayout: "fixed" | "auto" | ArbitraryValue;
|
|
719
|
+
textAlign: "center" | "end" | "start" | "justify" | ArbitraryValue;
|
|
720
|
+
textDecoration: string | number;
|
|
721
|
+
textIndent: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
722
|
+
textOverflow: "clip" | "ellipsis" | ArbitraryValue;
|
|
723
|
+
textTransform: "none" | "capitalize" | "lowercase" | "uppercase" | ArbitraryValue;
|
|
724
|
+
textWrap: "balance" | "nowrap" | "wrap" | ArbitraryValue | "pretty";
|
|
725
|
+
touchAction: "auto" | "none" | "manipulation" | "pan-x" | "pan-y" | "pinch-zoom" | ArbitraryValue;
|
|
724
726
|
transform: string;
|
|
725
|
-
transformOrigin: "center" | "left" | "top" | "bottom" | "right" |
|
|
726
|
-
transition: "all" | "none" | "default" | "opacity" | "transform" |
|
|
727
|
+
transformOrigin: "center" | "left" | "top" | "bottom" | "right" | ArbitraryValue | "top right" | "bottom right" | "bottom left";
|
|
728
|
+
transition: "all" | "none" | "default" | "opacity" | "transform" | ArbitraryValue | "colors" | "shadow";
|
|
727
729
|
transitionDelay: string | number;
|
|
728
730
|
transitionDuration: string | number;
|
|
729
|
-
transitionTimingFunction: "default" | "linear" |
|
|
730
|
-
translate: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
731
|
-
userSelect: "auto" | "all" | "none" | "text" |
|
|
732
|
-
verticalAlign: "sub" | "top" | "bottom" | "middle" | "baseline" | "super" | "text-bottom" | "text-top" |
|
|
733
|
-
visibility: "hidden" | "visible" | "collapse" |
|
|
734
|
-
whiteSpace: "normal" | "pre" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" |
|
|
735
|
-
willChange: "auto" | "transform" | "contents" | "scroll-position" |
|
|
736
|
-
wordBreak: "normal" | "break-all" | "keep-all" |
|
|
737
|
-
zIndex: number |
|
|
738
|
-
size: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
739
|
-
boxDecorationBreak: "slice" | "clone" |
|
|
740
|
-
lineClamp: number |
|
|
741
|
-
borderStartWidth: 0 | 2 | 1 | 4 |
|
|
742
|
-
borderEndWidth: 0 | 2 | 1 | 4 |
|
|
743
|
-
marginStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
744
|
-
marginEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
745
|
-
paddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
746
|
-
paddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
747
|
-
scrollMarginStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
748
|
-
scrollMarginEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
749
|
-
scrollPaddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
750
|
-
scrollPaddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
751
|
-
translateX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
752
|
-
translateY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
753
|
-
insetStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
754
|
-
insetEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
755
|
-
borderTopStartRadius: "none" | "default" | "full" |
|
|
756
|
-
borderTopEndRadius: "none" | "default" | "full" |
|
|
757
|
-
borderBottomStartRadius: "none" | "default" | "full" |
|
|
758
|
-
borderBottomEndRadius: "none" | "default" | "full" |
|
|
759
|
-
disableTapHighlight: true |
|
|
760
|
-
paddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
761
|
-
paddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
762
|
-
marginX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
763
|
-
marginY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
764
|
-
scrollPaddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
765
|
-
scrollPaddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
766
|
-
scrollMarginX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
767
|
-
scrollMarginY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 |
|
|
768
|
-
borderXWidth: 0 | 2 | 1 | 4 |
|
|
769
|
-
borderYWidth: 0 | 2 | 1 | 4 |
|
|
770
|
-
borderTopRadius: "none" | "default" | "full" |
|
|
771
|
-
borderBottomRadius: "none" | "default" | "full" |
|
|
772
|
-
borderStartRadius: "none" | "default" | "full" |
|
|
773
|
-
borderEndRadius: "none" | "default" | "full" |
|
|
774
|
-
insetX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
775
|
-
insetY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" |
|
|
776
|
-
minSize: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
777
|
-
maxSize: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" |
|
|
731
|
+
transitionTimingFunction: "default" | "linear" | ArbitraryValue | "in" | "out" | "in-out";
|
|
732
|
+
translate: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
|
|
733
|
+
userSelect: "auto" | "all" | "none" | "text" | ArbitraryValue;
|
|
734
|
+
verticalAlign: "sub" | "top" | "bottom" | "middle" | "baseline" | "super" | "text-bottom" | "text-top" | ArbitraryValue;
|
|
735
|
+
visibility: "hidden" | "visible" | "collapse" | ArbitraryValue;
|
|
736
|
+
whiteSpace: "normal" | "pre" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | ArbitraryValue;
|
|
737
|
+
willChange: "auto" | "transform" | "contents" | "scroll-position" | ArbitraryValue;
|
|
738
|
+
wordBreak: "normal" | "break-all" | "keep-all" | ArbitraryValue;
|
|
739
|
+
zIndex: number | ArbitraryValue;
|
|
740
|
+
size: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
741
|
+
boxDecorationBreak: "slice" | "clone" | ArbitraryValue;
|
|
742
|
+
lineClamp: number | ArbitraryValue;
|
|
743
|
+
borderStartWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
744
|
+
borderEndWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
745
|
+
marginStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
746
|
+
marginEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
747
|
+
paddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
748
|
+
paddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
749
|
+
scrollMarginStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
750
|
+
scrollMarginEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
751
|
+
scrollPaddingStart: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
752
|
+
scrollPaddingEnd: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
753
|
+
translateX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
|
|
754
|
+
translateY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384;
|
|
755
|
+
insetStart: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
756
|
+
insetEnd: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
757
|
+
borderTopStartRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
758
|
+
borderTopEndRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
759
|
+
borderBottomStartRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
760
|
+
borderBottomEndRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
761
|
+
disableTapHighlight: true | ArbitraryValue;
|
|
762
|
+
paddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
763
|
+
paddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "text-to-control" | "text-to-visual" | "pill";
|
|
764
|
+
marginX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
765
|
+
marginY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | "edge-to-text" | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | -4 | -8 | -12 | -16 | -20 | -24 | -28 | -32 | -36 | -40 | -44 | -48 | -56 | -64 | -80 | -96 | -112 | -128 | -144 | -160 | -176 | -192 | -208 | -224 | -240 | -256 | -288 | -320 | -384 | "text-to-control" | "text-to-visual" | "pill";
|
|
766
|
+
scrollPaddingX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
767
|
+
scrollPaddingY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
768
|
+
scrollMarginX: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
769
|
+
scrollMarginY: 0 | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
770
|
+
borderXWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
771
|
+
borderYWidth: 0 | 2 | 1 | 4 | ArbitraryValue;
|
|
772
|
+
borderTopRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
773
|
+
borderBottomRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
774
|
+
borderStartRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
775
|
+
borderEndRadius: "none" | "default" | "full" | ArbitraryValue | "sm" | "lg" | "xl" | "control" | "pill" | "control-sm";
|
|
776
|
+
insetX: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
777
|
+
insetY: 0 | "auto" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384;
|
|
778
|
+
minSize: 0 | "auto" | "max" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
779
|
+
maxSize: 0 | "auto" | "max" | "none" | 2 | 4 | 8 | 16 | 32 | 64 | 128 | 256 | 12 | "min" | "screen" | 20 | 24 | "full" | ArbitraryValue | 48 | 36 | 28 | 40 | 44 | 56 | 80 | 96 | 112 | 144 | 160 | 176 | 192 | 208 | 224 | 240 | 288 | 320 | 384 | "control" | "fit" | "control-sm";
|
|
778
780
|
}, "default" | "touch" | "sm" | "md" | "lg" | "xl" | "2xl" | "forcedColors">;
|
|
781
|
+
export const focusRing: () => {
|
|
782
|
+
readonly outlineStyle: {
|
|
783
|
+
readonly default: "none";
|
|
784
|
+
readonly isFocusVisible: "solid";
|
|
785
|
+
};
|
|
786
|
+
readonly outlineColor: "focus-ring";
|
|
787
|
+
readonly outlineWidth: 2;
|
|
788
|
+
readonly outlineOffset: 2;
|
|
789
|
+
};
|
|
779
790
|
|
|
780
791
|
//# sourceMappingURL=types.d.ts.map
|