@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-e4497fdb6-250110
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 +3 -3
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +3 -3
- package/dist/ActionBar.cjs +32 -32
- package/dist/ActionBar.css +34 -34
- package/dist/ActionBar.mjs +32 -32
- package/dist/ActionButton.cjs +61 -61
- package/dist/ActionButton.css +57 -57
- package/dist/ActionButton.mjs +61 -61
- package/dist/ActionButtonGroup.cjs +4 -4
- package/dist/ActionButtonGroup.css +3 -3
- package/dist/ActionButtonGroup.mjs +4 -4
- package/dist/Avatar.cjs +10 -10
- package/dist/Avatar.css +11 -11
- package/dist/Avatar.mjs +10 -10
- package/dist/AvatarGroup.cjs +97 -97
- package/dist/AvatarGroup.css +31 -31
- package/dist/AvatarGroup.mjs +97 -97
- package/dist/Badge.cjs +31 -31
- package/dist/Badge.css +33 -33
- package/dist/Badge.mjs +31 -31
- package/dist/Breadcrumbs.cjs +83 -82
- package/dist/Breadcrumbs.cjs.map +1 -1
- package/dist/Breadcrumbs.css +66 -60
- package/dist/Breadcrumbs.css.map +1 -1
- package/dist/Breadcrumbs.mjs +83 -82
- package/dist/Breadcrumbs.mjs.map +1 -1
- package/dist/Button.cjs +179 -144
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +167 -86
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +180 -145
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +15 -15
- package/dist/ButtonGroup.css +11 -11
- package/dist/ButtonGroup.mjs +15 -15
- package/dist/Card.cjs +163 -163
- package/dist/Card.css +118 -118
- package/dist/Card.mjs +163 -163
- package/dist/CardView.cjs +13 -13
- package/dist/CardView.css +14 -14
- package/dist/CardView.mjs +13 -13
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +46 -46
- package/dist/Checkbox.css +44 -44
- package/dist/Checkbox.mjs +46 -46
- package/dist/CheckboxGroup.cjs +39 -39
- package/dist/CheckboxGroup.css +32 -32
- package/dist/CheckboxGroup.mjs +39 -39
- package/dist/ClearButton.cjs +5 -5
- package/dist/ClearButton.css +5 -5
- package/dist/ClearButton.mjs +5 -5
- package/dist/CloseButton.cjs +17 -15
- package/dist/CloseButton.cjs.map +1 -1
- package/dist/CloseButton.css +24 -16
- package/dist/CloseButton.css.map +1 -1
- package/dist/CloseButton.mjs +17 -15
- package/dist/CloseButton.mjs.map +1 -1
- package/dist/ColorArea.cjs +9 -9
- package/dist/ColorArea.css +9 -9
- package/dist/ColorArea.mjs +9 -9
- package/dist/ColorField.cjs +29 -29
- package/dist/ColorField.css +24 -24
- package/dist/ColorField.mjs +29 -29
- package/dist/ColorHandle.cjs +9 -9
- package/dist/ColorHandle.css +16 -16
- package/dist/ColorHandle.mjs +9 -9
- package/dist/ColorSlider.cjs +40 -40
- package/dist/ColorSlider.css +42 -42
- package/dist/ColorSlider.mjs +40 -40
- package/dist/ColorSwatch.cjs +6 -6
- package/dist/ColorSwatch.css +14 -14
- package/dist/ColorSwatch.mjs +6 -6
- package/dist/ColorSwatchPicker.cjs +12 -12
- package/dist/ColorSwatchPicker.css +32 -32
- package/dist/ColorSwatchPicker.mjs +12 -12
- package/dist/ColorWheel.cjs +14 -14
- package/dist/ColorWheel.css +14 -14
- package/dist/ColorWheel.mjs +14 -14
- package/dist/ComboBox.cjs +54 -51
- package/dist/ComboBox.cjs.map +1 -1
- package/dist/ComboBox.css +48 -48
- package/dist/ComboBox.css.map +1 -1
- package/dist/ComboBox.mjs +54 -51
- package/dist/ComboBox.mjs.map +1 -1
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +23 -23
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/CustomDialog.cjs +8 -8
- package/dist/CustomDialog.css +9 -9
- package/dist/CustomDialog.mjs +8 -8
- package/dist/Dialog.cjs +10 -10
- package/dist/Dialog.css +39 -39
- package/dist/Dialog.mjs +10 -10
- package/dist/Disclosure.cjs +53 -53
- package/dist/Disclosure.css +48 -48
- package/dist/Disclosure.mjs +53 -53
- package/dist/Divider.cjs +5 -5
- package/dist/Divider.css +5 -5
- package/dist/Divider.mjs +5 -5
- package/dist/DropZone.cjs +24 -24
- package/dist/DropZone.css +24 -24
- package/dist/DropZone.mjs +24 -24
- package/dist/Field.cjs +107 -107
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +69 -69
- package/dist/Field.mjs +107 -107
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +4 -4
- package/dist/Form.css +3 -3
- package/dist/Form.mjs +4 -4
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +54 -54
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +126 -126
- package/dist/IllustratedMessage.css +58 -58
- package/dist/IllustratedMessage.mjs +126 -126
- package/dist/Image.cjs +10 -10
- package/dist/Image.css +11 -11
- package/dist/Image.mjs +10 -10
- package/dist/InlineAlert.cjs +50 -50
- package/dist/InlineAlert.css +44 -44
- package/dist/InlineAlert.mjs +50 -50
- package/dist/Link.cjs +27 -27
- package/dist/Link.css +28 -28
- package/dist/Link.mjs +27 -27
- package/dist/Menu.cjs +292 -221
- package/dist/Menu.cjs.map +1 -1
- package/dist/Menu.css +115 -113
- package/dist/Menu.css.map +1 -1
- package/dist/Menu.mjs +292 -221
- package/dist/Menu.mjs.map +1 -1
- package/dist/Meter.cjs +51 -51
- package/dist/Meter.css +51 -51
- package/dist/Meter.mjs +51 -51
- package/dist/Modal.cjs +37 -37
- package/dist/Modal.css +35 -35
- package/dist/Modal.mjs +37 -37
- package/dist/NumberField.cjs +60 -60
- package/dist/NumberField.css +66 -66
- package/dist/NumberField.mjs +60 -60
- package/dist/Picker.cjs +117 -114
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +80 -80
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +117 -114
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +40 -40
- package/dist/Popover.css +37 -37
- package/dist/Popover.mjs +40 -40
- package/dist/ProgressBar.cjs +63 -63
- package/dist/ProgressBar.css +61 -61
- package/dist/ProgressBar.mjs +63 -63
- package/dist/ProgressCircle.cjs +3 -3
- package/dist/ProgressCircle.css +2 -2
- package/dist/ProgressCircle.mjs +3 -3
- package/dist/Provider.cjs +4 -4
- package/dist/Provider.css +5 -5
- package/dist/Provider.mjs +4 -4
- package/dist/Radio.cjs +46 -46
- package/dist/Radio.css +44 -44
- package/dist/Radio.mjs +46 -46
- package/dist/RadioGroup.cjs +37 -37
- package/dist/RadioGroup.css +32 -32
- package/dist/RadioGroup.mjs +37 -37
- package/dist/SearchField.cjs +31 -31
- package/dist/SearchField.css +29 -29
- package/dist/SearchField.mjs +31 -31
- package/dist/SegmentedControl.cjs +54 -54
- package/dist/SegmentedControl.css +55 -55
- package/dist/SegmentedControl.mjs +54 -54
- package/dist/Slider.cjs +101 -101
- package/dist/Slider.css +82 -82
- package/dist/Slider.mjs +101 -101
- package/dist/StatusLight.cjs +26 -26
- package/dist/StatusLight.css +26 -26
- package/dist/StatusLight.mjs +26 -26
- package/dist/Switch.cjs +47 -47
- package/dist/Switch.css +42 -42
- package/dist/Switch.mjs +47 -47
- package/dist/TableView.cjs +137 -137
- package/dist/TableView.css +76 -76
- package/dist/TableView.mjs +137 -137
- package/dist/Tabs.cjs +60 -60
- package/dist/Tabs.css +53 -53
- package/dist/Tabs.mjs +60 -60
- package/dist/TabsPicker.cjs +69 -69
- package/dist/TabsPicker.css +62 -62
- package/dist/TabsPicker.mjs +69 -69
- package/dist/TagGroup.cjs +108 -108
- package/dist/TagGroup.css +85 -85
- package/dist/TagGroup.mjs +108 -108
- package/dist/TextField.cjs +36 -36
- package/dist/TextField.css +33 -33
- package/dist/TextField.mjs +36 -36
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +7 -7
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +32 -32
- package/dist/Tooltip.css +34 -34
- package/dist/Tooltip.mjs +32 -32
- package/dist/types.d.ts +2 -0
- package/dist/types.d.ts.map +1 -1
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.css +5 -5
- package/icons/Skeleton.mjs +2 -2
- package/package.json +19 -19
- package/src/Button.tsx +107 -75
- package/src/CloseButton.tsx +4 -0
- package/src/ComboBox.tsx +2 -1
- package/src/Menu.tsx +40 -17
- package/src/Picker.tsx +2 -1
- package/style/dist/spectrum-theme.cjs +54 -5
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +54 -5
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/style-macro.cjs +1 -1
- package/style/dist/style-macro.cjs.map +1 -1
- package/style/dist/style-macro.mjs +1 -1
- package/style/dist/style-macro.mjs.map +1 -1
- package/style/dist/types.d.ts +10 -3
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +66 -7
- package/style/style-macro.ts +3 -3
- package/style/types.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/s2/style/spectrum-theme.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ArbitraryValue, CSSValue, PropertyValueMap} from './types';\nimport {autoStaticColor, colorScale, colorToken, fontSizeToken, generateOverlayColorScale, getToken, simpleColorScale, weirdColorToken} from './tokens' with {type: 'macro'};\nimport {Color, createArbitraryProperty, createColorProperty, createMappedProperty, createRenamedProperty, createSizingProperty, createTheme, parseArbitraryValue} from './style-macro';\nimport type * as CSS from 'csstype';\n\ninterface MacroContext {\n addAsset(asset: {type: string, content: string}): void\n}\n\nfunction pxToRem(px: string | number) {\n if (typeof px === 'string') {\n px = parseFloat(px);\n }\n return px / 16 + 'rem';\n}\n\nconst color = {\n transparent: 'transparent',\n black: 'black',\n white: 'white',\n\n ...colorScale('gray'),\n ...colorScale('blue'),\n ...colorScale('red'),\n ...colorScale('orange'),\n ...colorScale('yellow'),\n ...colorScale('chartreuse'),\n ...colorScale('celery'),\n ...colorScale('green'),\n ...colorScale('seafoam'),\n ...colorScale('cyan'),\n ...colorScale('indigo'),\n ...colorScale('purple'),\n ...colorScale('fuchsia'),\n ...colorScale('magenta'),\n ...colorScale('pink'),\n ...colorScale('turquoise'),\n ...colorScale('brown'),\n ...colorScale('silver'),\n ...colorScale('cinnamon'),\n\n ...colorScale('accent-color'),\n ...colorScale('informative-color'),\n ...colorScale('negative-color'),\n ...colorScale('notice-color'),\n ...colorScale('positive-color'),\n\n ...simpleColorScale('transparent-white'),\n ...simpleColorScale('transparent-black'),\n ...generateOverlayColorScale(),\n\n // High contrast mode.\n Background: 'Background',\n ButtonBorder: 'ButtonBorder',\n ButtonFace: 'ButtonFace',\n ButtonText: 'ButtonText',\n Field: 'Field',\n Highlight: 'Highlight',\n HighlightText: 'HighlightText',\n GrayText: 'GrayText',\n Mark: 'Mark',\n LinkText: 'LinkText'\n};\n\nexport function baseColor(base: keyof typeof color) {\n let keys = Object.keys(color) as (keyof typeof color)[];\n let index = keys.indexOf(base);\n if (index === -1) {\n throw new Error('Invalid base color ' + base);\n }\n\n return {\n default: base,\n isHovered: keys[index + 1],\n isFocusVisible: keys[index + 1],\n isPressed: keys[index + 1]\n };\n}\n\ntype SpectrumColor = Color<keyof typeof color> | ArbitraryValue;\nfunction parseColor(value: SpectrumColor) {\n let arbitrary = parseArbitraryValue(value);\n if (arbitrary) {\n return arbitrary[0];\n }\n let [colorValue, opacity] = value.split('/');\n colorValue = color[colorValue];\n if (opacity) {\n colorValue = `rgb(from ${colorValue} r g b / ${opacity}%)`;\n }\n return colorValue;\n}\n\nexport function lightDark(light: SpectrumColor, dark: SpectrumColor): `[${string}]` {\n return `[light-dark(${parseColor(light)}, ${parseColor(dark)})]`;\n}\n\nexport function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `[${string}]` {\n return `[color-mix(in srgb, ${parseColor(a)}, ${parseColor(b)} ${percent}%)]`;\n}\n\nexport function linearGradient(angle: string, ...tokens: [SpectrumColor, number][]): string {\n return `linear-gradient(${angle}, ${tokens.map(([color, stop]) => `${parseColor(color)} ${stop}%`)})`;\n}\n\nfunction generateSpacing<K extends number[]>(px: K): {[P in K[number]]: string} {\n let res: any = {};\n for (let p of px) {\n res[p] = pxToRem(p);\n }\n return res;\n}\n\nconst baseSpacing = generateSpacing([\n 0,\n 2, // spacing-50\n 4, // spacing-75\n 8, // spacing-100\n 12, // spacing-200\n 16, // spacing-300\n 20,\n 24, // spacing-400\n 28,\n 32, // spacing-500\n 36,\n 40, // spacing-600\n 44,\n 48, // spacing-700\n 56,\n // From here onward the values are mostly spaced by 1rem (16px)\n 64, // spacing-800\n 80, // spacing-900\n 96, // spacing-1000\n // TODO: should these only be available as sizes rather than spacing?\n 112,\n 128,\n 144,\n 160,\n 176,\n 192,\n 208,\n 224,\n 240,\n 256,\n 288,\n 320,\n 384\n] as const);\n\n// This should match the above, but negative. There's no way to negate a number\n// type in typescript so this has to be done manually for now.\nconst negativeSpacing = generateSpacing([\n // -2, // spacing-50 !! TODO: should we support this?\n -4, // spacing-75\n -8, // spacing-100\n -12, // spacing-200\n -16, // spacing-300\n -20,\n -24, // spacing-400\n -28,\n -32, // spacing-500\n -36,\n -40, // spacing-600\n -44,\n -48, // spacing-700\n -56,\n // From here onward the values are mostly spaced by 1rem (16px)\n -64, // spacing-800\n -80, // spacing-900\n -96, // spacing-1000\n // TODO: should these only be available as sizes rather than spacing?\n -112,\n -128,\n -144,\n -160,\n -176,\n -192,\n -208,\n -224,\n -240,\n -256,\n -288,\n -320,\n -384\n] as const);\n\nexport function fontRelative(this: MacroContext | void, base: number, baseFontSize = 14) {\n return (base / baseFontSize) + 'em';\n}\n\nexport function edgeToText(this: MacroContext | void, height: keyof typeof baseSpacing) {\n return `calc(${baseSpacing[height]} * 3 / 8)`;\n}\n\nexport function space(this: MacroContext | void, px: number) {\n return pxToRem(px);\n}\n\nconst spacing = {\n ...baseSpacing,\n\n // font-size relative values\n 'text-to-control': fontRelative(10),\n 'text-to-visual': {\n default: fontRelative(6), // -> 5px, 5px, 6px, 7px, 8px\n touch: fontRelative(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px\n },\n // height relative values\n 'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',\n 'pill': 'calc(self(height, self(minHeight)) / 2)'\n};\n\nexport function size(this: MacroContext | void, px: number) {\n return `calc(${pxToRem(px)} * var(--s2-scale))`;\n}\n\nconst sizing = {\n auto: 'auto',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n\n control: {\n default: size(32),\n size: {\n XS: size(20),\n S: size(24),\n L: size(40),\n XL: size(48)\n }\n },\n // With browser support for round() we could do this:\n // 'control-sm': `round(${16 / 14}em, 2px)`\n 'control-sm': {\n default: size(16),\n size: {\n S: size(14),\n L: size(18),\n XL: size(20)\n }\n }\n};\n\nconst height = {\n ...sizing,\n screen: '100vh'\n};\n\nconst width = {\n ...sizing,\n screen: '100vw'\n};\n\nfunction createSpectrumSizingProperty<T extends CSSValue>(values: PropertyValueMap<T>) {\n return createSizingProperty(values, px => `calc(${pxToRem(px)} * var(--s2-scale))`);\n}\n\nconst margin = {\n ...spacing,\n ...negativeSpacing,\n auto: 'auto'\n};\n\nconst inset = {\n ...baseSpacing,\n auto: 'auto',\n full: '100%'\n};\n\nconst translate = {\n ...baseSpacing,\n ...negativeSpacing,\n full: '100%'\n};\n\nconst borderWidth = {\n 0: '0px',\n 1: getToken('border-width-100'),\n 2: getToken('border-width-200'),\n 4: getToken('border-width-400')\n};\n\nconst radius = {\n none: getToken('corner-radius-none'), // 0px\n sm: pxToRem(getToken('corner-radius-small-default')), // 4px\n default: pxToRem(getToken('corner-radius-medium-default')), // 8px\n lg: pxToRem(getToken('corner-radius-large-default')), // 10px\n xl: pxToRem(getToken('corner-radius-extra-large-default')), // 16px\n full: '9999px',\n pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',\n control: fontRelative(8), // automatic based on font size (e.g. t-shirt size logarithmic scale)\n 'control-sm': fontRelative(4)\n};\n\ntype GridTrack = 'none' | 'subgrid' | (string & {}) | readonly GridTrackSize[];\ntype GridTrackSize = 'auto' | 'min-content' | 'max-content' | `${number}fr` | `minmax(${string}, ${string})` | keyof typeof baseSpacing | (string & {});\n\nlet gridTrack = (value: GridTrack) => {\n if (typeof value === 'string') {\n return value;\n }\n return value.map(v => gridTrackSize(v)).join(' ');\n};\n\nlet gridTrackSize = (value: GridTrackSize) => {\n return value in baseSpacing ? baseSpacing[value] : value;\n};\n\nconst transitionProperty = {\n default: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',\n colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',\n opacity: 'opacity',\n shadow: 'box-shadow',\n transform: 'transform, translate, scale, rotate',\n all: 'all',\n none: 'none'\n};\n\n// TODO\nconst timingFunction = {\n default: 'cubic-bezier(0.45, 0, 0.4, 1)',\n linear: 'linear',\n in: 'cubic-bezier(0.5, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.40, 1)',\n 'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'\n};\n\n// TODO: do these need tokens or are arbitrary values ok?\nlet durationProperty = createArbitraryProperty((value: number | string, property) => ({[property]: typeof value === 'number' ? value + 'ms' : value}));\n\n// const colorWithAlpha = createColorProperty(color);\n\nconst fontWeightBase = {\n light: '300',\n // TODO: spectrum calls this \"regular\" but CSS calls it \"normal\". We also call other properties \"default\". What do we want to match?\n normal: '400',\n medium: '500',\n bold: '700',\n 'extra-bold': '800',\n black: '900'\n} as const;\n\nconst i18nFonts = {\n ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',\n ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',\n ':lang(ja)': \"adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif\",\n ':lang(ko)': \"adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif\",\n ':lang(zh)': \"adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif\",\n // TODO: are these fallbacks supposed to be different than above?\n ':lang(zh-hant)': \"adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif\",\n ':lang(zh-Hans, zh-CN, zh-SG)': \"adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif\"\n} as const;\n\nconst fontSize = {\n // The default font size scale is for use within UI components.\n 'ui-xs': fontSizeToken('font-size-50'),\n 'ui-sm': fontSizeToken('font-size-75'),\n ui: fontSizeToken('font-size-100'),\n 'ui-lg': fontSizeToken('font-size-200'),\n 'ui-xl': fontSizeToken('font-size-300'),\n 'ui-2xl': fontSizeToken('font-size-400'),\n 'ui-3xl': fontSizeToken('font-size-500'),\n\n control: {\n default: fontSizeToken('font-size-100'),\n size: {\n XS: fontSizeToken('font-size-50'),\n S: fontSizeToken('font-size-75'),\n L: fontSizeToken('font-size-200'),\n XL: fontSizeToken('font-size-300')\n }\n },\n\n 'heading-2xs': fontSizeToken('heading-size-xxs'),\n 'heading-xs': fontSizeToken('heading-size-xs'),\n 'heading-sm': fontSizeToken('heading-size-s'),\n heading: fontSizeToken('heading-size-m'),\n 'heading-lg': fontSizeToken('heading-size-l'),\n 'heading-xl': fontSizeToken('heading-size-xl'),\n 'heading-2xl': fontSizeToken('heading-size-xxl'),\n 'heading-3xl': fontSizeToken('heading-size-xxxl'),\n\n 'title-xs': fontSizeToken('title-size-xs'),\n 'title-sm': fontSizeToken('title-size-s'),\n title: fontSizeToken('title-size-m'),\n 'title-lg': fontSizeToken('title-size-l'),\n 'title-xl': fontSizeToken('title-size-xl'),\n 'title-2xl': fontSizeToken('title-size-xxl'),\n 'title-3xl': fontSizeToken('title-size-xxxl'),\n\n // Body is for large blocks of text, e.g. paragraphs, not in UI components.\n 'body-2xs': fontSizeToken('font-size-50'), // TODO: seems like there is no token for this\n 'body-xs': fontSizeToken('body-size-xs'),\n 'body-sm': fontSizeToken('body-size-s'),\n body: fontSizeToken('body-size-m'),\n 'body-lg': fontSizeToken('body-size-l'),\n 'body-xl': fontSizeToken('body-size-xl'),\n 'body-2xl': fontSizeToken('body-size-xxl'),\n 'body-3xl': fontSizeToken('body-size-xxxl'),\n\n 'detail-sm': fontSizeToken('detail-size-s'),\n detail: fontSizeToken('detail-size-m'),\n 'detail-lg': fontSizeToken('detail-size-l'),\n 'detail-xl': fontSizeToken('detail-size-xl'),\n\n 'code-xs': fontSizeToken('code-size-xs'),\n 'code-sm': fontSizeToken('code-size-s'),\n code: fontSizeToken('code-size-m'),\n 'code-lg': fontSizeToken('code-size-l'),\n 'code-xl': fontSizeToken('code-size-xl')\n} as const;\n\nexport const style = createTheme({\n properties: {\n // colors\n color: createColorProperty({\n ...color,\n accent: {\n default: colorToken('accent-content-color-default'),\n isHovered: colorToken('accent-content-color-hover'),\n isFocusVisible: colorToken('accent-content-color-key-focus'),\n isPressed: colorToken('accent-content-color-down')\n // isSelected: colorToken('accent-content-color-selected'), // same as pressed\n },\n neutral: {\n default: colorToken('neutral-content-color-default'),\n isHovered: colorToken('neutral-content-color-hover'),\n isFocusVisible: colorToken('neutral-content-color-key-focus'),\n isPressed: colorToken('neutral-content-color-down')\n // isSelected: colorToken('neutral-subdued-content-color-selected'),\n },\n 'neutral-subdued': {\n default: colorToken('neutral-subdued-content-color-default'),\n isHovered: colorToken('neutral-subdued-content-color-hover'),\n isFocusVisible: colorToken('neutral-subdued-content-color-key-focus'),\n isPressed: colorToken('neutral-subdued-content-color-down')\n // isSelected: colorToken('neutral-subdued-content-color-selected'),\n },\n negative: {\n default: colorToken('negative-content-color-default'),\n isHovered: colorToken('negative-content-color-hover'),\n isFocusVisible: colorToken('negative-content-color-key-focus'),\n isPressed: colorToken('negative-content-color-down')\n },\n disabled: {\n default: colorToken('disabled-content-color')\n // forcedColors: 'GrayText'\n },\n heading: colorToken('heading-color'),\n title: colorToken('title-color'),\n body: colorToken('body-color'),\n detail: colorToken('detail-color'),\n code: colorToken('code-color'),\n auto: autoStaticColor('self(backgroundColor, var(--s2-container-bg))')\n }),\n backgroundColor: createColorProperty({\n ...color,\n accent: {\n default: weirdColorToken('accent-background-color-default'),\n isHovered: weirdColorToken('accent-background-color-hover'),\n isFocusVisible: weirdColorToken('accent-background-color-key-focus'),\n isPressed: weirdColorToken('accent-background-color-down')\n },\n 'accent-subtle': weirdColorToken('accent-subtle-background-color-default'),\n neutral: {\n default: colorToken('neutral-background-color-default'),\n isHovered: colorToken('neutral-background-color-hover'),\n isFocusVisible: colorToken('neutral-background-color-key-focus'),\n isPressed: colorToken('neutral-background-color-down')\n },\n 'neutral-subdued': {\n default: weirdColorToken('neutral-subdued-background-color-default'),\n isHovered: weirdColorToken('neutral-subdued-background-color-hover'),\n isFocusVisible: weirdColorToken('neutral-subdued-background-color-key-focus'),\n isPressed: weirdColorToken('neutral-subdued-background-color-down')\n },\n 'neutral-subtle': weirdColorToken('neutral-subtle-background-color-default'),\n negative: {\n default: weirdColorToken('negative-background-color-default'),\n isHovered: weirdColorToken('negative-background-color-hover'),\n isFocusVisible: weirdColorToken('negative-background-color-key-focus'),\n isPressed: weirdColorToken('negative-background-color-down')\n },\n 'negative-subtle': weirdColorToken('negative-subtle-background-color-default'),\n informative: {\n default: weirdColorToken('informative-background-color-default'),\n isHovered: weirdColorToken('informative-background-color-hover'),\n isFocusVisible: weirdColorToken('informative-background-color-key-focus'),\n isPressed: weirdColorToken('informative-background-color-down')\n },\n 'informative-subtle': weirdColorToken('informative-subtle-background-color-default'),\n positive: {\n default: weirdColorToken('positive-background-color-default'),\n isHovered: weirdColorToken('positive-background-color-hover'),\n isFocusVisible: weirdColorToken('positive-background-color-key-focus'),\n isPressed: weirdColorToken('positive-background-color-down')\n },\n 'positive-subtle': weirdColorToken('positive-subtle-background-color-default'),\n notice: weirdColorToken('notice-background-color-default'),\n 'notice-subtle': weirdColorToken('notice-subtle-background-color-default'),\n gray: weirdColorToken('gray-background-color-default'),\n 'gray-subtle': weirdColorToken('gray-subtle-background-color-default'),\n red: weirdColorToken('red-background-color-default'),\n 'red-subtle': weirdColorToken('red-subtle-background-color-default'),\n orange: weirdColorToken('orange-background-color-default'),\n 'orange-subtle': weirdColorToken('orange-subtle-background-color-default'),\n yellow: weirdColorToken('yellow-background-color-default'),\n 'yellow-subtle': weirdColorToken('yellow-subtle-background-color-default'),\n chartreuse: weirdColorToken('chartreuse-background-color-default'),\n 'chartreuse-subtle': weirdColorToken('chartreuse-subtle-background-color-default'),\n celery: weirdColorToken('celery-background-color-default'),\n 'celery-subtle': weirdColorToken('celery-subtle-background-color-default'),\n green: weirdColorToken('green-background-color-default'),\n 'green-subtle': weirdColorToken('green-subtle-background-color-default'),\n seafoam: weirdColorToken('seafoam-background-color-default'),\n 'seafoam-subtle': weirdColorToken('seafoam-subtle-background-color-default'),\n cyan: weirdColorToken('cyan-background-color-default'),\n 'cyan-subtle': weirdColorToken('cyan-subtle-background-color-default'),\n blue: weirdColorToken('blue-background-color-default'),\n 'blue-subtle': weirdColorToken('blue-subtle-background-color-default'),\n indigo: weirdColorToken('indigo-background-color-default'),\n 'indigo-subtle': weirdColorToken('indigo-subtle-background-color-default'),\n purple: weirdColorToken('purple-background-color-default'),\n 'purple-subtle': weirdColorToken('purple-subtle-background-color-default'),\n fuchsia: weirdColorToken('fuchsia-background-color-default'),\n 'fuchsia-subtle': weirdColorToken('fuchsia-subtle-background-color-default'),\n magenta: weirdColorToken('magenta-background-color-default'),\n 'magenta-subtle': weirdColorToken('magenta-subtle-background-color-default'),\n pink: weirdColorToken('pink-background-color-default'),\n 'pink-subtle': weirdColorToken('pink-subtle-background-color-default'),\n turquoise: weirdColorToken('turquoise-background-color-default'),\n 'turquoise-subtle': weirdColorToken('turquoise-subtle-background-color-default'),\n cinnamon: weirdColorToken('cinnamon-background-color-default'),\n 'cinnamon-subtle': weirdColorToken('cinnamon-subtle-background-color-default'),\n brown: weirdColorToken('brown-background-color-default'),\n 'brown-subtle': weirdColorToken('brown-subtle-background-color-default'),\n silver: weirdColorToken('silver-background-color-default'),\n 'silver-subtle': weirdColorToken('silver-subtle-background-color-default'),\n disabled: colorToken('disabled-background-color'),\n base: colorToken('background-base-color'),\n 'layer-1': colorToken('background-layer-1-color'),\n 'layer-2': weirdColorToken('background-layer-2-color'),\n pasteboard: weirdColorToken('background-pasteboard-color'),\n elevated: weirdColorToken('background-elevated-color')\n }),\n borderColor: createColorProperty({\n ...color,\n negative: {\n default: colorToken('negative-border-color-default'),\n isHovered: colorToken('negative-border-color-hover'),\n isFocusVisible: colorToken('negative-border-color-key-focus'),\n isPressed: colorToken('negative-border-color-down')\n },\n disabled: colorToken('disabled-border-color')\n // forcedColors: 'GrayText'\n\n }),\n outlineColor: createColorProperty({\n ...color,\n 'focus-ring': {\n default: colorToken('focus-indicator-color'),\n forcedColors: 'Highlight'\n }\n }),\n // textDecorationColor: colorWithAlpha,\n // accentColor: colorWithAlpha,\n // caretColor: colorWithAlpha,\n fill: createColorProperty({\n none: 'none',\n currentColor: 'currentColor',\n accent: weirdColorToken('accent-visual-color'),\n neutral: weirdColorToken('neutral-visual-color'),\n negative: weirdColorToken('negative-visual-color'),\n informative: weirdColorToken('informative-visual-color'),\n positive: weirdColorToken('positive-visual-color'),\n notice: weirdColorToken('notice-visual-color'),\n gray: weirdColorToken('gray-visual-color'),\n red: weirdColorToken('red-visual-color'),\n orange: weirdColorToken('orange-visual-color'),\n yellow: weirdColorToken('yellow-visual-color'),\n chartreuse: weirdColorToken('chartreuse-visual-color'),\n celery: weirdColorToken('celery-visual-color'),\n green: weirdColorToken('green-visual-color'),\n seafoam: weirdColorToken('seafoam-visual-color'),\n cyan: weirdColorToken('cyan-visual-color'),\n blue: weirdColorToken('blue-visual-color'),\n indigo: weirdColorToken('indigo-visual-color'),\n purple: weirdColorToken('purple-visual-color'),\n fuchsia: weirdColorToken('fuchsia-visual-color'),\n magenta: weirdColorToken('magenta-visual-color'),\n pink: weirdColorToken('pink-visual-color'),\n turquoise: weirdColorToken('turquoise-visual-color'),\n cinnamon: weirdColorToken('cinnamon-visual-color'),\n brown: weirdColorToken('brown-visual-color'),\n silver: weirdColorToken('silver-visual-color'),\n ...color\n }),\n stroke: createColorProperty({\n none: 'none',\n currentColor: 'currentColor',\n ...color\n }),\n\n // dimensions\n borderSpacing: baseSpacing, // TODO: separate x and y\n flexBasis: {\n auto: 'auto',\n full: '100%',\n ...baseSpacing\n },\n rowGap: spacing,\n columnGap: spacing,\n height: createSpectrumSizingProperty(height),\n width: createSpectrumSizingProperty(width),\n containIntrinsicWidth: createSpectrumSizingProperty(width),\n containIntrinsicHeight: createSpectrumSizingProperty(height),\n minHeight: createSpectrumSizingProperty(height),\n maxHeight: createSpectrumSizingProperty({\n ...height,\n none: 'none'\n }),\n minWidth: createSpectrumSizingProperty(width),\n maxWidth: createSpectrumSizingProperty({\n ...width,\n none: 'none'\n }),\n borderStartWidth: createRenamedProperty('borderInlineStartWidth', borderWidth),\n borderEndWidth: createRenamedProperty('borderInlineEndWidth', borderWidth),\n borderTopWidth: borderWidth,\n borderBottomWidth: borderWidth,\n borderStyle: ['solid', 'dashed', 'dotted', 'double', 'hidden', 'none'] as const,\n strokeWidth: {\n 0: '0',\n 1: '1',\n 2: '2'\n },\n marginStart: createRenamedProperty('marginInlineStart', margin),\n marginEnd: createRenamedProperty('marginInlineEnd', margin),\n marginTop: margin,\n marginBottom: margin,\n paddingStart: createRenamedProperty('paddingInlineStart', spacing),\n paddingEnd: createRenamedProperty('paddingInlineEnd', spacing),\n paddingTop: spacing,\n paddingBottom: spacing,\n scrollMarginStart: createRenamedProperty('scrollMarginInlineStart', baseSpacing),\n scrollMarginEnd: createRenamedProperty('scrollMarginInlineEnd', baseSpacing),\n scrollMarginTop: baseSpacing,\n scrollMarginBottom: baseSpacing,\n scrollPaddingStart: createRenamedProperty('scrollPaddingInlineStart', baseSpacing),\n scrollPaddingEnd: createRenamedProperty('scrollPaddingInlineEnd', baseSpacing),\n scrollPaddingTop: baseSpacing,\n scrollPaddingBottom: baseSpacing,\n textIndent: baseSpacing,\n translateX: createMappedProperty(value => ({\n '--translateX': value,\n translate: 'var(--translateX, 0) var(--translateY, 0)'\n }), translate),\n translateY: createMappedProperty(value => ({\n '--translateY': value,\n translate: 'var(--translateX, 0) var(--translateY, 0)'\n }), translate),\n rotate: createArbitraryProperty((value: number | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`, property) => ({[property]: typeof value === 'number' ? `${value}deg` : value})),\n scale: createArbitraryProperty<number>(),\n transform: createArbitraryProperty<string>(),\n position: ['absolute', 'fixed', 'relative', 'sticky', 'static'] as const,\n insetStart: createRenamedProperty('insetInlineStart', inset),\n insetEnd: createRenamedProperty('insetInlineEnd', inset),\n top: inset,\n left: inset,\n bottom: inset,\n right: inset,\n aspectRatio: {\n auto: 'auto',\n square: '1 / 1',\n video: '16 / 9'\n },\n\n // text\n fontFamily: {\n sans: {\n default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',\n ...i18nFonts\n },\n serif: {\n default: 'adobe-clean-serif, \"Source Serif\", Georgia, serif',\n ...i18nFonts\n },\n code: 'source-code-pro, \"Source Code Pro\", Monaco, monospace'\n },\n fontSize,\n fontWeight: createMappedProperty((value, property) => {\n if (property === 'fontWeight') {\n return {\n // Set font-variation-settings in addition to font-weight to work around typekit issue.\n fontVariationSettings: value === 'inherit' ? 'inherit' : `\"wght\" ${value}`,\n fontWeight: value as any,\n fontSynthesisWeight: 'none'\n };\n }\n\n return {[property]: value};\n }, {\n ...fontWeightBase,\n heading: {\n default: fontWeightBase[getToken('heading-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('heading-cjk-font-weight') as keyof typeof fontWeightBase]\n },\n title: {\n default: fontWeightBase[getToken('title-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('title-cjk-font-weight') as keyof typeof fontWeightBase]\n },\n detail: {\n default: fontWeightBase[getToken('detail-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('detail-cjk-font-weight') as keyof typeof fontWeightBase]\n }\n }),\n lineHeight: {\n // See https://spectrum.corp.adobe.com/page/typography/#Line-height\n ui: {\n default: getToken('line-height-100'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('line-height-200')\n },\n heading: {\n default: getToken('heading-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('heading-cjk-line-height')\n },\n title: {\n default: getToken('title-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('title-cjk-line-height')\n },\n body: {\n default: getToken('body-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('body-cjk-line-height')\n },\n detail: {\n default: getToken('detail-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('detail-cjk-line-height')\n },\n code: {\n default: getToken('code-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('code-cjk-line-height')\n }\n },\n listStyleType: ['none', 'dist', 'decimal'] as const,\n listStylePosition: ['inside', 'outside'] as const,\n textTransform: ['uppercase', 'lowercase', 'capitalize', 'none'] as const,\n textAlign: ['start', 'center', 'end', 'justify'] as const,\n verticalAlign: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super'] as const,\n textDecoration: createMappedProperty((value) => ({\n textDecoration: value === 'none' ? 'none' : `${value} ${getToken('text-underline-thickness')}`,\n textUnderlineOffset: value === 'underline' ? getToken('text-underline-gap') : undefined\n }), ['underline', 'overline', 'line-through', 'none'] as const),\n textOverflow: ['ellipsis', 'clip'] as const,\n lineClamp: createArbitraryProperty((value: number) => ({\n overflow: 'hidden',\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': value\n })),\n hyphens: ['none', 'manual', 'auto'] as const,\n whiteSpace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] as const,\n textWrap: ['wrap', 'nowrap', 'balance', 'pretty'] as const,\n wordBreak: ['normal', 'break-all', 'keep-all'] as const, // also overflowWrap??\n boxDecorationBreak: ['slice', 'clone'] as const,\n\n // effects\n boxShadow: {\n emphasized: `${getToken('drop-shadow-emphasized-default-x')} ${getToken('drop-shadow-emphasized-default-y')} ${getToken('drop-shadow-emphasized-default-blur')} ${colorToken('drop-shadow-emphasized-default-color')}`,\n elevated: `${getToken('drop-shadow-elevated-x')} ${getToken('drop-shadow-elevated-y')} ${getToken('drop-shadow-elevated-blur')} ${colorToken('drop-shadow-elevated-color')}`,\n dragged: `${getToken('drop-shadow-dragged-x')} ${getToken('drop-shadow-dragged-y')} ${getToken('drop-shadow-dragged-blur')} ${colorToken('drop-shadow-dragged-color')}`,\n none: 'none'\n },\n filter: {\n emphasized: `drop-shadow(${getToken('drop-shadow-emphasized-default-x')} ${getToken('drop-shadow-emphasized-default-y')} ${getToken('drop-shadow-emphasized-default-blur')} ${colorToken('drop-shadow-emphasized-default-color')})`,\n elevated: `drop-shadow(${getToken('drop-shadow-elevated-x')} ${getToken('drop-shadow-elevated-y')} ${getToken('drop-shadow-elevated-blur')} ${colorToken('drop-shadow-elevated-color')})`,\n dragged: `drop-shadow${getToken('drop-shadow-dragged-x')} ${getToken('drop-shadow-dragged-y')} ${getToken('drop-shadow-dragged-blur')} ${colorToken('drop-shadow-dragged-color')}`,\n none: 'none'\n },\n borderTopStartRadius: createRenamedProperty('borderStartStartRadius', radius),\n borderTopEndRadius: createRenamedProperty('borderStartEndRadius', radius),\n borderBottomStartRadius: createRenamedProperty('borderEndStartRadius', radius),\n borderBottomEndRadius: createRenamedProperty('borderEndEndRadius', radius),\n forcedColorAdjust: ['auto', 'none'] as const,\n colorScheme: ['light', 'dark', 'light dark'] as const,\n backgroundImage: createArbitraryProperty<string>(),\n // TODO: do we need separate x and y properties?\n backgroundPosition: ['bottom', 'center', 'left', 'left bottom', 'left top', 'right', 'right bottom', 'right top', 'top'] as const,\n backgroundSize: ['auto', 'cover', 'contain'] as const,\n backgroundAttachment: ['fixed', 'local', 'scroll'] as const,\n backgroundClip: ['border-box', 'padding-box', 'content-box', 'text'] as const,\n backgroundRepeat: ['repeat', 'no-repeat', 'repeat-x', 'repeat-y', 'round', 'space'] as const,\n backgroundOrigin: ['border-box', 'padding-box', 'content-box'] as const,\n backgroundBlendMode: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'] as const,\n mixBlendMode: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-darker', 'plus-lighter'] as const,\n opacity: createArbitraryProperty<number>(),\n\n outlineStyle: ['none', 'solid', 'dashed', 'dotted', 'double', 'inset'] as const,\n outlineOffset: createArbitraryProperty<number>((v, property) => ({[property]: `${v}px`})),\n outlineWidth: borderWidth,\n\n transition: createRenamedProperty('transitionProperty', transitionProperty),\n transitionDelay: durationProperty,\n transitionDuration: durationProperty,\n transitionTimingFunction: timingFunction,\n animation: createArbitraryProperty((value: string, property) => ({[property === 'animation' ? 'animationName' : property]: value})),\n animationDuration: durationProperty,\n animationDelay: durationProperty,\n animationDirection: ['normal', 'reverse', 'alternate', 'alternate-reverse'] as const,\n animationFillMode: ['none', 'forwards', 'backwards', 'both'] as const,\n animationIterationCount: createArbitraryProperty<string>(),\n animationTimingFunction: timingFunction,\n\n // layout\n display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'grid', 'inline-grid', 'contents', 'list-item', 'none'] as const, // tables?\n alignContent: ['normal', 'center', 'start', 'end', 'space-between', 'space-around', 'space-evenly', 'baseline', 'stretch'] as const,\n alignItems: ['start', 'end', 'center', 'baseline', 'stretch'] as const,\n justifyContent: ['normal', 'start', 'end', 'center', 'space-between', 'space-around', 'space-evenly', 'stretch'] as const,\n justifyItems: ['start', 'end', 'center', 'stretch'] as const,\n alignSelf: ['auto', 'start', 'end', 'center', 'stretch', 'baseline'] as const,\n justifySelf: ['auto', 'start', 'end', 'center', 'stretch'] as const,\n flexDirection: ['row', 'column', 'row-reverse', 'column-reverse'] as const,\n flexWrap: ['wrap', 'wrap-reverse', 'nowrap'] as const,\n flexShrink: createArbitraryProperty<CSS.Property.FlexShrink>(),\n flexGrow: createArbitraryProperty<CSS.Property.FlexGrow>(),\n gridColumnStart: createArbitraryProperty<CSS.Property.GridColumnStart>(),\n gridColumnEnd: createArbitraryProperty<CSS.Property.GridColumnEnd>(),\n gridRowStart: createArbitraryProperty<CSS.Property.GridRowStart>(),\n gridRowEnd: createArbitraryProperty<CSS.Property.GridRowEnd>(),\n gridAutoFlow: ['row', 'column', 'dense', 'row dense', 'column dense'] as const,\n gridAutoRows: createArbitraryProperty((value: GridTrackSize, property) => ({[property]: gridTrackSize(value)})),\n gridAutoColumns: createArbitraryProperty((value: GridTrackSize, property) => ({[property]: gridTrackSize(value)})),\n gridTemplateColumns: createArbitraryProperty((value: GridTrack, property) => ({[property]: gridTrack(value)})),\n gridTemplateRows: createArbitraryProperty((value: GridTrack, property) => ({[property]: gridTrack(value)})),\n gridTemplateAreas: createArbitraryProperty((value: readonly string[], property) => ({[property]: value.map(v => `\"${v}\"`).join('')})),\n float: ['inline-start', 'inline-end', 'right', 'left', 'none'] as const,\n clear: ['inline-start', 'inline-end', 'left', 'right', 'both', 'none'] as const,\n contain: ['none', 'strict', 'content', 'size', 'inline-size', 'layout', 'style', 'paint'] as const,\n boxSizing: ['border-box', 'content-box'] as const,\n tableLayout: ['auto', 'fixed'] as const,\n captionSide: ['top', 'bottom'] as const,\n borderCollapse: ['collapse', 'separate'] as const,\n columns: {\n auto: 'auto',\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n // TODO: what should these sizes be?\n '3xs': '16rem',\n '2xs': '18rem',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem'\n },\n breakBefore: ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'] as const,\n breakInside: ['auto', 'avoid', 'avoid-page', 'avoid-column'] as const,\n breakAfter: ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'] as const,\n overflowX: ['auto', 'hidden', 'clip', 'visible', 'scroll'] as const,\n overflowY: ['auto', 'hidden', 'clip', 'visible', 'scroll'] as const,\n overscrollBehaviorX: ['auto', 'contain', 'none'] as const,\n overscrollBehaviorY: ['auto', 'contain', 'none'] as const,\n scrollBehavior: ['auto', 'smooth'] as const,\n order: createArbitraryProperty<number>(),\n\n pointerEvents: ['none', 'auto'] as const,\n touchAction: ['auto', 'none', 'pan-x', 'pan-y', 'manipulation', 'pinch-zoom'] as const,\n userSelect: ['none', 'text', 'all', 'auto'] as const,\n visibility: ['visible', 'hidden', 'collapse'] as const,\n isolation: ['isolate', 'auto'] as const,\n transformOrigin: ['center', 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left', 'top right'] as const,\n cursor: ['auto', 'default', 'pointer', 'wait', 'text', 'move', 'help', 'not-allowed', 'none', 'context-menu', 'progress', 'cell', 'crosshair', 'vertical-text', 'alias', 'copy', 'no-drop', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out'] as const,\n resize: ['none', 'vertical', 'horizontal', 'both'] as const,\n scrollSnapType: ['x', 'y', 'both', 'x mandatory', 'y mandatory', 'both mandatory'] as const,\n scrollSnapAlign: ['start', 'end', 'center', 'none'] as const,\n scrollSnapStop: ['normal', 'always'] as const,\n appearance: ['none', 'auto'] as const,\n objectFit: ['contain', 'cover', 'fill', 'none', 'scale-down'] as const,\n objectPosition: ['bottom', 'center', 'left', 'left bottom', 'left top', 'right', 'right bottom', 'right top', 'top'] as const,\n willChange: ['auto', 'scroll-position', 'contents', 'transform'] as const,\n zIndex: createArbitraryProperty<number>(),\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n disableTapHighlight: createArbitraryProperty((_value: true) => ({\n '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'\n }))\n },\n shorthands: {\n padding: ['paddingTop', 'paddingBottom', 'paddingStart', 'paddingEnd'] as const,\n paddingX: ['paddingStart', 'paddingEnd'] as const,\n paddingY: ['paddingTop', 'paddingBottom'] as const,\n margin: ['marginTop', 'marginBottom', 'marginStart', 'marginEnd'] as const,\n marginX: ['marginStart', 'marginEnd'] as const,\n marginY: ['marginTop', 'marginBottom'] as const,\n scrollPadding: ['scrollPaddingTop', 'scrollPaddingBottom', 'scrollPaddingStart', 'scrollPaddingEnd'] as const,\n scrollPaddingX: ['scrollPaddingStart', 'scrollPaddingEnd'] as const,\n scrollPaddingY: ['scrollPaddingTop', 'scrollPaddingBottom'] as const,\n scrollMargin: ['scrollMarginTop', 'scrollMarginBottom', 'scrollMarginStart', 'scrollMarginEnd'] as const,\n scrollMarginX: ['scrollMarginStart', 'scrollMarginEnd'] as const,\n scrollMarginY: ['scrollMarginTop', 'scrollMarginBottom'] as const,\n borderWidth: ['borderTopWidth', 'borderBottomWidth', 'borderStartWidth', 'borderEndWidth'] as const,\n borderXWidth: ['borderStartWidth', 'borderEndWidth'] as const,\n borderYWidth: ['borderTopWidth', 'borderBottomWidth'] as const,\n borderRadius: ['borderTopStartRadius', 'borderTopEndRadius', 'borderBottomStartRadius', 'borderBottomEndRadius'] as const,\n borderTopRadius: ['borderTopStartRadius', 'borderTopEndRadius'] as const,\n borderBottomRadius: ['borderBottomStartRadius', 'borderBottomEndRadius'] as const,\n borderStartRadius: ['borderTopStartRadius', 'borderBottomStartRadius'] as const,\n borderEndRadius: ['borderTopEndRadius', 'borderBottomEndRadius'] as const,\n translate: ['translateX', 'translateY'] as const,\n inset: ['top', 'bottom', 'insetStart', 'insetEnd'] as const,\n insetX: ['insetStart', 'insetEnd'] as const,\n insetY: ['top', 'bottom'] as const,\n placeItems: ['alignItems', 'justifyItems'] as const,\n placeContent: ['alignContent', 'justifyContent'] as const,\n placeSelf: ['alignSelf', 'justifySelf'] as const,\n gap: ['rowGap', 'columnGap'] as const,\n size: ['width', 'height'] as const,\n minSize: ['minWidth', 'minHeight'] as const,\n maxSize: ['maxWidth', 'maxHeight'] as const,\n overflow: ['overflowX', 'overflowY'] as const,\n overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'] as const,\n gridArea: ['gridColumnStart', 'gridColumnEnd', 'gridRowStart', 'gridRowEnd'] as const,\n transition: (value: keyof typeof transitionProperty) => ({\n transition: value,\n transitionDuration: 150,\n transitionTimingFunction: 'default'\n }),\n animation: (value: string) => ({\n animation: value,\n animationDuration: 150,\n animationTimingFunction: 'default'\n }),\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n truncate: (_value: true) => ({\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n }),\n font: (value: keyof typeof fontSize) => {\n let type = value.split('-')[0];\n if (type === 'control') {\n type = 'ui';\n }\n return {\n fontFamily: type === 'code' ? 'code' : 'sans',\n fontSize: value,\n fontWeight: type === 'heading' || type === 'title' || type === 'detail' ? type : 'normal',\n lineHeight: type,\n color: type === 'ui' ? 'body' : type\n };\n }\n },\n conditions: {\n forcedColors: '@media (forced-colors: active)',\n // This detects touch primary devices as best as we can.\n // Ideally we'd use (pointer: course) but browser/device support is inconsistent.\n // Samsung Android devices claim to be mice at the hardware/OS level: (any-pointer: fine), (any-hover: hover), (hover: hover), and nothing for pointer.\n // More details: https://www.ctrl.blog/entry/css-media-hover-samsung.html\n // iPhone matches (any-hover: none), (hover: none), and nothing for any-pointer or pointer.\n // If a trackpad or Apple Pencil is connected to iPad, it matches (any-pointer: fine), (any-hover: hover), (hover: none).\n // Windows tablet matches the same as iPhone. No difference when a mouse is connected.\n // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover).\n touch: '@media not ((hover: hover) and (pointer: fine))',\n // TODO\n sm: '@media (min-width: 640px)',\n md: '@media (min-width: 768px)',\n lg: '@media (min-width: 1024px)',\n xl: '@media (min-width: 1280px)',\n '2xl': '@media (min-width: 1536px)'\n }\n});\n"],"names":[],"version":3,"file":"spectrum-theme.cjs.map","sourceRoot":"../../../../../"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/s2/style/spectrum-theme.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ArbitraryValue, CSSProperties, CSSValue, PropertyValueMap} from './types';\nimport {autoStaticColor, colorScale, colorToken, fontSizeToken, generateOverlayColorScale, getToken, simpleColorScale, weirdColorToken} from './tokens' with {type: 'macro'};\nimport {Color, createArbitraryProperty, createColorProperty, createMappedProperty, createRenamedProperty, createSizingProperty, createTheme, parseArbitraryValue} from './style-macro';\nimport type * as CSS from 'csstype';\n\ninterface MacroContext {\n addAsset(asset: {type: string, content: string}): void\n}\n\nfunction pxToRem(px: string | number) {\n if (typeof px === 'string') {\n px = parseFloat(px);\n }\n return px / 16 + 'rem';\n}\n\nconst color = {\n transparent: 'transparent',\n black: 'black',\n white: 'white',\n\n ...colorScale('gray'),\n ...colorScale('blue'),\n ...colorScale('red'),\n ...colorScale('orange'),\n ...colorScale('yellow'),\n ...colorScale('chartreuse'),\n ...colorScale('celery'),\n ...colorScale('green'),\n ...colorScale('seafoam'),\n ...colorScale('cyan'),\n ...colorScale('indigo'),\n ...colorScale('purple'),\n ...colorScale('fuchsia'),\n ...colorScale('magenta'),\n ...colorScale('pink'),\n ...colorScale('turquoise'),\n ...colorScale('brown'),\n ...colorScale('silver'),\n ...colorScale('cinnamon'),\n\n ...colorScale('accent-color'),\n ...colorScale('informative-color'),\n ...colorScale('negative-color'),\n ...colorScale('notice-color'),\n ...colorScale('positive-color'),\n\n ...simpleColorScale('transparent-white'),\n ...simpleColorScale('transparent-black'),\n ...generateOverlayColorScale(),\n\n // High contrast mode.\n Background: 'Background',\n ButtonBorder: 'ButtonBorder',\n ButtonFace: 'ButtonFace',\n ButtonText: 'ButtonText',\n Field: 'Field',\n Highlight: 'Highlight',\n HighlightText: 'HighlightText',\n GrayText: 'GrayText',\n Mark: 'Mark',\n LinkText: 'LinkText'\n};\n\nexport function baseColor(base: keyof typeof color) {\n let keys = Object.keys(color) as (keyof typeof color)[];\n let index = keys.indexOf(base);\n if (index === -1) {\n throw new Error('Invalid base color ' + base);\n }\n\n return {\n default: base,\n isHovered: keys[index + 1],\n isFocusVisible: keys[index + 1],\n isPressed: keys[index + 1]\n };\n}\n\ntype SpectrumColor = Color<keyof typeof color> | ArbitraryValue;\nfunction parseColor(value: SpectrumColor) {\n let arbitrary = parseArbitraryValue(value);\n if (arbitrary) {\n return arbitrary[0];\n }\n let [colorValue, opacity] = value.split('/');\n colorValue = color[colorValue];\n if (opacity) {\n colorValue = `rgb(from ${colorValue} r g b / ${opacity}%)`;\n }\n return colorValue;\n}\n\nexport function lightDark(light: SpectrumColor, dark: SpectrumColor): `[${string}]` {\n return `[light-dark(${parseColor(light)}, ${parseColor(dark)})]`;\n}\n\nexport function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `[${string}]` {\n return `[color-mix(in srgb, ${parseColor(a)}, ${parseColor(b)} ${percent}%)]`;\n}\n\ninterface LinearGradient {\n type: 'linear-gradient',\n angle: string,\n stops: [SpectrumColor, number][]\n}\n\nexport function linearGradient(this: MacroContext | void, angle: string, ...tokens: [SpectrumColor, number][]): [LinearGradient] {\n // Generate @property rules for each gradient stop color. This allows the gradient to be animated.\n let propertyDefinitions: string[] = [];\n for (let i = 0; i < tokens.length; i++) {\n propertyDefinitions.push(`@property --g${i} {\n syntax: '<color>';\n initial-value: #0000;\n inherits: false;\n}`);\n }\n\n if (this && typeof this.addAsset === 'function') {\n this.addAsset({\n type: 'css',\n content: propertyDefinitions.join('\\n\\n')\n });\n }\n\n return [{\n type: 'linear-gradient',\n angle,\n stops: tokens\n }];\n}\n\nfunction generateSpacing<K extends number[]>(px: K): {[P in K[number]]: string} {\n let res: any = {};\n for (let p of px) {\n res[p] = pxToRem(p);\n }\n return res;\n}\n\nconst baseSpacing = generateSpacing([\n 0,\n 2, // spacing-50\n 4, // spacing-75\n 8, // spacing-100\n 12, // spacing-200\n 16, // spacing-300\n 20,\n 24, // spacing-400\n 28,\n 32, // spacing-500\n 36,\n 40, // spacing-600\n 44,\n 48, // spacing-700\n 56,\n // From here onward the values are mostly spaced by 1rem (16px)\n 64, // spacing-800\n 80, // spacing-900\n 96, // spacing-1000\n // TODO: should these only be available as sizes rather than spacing?\n 112,\n 128,\n 144,\n 160,\n 176,\n 192,\n 208,\n 224,\n 240,\n 256,\n 288,\n 320,\n 384\n] as const);\n\n// This should match the above, but negative. There's no way to negate a number\n// type in typescript so this has to be done manually for now.\nconst negativeSpacing = generateSpacing([\n // -2, // spacing-50 !! TODO: should we support this?\n -4, // spacing-75\n -8, // spacing-100\n -12, // spacing-200\n -16, // spacing-300\n -20,\n -24, // spacing-400\n -28,\n -32, // spacing-500\n -36,\n -40, // spacing-600\n -44,\n -48, // spacing-700\n -56,\n // From here onward the values are mostly spaced by 1rem (16px)\n -64, // spacing-800\n -80, // spacing-900\n -96, // spacing-1000\n // TODO: should these only be available as sizes rather than spacing?\n -112,\n -128,\n -144,\n -160,\n -176,\n -192,\n -208,\n -224,\n -240,\n -256,\n -288,\n -320,\n -384\n] as const);\n\nexport function fontRelative(this: MacroContext | void, base: number, baseFontSize = 14) {\n return (base / baseFontSize) + 'em';\n}\n\nexport function edgeToText(this: MacroContext | void, height: keyof typeof baseSpacing) {\n return `calc(${baseSpacing[height]} * 3 / 8)`;\n}\n\nexport function space(this: MacroContext | void, px: number) {\n return pxToRem(px);\n}\n\nconst spacing = {\n ...baseSpacing,\n\n // font-size relative values\n 'text-to-control': fontRelative(10),\n 'text-to-visual': {\n default: fontRelative(6), // -> 5px, 5px, 6px, 7px, 8px\n touch: fontRelative(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px\n },\n // height relative values\n 'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',\n 'pill': 'calc(self(height, self(minHeight)) / 2)'\n};\n\nexport function size(this: MacroContext | void, px: number) {\n return `calc(${pxToRem(px)} * var(--s2-scale))`;\n}\n\nconst sizing = {\n auto: 'auto',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n\n control: {\n default: size(32),\n size: {\n XS: size(20),\n S: size(24),\n L: size(40),\n XL: size(48)\n }\n },\n // With browser support for round() we could do this:\n // 'control-sm': `round(${16 / 14}em, 2px)`\n 'control-sm': {\n default: size(16),\n size: {\n S: size(14),\n L: size(18),\n XL: size(20)\n }\n }\n};\n\nconst height = {\n ...sizing,\n screen: '100vh'\n};\n\nconst width = {\n ...sizing,\n screen: '100vw'\n};\n\nfunction createSpectrumSizingProperty<T extends CSSValue>(values: PropertyValueMap<T>) {\n return createSizingProperty(values, px => `calc(${pxToRem(px)} * var(--s2-scale))`);\n}\n\nconst margin = {\n ...spacing,\n ...negativeSpacing,\n auto: 'auto'\n};\n\nconst inset = {\n ...baseSpacing,\n auto: 'auto',\n full: '100%'\n};\n\nconst translate = {\n ...baseSpacing,\n ...negativeSpacing,\n full: '100%'\n};\n\nconst borderWidth = {\n 0: '0px',\n 1: getToken('border-width-100'),\n 2: getToken('border-width-200'),\n 4: getToken('border-width-400')\n};\n\nconst radius = {\n none: getToken('corner-radius-none'), // 0px\n sm: pxToRem(getToken('corner-radius-small-default')), // 4px\n default: pxToRem(getToken('corner-radius-medium-default')), // 8px\n lg: pxToRem(getToken('corner-radius-large-default')), // 10px\n xl: pxToRem(getToken('corner-radius-extra-large-default')), // 16px\n full: '9999px',\n pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',\n control: fontRelative(8), // automatic based on font size (e.g. t-shirt size logarithmic scale)\n 'control-sm': fontRelative(4)\n};\n\ntype GridTrack = 'none' | 'subgrid' | (string & {}) | readonly GridTrackSize[];\ntype GridTrackSize = 'auto' | 'min-content' | 'max-content' | `${number}fr` | `minmax(${string}, ${string})` | keyof typeof baseSpacing | (string & {});\n\nlet gridTrack = (value: GridTrack) => {\n if (typeof value === 'string') {\n return value;\n }\n return value.map(v => gridTrackSize(v)).join(' ');\n};\n\nlet gridTrackSize = (value: GridTrackSize) => {\n return value in baseSpacing ? baseSpacing[value] : value;\n};\n\nconst transitionProperty = {\n // var(--gp) is generated by the backgroundImage property when setting a gradient.\n // It includes a list of all of the custom properties used for each color stop.\n default: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',\n colors: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke',\n opacity: 'opacity',\n shadow: 'box-shadow',\n transform: 'transform, translate, scale, rotate',\n all: 'all',\n none: 'none'\n};\n\n// TODO\nconst timingFunction = {\n default: 'cubic-bezier(0.45, 0, 0.4, 1)',\n linear: 'linear',\n in: 'cubic-bezier(0.5, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.40, 1)',\n 'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'\n};\n\n// TODO: do these need tokens or are arbitrary values ok?\nlet durationProperty = createArbitraryProperty((value: number | string, property) => ({[property]: typeof value === 'number' ? value + 'ms' : value}));\n\n// const colorWithAlpha = createColorProperty(color);\n\nconst fontWeightBase = {\n light: '300',\n // TODO: spectrum calls this \"regular\" but CSS calls it \"normal\". We also call other properties \"default\". What do we want to match?\n normal: '400',\n medium: '500',\n bold: '700',\n 'extra-bold': '800',\n black: '900'\n} as const;\n\nconst i18nFonts = {\n ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',\n ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',\n ':lang(ja)': \"adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif\",\n ':lang(ko)': \"adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif\",\n ':lang(zh)': \"adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif\",\n // TODO: are these fallbacks supposed to be different than above?\n ':lang(zh-hant)': \"adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif\",\n ':lang(zh-Hans, zh-CN, zh-SG)': \"adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif\"\n} as const;\n\nconst fontSize = {\n // The default font size scale is for use within UI components.\n 'ui-xs': fontSizeToken('font-size-50'),\n 'ui-sm': fontSizeToken('font-size-75'),\n ui: fontSizeToken('font-size-100'),\n 'ui-lg': fontSizeToken('font-size-200'),\n 'ui-xl': fontSizeToken('font-size-300'),\n 'ui-2xl': fontSizeToken('font-size-400'),\n 'ui-3xl': fontSizeToken('font-size-500'),\n\n control: {\n default: fontSizeToken('font-size-100'),\n size: {\n XS: fontSizeToken('font-size-50'),\n S: fontSizeToken('font-size-75'),\n L: fontSizeToken('font-size-200'),\n XL: fontSizeToken('font-size-300')\n }\n },\n\n 'heading-2xs': fontSizeToken('heading-size-xxs'),\n 'heading-xs': fontSizeToken('heading-size-xs'),\n 'heading-sm': fontSizeToken('heading-size-s'),\n heading: fontSizeToken('heading-size-m'),\n 'heading-lg': fontSizeToken('heading-size-l'),\n 'heading-xl': fontSizeToken('heading-size-xl'),\n 'heading-2xl': fontSizeToken('heading-size-xxl'),\n 'heading-3xl': fontSizeToken('heading-size-xxxl'),\n\n 'title-xs': fontSizeToken('title-size-xs'),\n 'title-sm': fontSizeToken('title-size-s'),\n title: fontSizeToken('title-size-m'),\n 'title-lg': fontSizeToken('title-size-l'),\n 'title-xl': fontSizeToken('title-size-xl'),\n 'title-2xl': fontSizeToken('title-size-xxl'),\n 'title-3xl': fontSizeToken('title-size-xxxl'),\n\n // Body is for large blocks of text, e.g. paragraphs, not in UI components.\n 'body-2xs': fontSizeToken('font-size-50'), // TODO: seems like there is no token for this\n 'body-xs': fontSizeToken('body-size-xs'),\n 'body-sm': fontSizeToken('body-size-s'),\n body: fontSizeToken('body-size-m'),\n 'body-lg': fontSizeToken('body-size-l'),\n 'body-xl': fontSizeToken('body-size-xl'),\n 'body-2xl': fontSizeToken('body-size-xxl'),\n 'body-3xl': fontSizeToken('body-size-xxxl'),\n\n 'detail-sm': fontSizeToken('detail-size-s'),\n detail: fontSizeToken('detail-size-m'),\n 'detail-lg': fontSizeToken('detail-size-l'),\n 'detail-xl': fontSizeToken('detail-size-xl'),\n\n 'code-xs': fontSizeToken('code-size-xs'),\n 'code-sm': fontSizeToken('code-size-s'),\n code: fontSizeToken('code-size-m'),\n 'code-lg': fontSizeToken('code-size-l'),\n 'code-xl': fontSizeToken('code-size-xl')\n} as const;\n\nexport const style = createTheme({\n properties: {\n // colors\n color: createColorProperty({\n ...color,\n accent: {\n default: colorToken('accent-content-color-default'),\n isHovered: colorToken('accent-content-color-hover'),\n isFocusVisible: colorToken('accent-content-color-key-focus'),\n isPressed: colorToken('accent-content-color-down')\n // isSelected: colorToken('accent-content-color-selected'), // same as pressed\n },\n neutral: {\n default: colorToken('neutral-content-color-default'),\n isHovered: colorToken('neutral-content-color-hover'),\n isFocusVisible: colorToken('neutral-content-color-key-focus'),\n isPressed: colorToken('neutral-content-color-down')\n // isSelected: colorToken('neutral-subdued-content-color-selected'),\n },\n 'neutral-subdued': {\n default: colorToken('neutral-subdued-content-color-default'),\n isHovered: colorToken('neutral-subdued-content-color-hover'),\n isFocusVisible: colorToken('neutral-subdued-content-color-key-focus'),\n isPressed: colorToken('neutral-subdued-content-color-down')\n // isSelected: colorToken('neutral-subdued-content-color-selected'),\n },\n negative: {\n default: colorToken('negative-content-color-default'),\n isHovered: colorToken('negative-content-color-hover'),\n isFocusVisible: colorToken('negative-content-color-key-focus'),\n isPressed: colorToken('negative-content-color-down')\n },\n disabled: {\n default: colorToken('disabled-content-color')\n // forcedColors: 'GrayText'\n },\n heading: colorToken('heading-color'),\n title: colorToken('title-color'),\n body: colorToken('body-color'),\n detail: colorToken('detail-color'),\n code: colorToken('code-color'),\n auto: autoStaticColor('self(backgroundColor, var(--s2-container-bg))')\n }),\n backgroundColor: createColorProperty({\n ...color,\n accent: {\n default: weirdColorToken('accent-background-color-default'),\n isHovered: weirdColorToken('accent-background-color-hover'),\n isFocusVisible: weirdColorToken('accent-background-color-key-focus'),\n isPressed: weirdColorToken('accent-background-color-down')\n },\n 'accent-subtle': weirdColorToken('accent-subtle-background-color-default'),\n neutral: {\n default: colorToken('neutral-background-color-default'),\n isHovered: colorToken('neutral-background-color-hover'),\n isFocusVisible: colorToken('neutral-background-color-key-focus'),\n isPressed: colorToken('neutral-background-color-down')\n },\n 'neutral-subdued': {\n default: weirdColorToken('neutral-subdued-background-color-default'),\n isHovered: weirdColorToken('neutral-subdued-background-color-hover'),\n isFocusVisible: weirdColorToken('neutral-subdued-background-color-key-focus'),\n isPressed: weirdColorToken('neutral-subdued-background-color-down')\n },\n 'neutral-subtle': weirdColorToken('neutral-subtle-background-color-default'),\n negative: {\n default: weirdColorToken('negative-background-color-default'),\n isHovered: weirdColorToken('negative-background-color-hover'),\n isFocusVisible: weirdColorToken('negative-background-color-key-focus'),\n isPressed: weirdColorToken('negative-background-color-down')\n },\n 'negative-subtle': weirdColorToken('negative-subtle-background-color-default'),\n informative: {\n default: weirdColorToken('informative-background-color-default'),\n isHovered: weirdColorToken('informative-background-color-hover'),\n isFocusVisible: weirdColorToken('informative-background-color-key-focus'),\n isPressed: weirdColorToken('informative-background-color-down')\n },\n 'informative-subtle': weirdColorToken('informative-subtle-background-color-default'),\n positive: {\n default: weirdColorToken('positive-background-color-default'),\n isHovered: weirdColorToken('positive-background-color-hover'),\n isFocusVisible: weirdColorToken('positive-background-color-key-focus'),\n isPressed: weirdColorToken('positive-background-color-down')\n },\n 'positive-subtle': weirdColorToken('positive-subtle-background-color-default'),\n notice: weirdColorToken('notice-background-color-default'),\n 'notice-subtle': weirdColorToken('notice-subtle-background-color-default'),\n gray: weirdColorToken('gray-background-color-default'),\n 'gray-subtle': weirdColorToken('gray-subtle-background-color-default'),\n red: weirdColorToken('red-background-color-default'),\n 'red-subtle': weirdColorToken('red-subtle-background-color-default'),\n orange: weirdColorToken('orange-background-color-default'),\n 'orange-subtle': weirdColorToken('orange-subtle-background-color-default'),\n yellow: weirdColorToken('yellow-background-color-default'),\n 'yellow-subtle': weirdColorToken('yellow-subtle-background-color-default'),\n chartreuse: weirdColorToken('chartreuse-background-color-default'),\n 'chartreuse-subtle': weirdColorToken('chartreuse-subtle-background-color-default'),\n celery: weirdColorToken('celery-background-color-default'),\n 'celery-subtle': weirdColorToken('celery-subtle-background-color-default'),\n green: weirdColorToken('green-background-color-default'),\n 'green-subtle': weirdColorToken('green-subtle-background-color-default'),\n seafoam: weirdColorToken('seafoam-background-color-default'),\n 'seafoam-subtle': weirdColorToken('seafoam-subtle-background-color-default'),\n cyan: weirdColorToken('cyan-background-color-default'),\n 'cyan-subtle': weirdColorToken('cyan-subtle-background-color-default'),\n blue: weirdColorToken('blue-background-color-default'),\n 'blue-subtle': weirdColorToken('blue-subtle-background-color-default'),\n indigo: weirdColorToken('indigo-background-color-default'),\n 'indigo-subtle': weirdColorToken('indigo-subtle-background-color-default'),\n purple: weirdColorToken('purple-background-color-default'),\n 'purple-subtle': weirdColorToken('purple-subtle-background-color-default'),\n fuchsia: weirdColorToken('fuchsia-background-color-default'),\n 'fuchsia-subtle': weirdColorToken('fuchsia-subtle-background-color-default'),\n magenta: weirdColorToken('magenta-background-color-default'),\n 'magenta-subtle': weirdColorToken('magenta-subtle-background-color-default'),\n pink: weirdColorToken('pink-background-color-default'),\n 'pink-subtle': weirdColorToken('pink-subtle-background-color-default'),\n turquoise: weirdColorToken('turquoise-background-color-default'),\n 'turquoise-subtle': weirdColorToken('turquoise-subtle-background-color-default'),\n cinnamon: weirdColorToken('cinnamon-background-color-default'),\n 'cinnamon-subtle': weirdColorToken('cinnamon-subtle-background-color-default'),\n brown: weirdColorToken('brown-background-color-default'),\n 'brown-subtle': weirdColorToken('brown-subtle-background-color-default'),\n silver: weirdColorToken('silver-background-color-default'),\n 'silver-subtle': weirdColorToken('silver-subtle-background-color-default'),\n disabled: colorToken('disabled-background-color'),\n base: colorToken('background-base-color'),\n 'layer-1': colorToken('background-layer-1-color'),\n 'layer-2': weirdColorToken('background-layer-2-color'),\n pasteboard: weirdColorToken('background-pasteboard-color'),\n elevated: weirdColorToken('background-elevated-color')\n }),\n borderColor: createColorProperty({\n ...color,\n negative: {\n default: colorToken('negative-border-color-default'),\n isHovered: colorToken('negative-border-color-hover'),\n isFocusVisible: colorToken('negative-border-color-key-focus'),\n isPressed: colorToken('negative-border-color-down')\n },\n disabled: colorToken('disabled-border-color')\n // forcedColors: 'GrayText'\n\n }),\n outlineColor: createColorProperty({\n ...color,\n 'focus-ring': {\n default: colorToken('focus-indicator-color'),\n forcedColors: 'Highlight'\n }\n }),\n // textDecorationColor: colorWithAlpha,\n // accentColor: colorWithAlpha,\n // caretColor: colorWithAlpha,\n fill: createColorProperty({\n none: 'none',\n currentColor: 'currentColor',\n accent: weirdColorToken('accent-visual-color'),\n neutral: weirdColorToken('neutral-visual-color'),\n negative: weirdColorToken('negative-visual-color'),\n informative: weirdColorToken('informative-visual-color'),\n positive: weirdColorToken('positive-visual-color'),\n notice: weirdColorToken('notice-visual-color'),\n gray: weirdColorToken('gray-visual-color'),\n red: weirdColorToken('red-visual-color'),\n orange: weirdColorToken('orange-visual-color'),\n yellow: weirdColorToken('yellow-visual-color'),\n chartreuse: weirdColorToken('chartreuse-visual-color'),\n celery: weirdColorToken('celery-visual-color'),\n green: weirdColorToken('green-visual-color'),\n seafoam: weirdColorToken('seafoam-visual-color'),\n cyan: weirdColorToken('cyan-visual-color'),\n blue: weirdColorToken('blue-visual-color'),\n indigo: weirdColorToken('indigo-visual-color'),\n purple: weirdColorToken('purple-visual-color'),\n fuchsia: weirdColorToken('fuchsia-visual-color'),\n magenta: weirdColorToken('magenta-visual-color'),\n pink: weirdColorToken('pink-visual-color'),\n turquoise: weirdColorToken('turquoise-visual-color'),\n cinnamon: weirdColorToken('cinnamon-visual-color'),\n brown: weirdColorToken('brown-visual-color'),\n silver: weirdColorToken('silver-visual-color'),\n ...color\n }),\n stroke: createColorProperty({\n none: 'none',\n currentColor: 'currentColor',\n ...color\n }),\n\n // dimensions\n borderSpacing: baseSpacing, // TODO: separate x and y\n flexBasis: {\n auto: 'auto',\n full: '100%',\n ...baseSpacing\n },\n rowGap: spacing,\n columnGap: spacing,\n height: createSpectrumSizingProperty(height),\n width: createSpectrumSizingProperty(width),\n containIntrinsicWidth: createSpectrumSizingProperty(width),\n containIntrinsicHeight: createSpectrumSizingProperty(height),\n minHeight: createSpectrumSizingProperty(height),\n maxHeight: createSpectrumSizingProperty({\n ...height,\n none: 'none'\n }),\n minWidth: createSpectrumSizingProperty(width),\n maxWidth: createSpectrumSizingProperty({\n ...width,\n none: 'none'\n }),\n borderStartWidth: createRenamedProperty('borderInlineStartWidth', borderWidth),\n borderEndWidth: createRenamedProperty('borderInlineEndWidth', borderWidth),\n borderTopWidth: borderWidth,\n borderBottomWidth: borderWidth,\n borderStyle: ['solid', 'dashed', 'dotted', 'double', 'hidden', 'none'] as const,\n strokeWidth: {\n 0: '0',\n 1: '1',\n 2: '2'\n },\n marginStart: createRenamedProperty('marginInlineStart', margin),\n marginEnd: createRenamedProperty('marginInlineEnd', margin),\n marginTop: margin,\n marginBottom: margin,\n paddingStart: createRenamedProperty('paddingInlineStart', spacing),\n paddingEnd: createRenamedProperty('paddingInlineEnd', spacing),\n paddingTop: spacing,\n paddingBottom: spacing,\n scrollMarginStart: createRenamedProperty('scrollMarginInlineStart', baseSpacing),\n scrollMarginEnd: createRenamedProperty('scrollMarginInlineEnd', baseSpacing),\n scrollMarginTop: baseSpacing,\n scrollMarginBottom: baseSpacing,\n scrollPaddingStart: createRenamedProperty('scrollPaddingInlineStart', baseSpacing),\n scrollPaddingEnd: createRenamedProperty('scrollPaddingInlineEnd', baseSpacing),\n scrollPaddingTop: baseSpacing,\n scrollPaddingBottom: baseSpacing,\n textIndent: baseSpacing,\n translateX: createMappedProperty(value => ({\n '--translateX': value,\n translate: 'var(--translateX, 0) var(--translateY, 0)'\n }), translate),\n translateY: createMappedProperty(value => ({\n '--translateY': value,\n translate: 'var(--translateX, 0) var(--translateY, 0)'\n }), translate),\n rotate: createArbitraryProperty((value: number | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`, property) => ({[property]: typeof value === 'number' ? `${value}deg` : value})),\n scaleX: createArbitraryProperty<number>(value => ({\n '--scaleX': value,\n scale: 'var(--scaleX, 1) var(--scaleY, 1)'\n })),\n scaleY: createArbitraryProperty<number>(value => ({\n '--scaleY': value,\n scale: 'var(--scaleX, 1) var(--scaleY, 1)'\n })),\n transform: createArbitraryProperty<string>(),\n position: ['absolute', 'fixed', 'relative', 'sticky', 'static'] as const,\n insetStart: createRenamedProperty('insetInlineStart', inset),\n insetEnd: createRenamedProperty('insetInlineEnd', inset),\n top: inset,\n left: inset,\n bottom: inset,\n right: inset,\n aspectRatio: {\n auto: 'auto',\n square: '1 / 1',\n video: '16 / 9'\n },\n\n // text\n fontFamily: {\n sans: {\n default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',\n ...i18nFonts\n },\n serif: {\n default: 'adobe-clean-serif, \"Source Serif\", Georgia, serif',\n ...i18nFonts\n },\n code: 'source-code-pro, \"Source Code Pro\", Monaco, monospace'\n },\n fontSize,\n fontWeight: createMappedProperty((value, property) => {\n if (property === 'fontWeight') {\n return {\n // Set font-variation-settings in addition to font-weight to work around typekit issue.\n fontVariationSettings: value === 'inherit' ? 'inherit' : `\"wght\" ${value}`,\n fontWeight: value as any,\n fontSynthesisWeight: 'none'\n };\n }\n\n return {[property]: value};\n }, {\n ...fontWeightBase,\n heading: {\n default: fontWeightBase[getToken('heading-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('heading-cjk-font-weight') as keyof typeof fontWeightBase]\n },\n title: {\n default: fontWeightBase[getToken('title-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('title-cjk-font-weight') as keyof typeof fontWeightBase]\n },\n detail: {\n default: fontWeightBase[getToken('detail-sans-serif-font-weight') as keyof typeof fontWeightBase],\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': fontWeightBase[getToken('detail-cjk-font-weight') as keyof typeof fontWeightBase]\n }\n }),\n lineHeight: {\n // See https://spectrum.corp.adobe.com/page/typography/#Line-height\n ui: {\n default: getToken('line-height-100'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('line-height-200')\n },\n heading: {\n default: getToken('heading-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('heading-cjk-line-height')\n },\n title: {\n default: getToken('title-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('title-cjk-line-height')\n },\n body: {\n default: getToken('body-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('body-cjk-line-height')\n },\n detail: {\n default: getToken('detail-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('detail-cjk-line-height')\n },\n code: {\n default: getToken('code-line-height'),\n ':lang(ja, ko, zh, zh-Hant, zh-Hans)': getToken('code-cjk-line-height')\n }\n },\n listStyleType: ['none', 'dist', 'decimal'] as const,\n listStylePosition: ['inside', 'outside'] as const,\n textTransform: ['uppercase', 'lowercase', 'capitalize', 'none'] as const,\n textAlign: ['start', 'center', 'end', 'justify'] as const,\n verticalAlign: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super'] as const,\n textDecoration: createMappedProperty((value) => ({\n textDecoration: value === 'none' ? 'none' : `${value} ${getToken('text-underline-thickness')}`,\n textUnderlineOffset: value === 'underline' ? getToken('text-underline-gap') : undefined\n }), ['underline', 'overline', 'line-through', 'none'] as const),\n textOverflow: ['ellipsis', 'clip'] as const,\n lineClamp: createArbitraryProperty((value: number) => ({\n overflow: 'hidden',\n display: '-webkit-box',\n '-webkit-box-orient': 'vertical',\n '-webkit-line-clamp': value\n })),\n hyphens: ['none', 'manual', 'auto'] as const,\n whiteSpace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] as const,\n textWrap: ['wrap', 'nowrap', 'balance', 'pretty'] as const,\n wordBreak: ['normal', 'break-all', 'keep-all'] as const, // also overflowWrap??\n boxDecorationBreak: ['slice', 'clone'] as const,\n\n // effects\n boxShadow: {\n emphasized: `${getToken('drop-shadow-emphasized-default-x')} ${getToken('drop-shadow-emphasized-default-y')} ${getToken('drop-shadow-emphasized-default-blur')} ${colorToken('drop-shadow-emphasized-default-color')}`,\n elevated: `${getToken('drop-shadow-elevated-x')} ${getToken('drop-shadow-elevated-y')} ${getToken('drop-shadow-elevated-blur')} ${colorToken('drop-shadow-elevated-color')}`,\n dragged: `${getToken('drop-shadow-dragged-x')} ${getToken('drop-shadow-dragged-y')} ${getToken('drop-shadow-dragged-blur')} ${colorToken('drop-shadow-dragged-color')}`,\n none: 'none'\n },\n filter: {\n emphasized: `drop-shadow(${getToken('drop-shadow-emphasized-default-x')} ${getToken('drop-shadow-emphasized-default-y')} ${getToken('drop-shadow-emphasized-default-blur')} ${colorToken('drop-shadow-emphasized-default-color')})`,\n elevated: `drop-shadow(${getToken('drop-shadow-elevated-x')} ${getToken('drop-shadow-elevated-y')} ${getToken('drop-shadow-elevated-blur')} ${colorToken('drop-shadow-elevated-color')})`,\n dragged: `drop-shadow${getToken('drop-shadow-dragged-x')} ${getToken('drop-shadow-dragged-y')} ${getToken('drop-shadow-dragged-blur')} ${colorToken('drop-shadow-dragged-color')}`,\n none: 'none'\n },\n borderTopStartRadius: createRenamedProperty('borderStartStartRadius', radius),\n borderTopEndRadius: createRenamedProperty('borderStartEndRadius', radius),\n borderBottomStartRadius: createRenamedProperty('borderEndStartRadius', radius),\n borderBottomEndRadius: createRenamedProperty('borderEndEndRadius', radius),\n forcedColorAdjust: ['auto', 'none'] as const,\n colorScheme: ['light', 'dark', 'light dark'] as const,\n backgroundImage: createArbitraryProperty<string | [LinearGradient]>((value, property) => {\n if (typeof value === 'string') {\n return {[property]: value};\n } else if (Array.isArray(value) && value[0]?.type === 'linear-gradient') {\n let values: CSSProperties = {\n [property]: `linear-gradient(${value[0].angle}, ${value[0].stops.map(([, stop], i) => `var(--g${i}) ${stop}%`)})`\n };\n\n // Create a CSS var for each color stop so the gradient can be transitioned.\n // These are registered via @property in the `linearGradient` macro.\n let properties: string[] = [];\n value[0].stops.forEach(([color], i) => {\n properties.push(`--g${i}`);\n values[`--g${i}`] = parseColor(color);\n });\n\n // This is used by transition-property so we automatically transition all of the color stops.\n values['--gp'] = properties.join(', ');\n return values;\n } else {\n throw new Error('Unexpected backgroundImage value: ' + JSON.stringify(value));\n }\n }),\n // TODO: do we need separate x and y properties?\n backgroundPosition: ['bottom', 'center', 'left', 'left bottom', 'left top', 'right', 'right bottom', 'right top', 'top'] as const,\n backgroundSize: ['auto', 'cover', 'contain'] as const,\n backgroundAttachment: ['fixed', 'local', 'scroll'] as const,\n backgroundClip: ['border-box', 'padding-box', 'content-box', 'text'] as const,\n backgroundRepeat: ['repeat', 'no-repeat', 'repeat-x', 'repeat-y', 'round', 'space'] as const,\n backgroundOrigin: ['border-box', 'padding-box', 'content-box'] as const,\n backgroundBlendMode: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'] as const,\n mixBlendMode: ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-darker', 'plus-lighter'] as const,\n opacity: createArbitraryProperty<number>(),\n\n outlineStyle: ['none', 'solid', 'dashed', 'dotted', 'double', 'inset'] as const,\n outlineOffset: createArbitraryProperty<number>((v, property) => ({[property]: `${v}px`})),\n outlineWidth: borderWidth,\n\n transition: createRenamedProperty('transitionProperty', transitionProperty),\n transitionDelay: durationProperty,\n transitionDuration: durationProperty,\n transitionTimingFunction: timingFunction,\n animation: createArbitraryProperty((value: string, property) => ({[property === 'animation' ? 'animationName' : property]: value})),\n animationDuration: durationProperty,\n animationDelay: durationProperty,\n animationDirection: ['normal', 'reverse', 'alternate', 'alternate-reverse'] as const,\n animationFillMode: ['none', 'forwards', 'backwards', 'both'] as const,\n animationIterationCount: createArbitraryProperty<string>(),\n animationTimingFunction: timingFunction,\n\n // layout\n display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'grid', 'inline-grid', 'contents', 'list-item', 'none'] as const, // tables?\n alignContent: ['normal', 'center', 'start', 'end', 'space-between', 'space-around', 'space-evenly', 'baseline', 'stretch'] as const,\n alignItems: ['start', 'end', 'center', 'baseline', 'stretch'] as const,\n justifyContent: ['normal', 'start', 'end', 'center', 'space-between', 'space-around', 'space-evenly', 'stretch'] as const,\n justifyItems: ['start', 'end', 'center', 'stretch'] as const,\n alignSelf: ['auto', 'start', 'end', 'center', 'stretch', 'baseline'] as const,\n justifySelf: ['auto', 'start', 'end', 'center', 'stretch'] as const,\n flexDirection: ['row', 'column', 'row-reverse', 'column-reverse'] as const,\n flexWrap: ['wrap', 'wrap-reverse', 'nowrap'] as const,\n flexShrink: createArbitraryProperty<CSS.Property.FlexShrink>(),\n flexGrow: createArbitraryProperty<CSS.Property.FlexGrow>(),\n gridColumnStart: createArbitraryProperty<CSS.Property.GridColumnStart>(),\n gridColumnEnd: createArbitraryProperty<CSS.Property.GridColumnEnd>(),\n gridRowStart: createArbitraryProperty<CSS.Property.GridRowStart>(),\n gridRowEnd: createArbitraryProperty<CSS.Property.GridRowEnd>(),\n gridAutoFlow: ['row', 'column', 'dense', 'row dense', 'column dense'] as const,\n gridAutoRows: createArbitraryProperty((value: GridTrackSize, property) => ({[property]: gridTrackSize(value)})),\n gridAutoColumns: createArbitraryProperty((value: GridTrackSize, property) => ({[property]: gridTrackSize(value)})),\n gridTemplateColumns: createArbitraryProperty((value: GridTrack, property) => ({[property]: gridTrack(value)})),\n gridTemplateRows: createArbitraryProperty((value: GridTrack, property) => ({[property]: gridTrack(value)})),\n gridTemplateAreas: createArbitraryProperty((value: readonly string[], property) => ({[property]: value.map(v => `\"${v}\"`).join('')})),\n float: ['inline-start', 'inline-end', 'right', 'left', 'none'] as const,\n clear: ['inline-start', 'inline-end', 'left', 'right', 'both', 'none'] as const,\n contain: ['none', 'strict', 'content', 'size', 'inline-size', 'layout', 'style', 'paint'] as const,\n boxSizing: ['border-box', 'content-box'] as const,\n tableLayout: ['auto', 'fixed'] as const,\n captionSide: ['top', 'bottom'] as const,\n borderCollapse: ['collapse', 'separate'] as const,\n columns: {\n auto: 'auto',\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n // TODO: what should these sizes be?\n '3xs': '16rem',\n '2xs': '18rem',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem'\n },\n breakBefore: ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'] as const,\n breakInside: ['auto', 'avoid', 'avoid-page', 'avoid-column'] as const,\n breakAfter: ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'] as const,\n overflowX: ['auto', 'hidden', 'clip', 'visible', 'scroll'] as const,\n overflowY: ['auto', 'hidden', 'clip', 'visible', 'scroll'] as const,\n overscrollBehaviorX: ['auto', 'contain', 'none'] as const,\n overscrollBehaviorY: ['auto', 'contain', 'none'] as const,\n scrollBehavior: ['auto', 'smooth'] as const,\n order: createArbitraryProperty<number>(),\n\n pointerEvents: ['none', 'auto'] as const,\n touchAction: ['auto', 'none', 'pan-x', 'pan-y', 'manipulation', 'pinch-zoom'] as const,\n userSelect: ['none', 'text', 'all', 'auto'] as const,\n visibility: ['visible', 'hidden', 'collapse'] as const,\n isolation: ['isolate', 'auto'] as const,\n transformOrigin: ['center', 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left', 'top right'] as const,\n cursor: ['auto', 'default', 'pointer', 'wait', 'text', 'move', 'help', 'not-allowed', 'none', 'context-menu', 'progress', 'cell', 'crosshair', 'vertical-text', 'alias', 'copy', 'no-drop', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out'] as const,\n resize: ['none', 'vertical', 'horizontal', 'both'] as const,\n scrollSnapType: ['x', 'y', 'both', 'x mandatory', 'y mandatory', 'both mandatory'] as const,\n scrollSnapAlign: ['start', 'end', 'center', 'none'] as const,\n scrollSnapStop: ['normal', 'always'] as const,\n appearance: ['none', 'auto'] as const,\n objectFit: ['contain', 'cover', 'fill', 'none', 'scale-down'] as const,\n objectPosition: ['bottom', 'center', 'left', 'left bottom', 'left top', 'right', 'right bottom', 'right top', 'top'] as const,\n willChange: ['auto', 'scroll-position', 'contents', 'transform'] as const,\n zIndex: createArbitraryProperty<number>(),\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n disableTapHighlight: createArbitraryProperty((_value: true) => ({\n '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'\n }))\n },\n shorthands: {\n padding: ['paddingTop', 'paddingBottom', 'paddingStart', 'paddingEnd'] as const,\n paddingX: ['paddingStart', 'paddingEnd'] as const,\n paddingY: ['paddingTop', 'paddingBottom'] as const,\n margin: ['marginTop', 'marginBottom', 'marginStart', 'marginEnd'] as const,\n marginX: ['marginStart', 'marginEnd'] as const,\n marginY: ['marginTop', 'marginBottom'] as const,\n scrollPadding: ['scrollPaddingTop', 'scrollPaddingBottom', 'scrollPaddingStart', 'scrollPaddingEnd'] as const,\n scrollPaddingX: ['scrollPaddingStart', 'scrollPaddingEnd'] as const,\n scrollPaddingY: ['scrollPaddingTop', 'scrollPaddingBottom'] as const,\n scrollMargin: ['scrollMarginTop', 'scrollMarginBottom', 'scrollMarginStart', 'scrollMarginEnd'] as const,\n scrollMarginX: ['scrollMarginStart', 'scrollMarginEnd'] as const,\n scrollMarginY: ['scrollMarginTop', 'scrollMarginBottom'] as const,\n borderWidth: ['borderTopWidth', 'borderBottomWidth', 'borderStartWidth', 'borderEndWidth'] as const,\n borderXWidth: ['borderStartWidth', 'borderEndWidth'] as const,\n borderYWidth: ['borderTopWidth', 'borderBottomWidth'] as const,\n borderRadius: ['borderTopStartRadius', 'borderTopEndRadius', 'borderBottomStartRadius', 'borderBottomEndRadius'] as const,\n borderTopRadius: ['borderTopStartRadius', 'borderTopEndRadius'] as const,\n borderBottomRadius: ['borderBottomStartRadius', 'borderBottomEndRadius'] as const,\n borderStartRadius: ['borderTopStartRadius', 'borderBottomStartRadius'] as const,\n borderEndRadius: ['borderTopEndRadius', 'borderBottomEndRadius'] as const,\n translate: ['translateX', 'translateY'] as const,\n scale: ['scaleX', 'scaleY'] as const,\n inset: ['top', 'bottom', 'insetStart', 'insetEnd'] as const,\n insetX: ['insetStart', 'insetEnd'] as const,\n insetY: ['top', 'bottom'] as const,\n placeItems: ['alignItems', 'justifyItems'] as const,\n placeContent: ['alignContent', 'justifyContent'] as const,\n placeSelf: ['alignSelf', 'justifySelf'] as const,\n gap: ['rowGap', 'columnGap'] as const,\n size: ['width', 'height'] as const,\n minSize: ['minWidth', 'minHeight'] as const,\n maxSize: ['maxWidth', 'maxHeight'] as const,\n overflow: ['overflowX', 'overflowY'] as const,\n overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'] as const,\n gridArea: ['gridColumnStart', 'gridColumnEnd', 'gridRowStart', 'gridRowEnd'] as const,\n transition: (value: keyof typeof transitionProperty) => ({\n transition: value,\n transitionDuration: 150,\n transitionTimingFunction: 'default'\n }),\n animation: (value: string) => ({\n animation: value,\n animationDuration: 150,\n animationTimingFunction: 'default'\n }),\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n truncate: (_value: true) => ({\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n }),\n font: (value: keyof typeof fontSize) => {\n let type = value.split('-')[0];\n if (type === 'control') {\n type = 'ui';\n }\n return {\n fontFamily: type === 'code' ? 'code' : 'sans',\n fontSize: value,\n fontWeight: type === 'heading' || type === 'title' || type === 'detail' ? type : 'normal',\n lineHeight: type,\n color: type === 'ui' ? 'body' : type\n };\n }\n },\n conditions: {\n forcedColors: '@media (forced-colors: active)',\n // This detects touch primary devices as best as we can.\n // Ideally we'd use (pointer: course) but browser/device support is inconsistent.\n // Samsung Android devices claim to be mice at the hardware/OS level: (any-pointer: fine), (any-hover: hover), (hover: hover), and nothing for pointer.\n // More details: https://www.ctrl.blog/entry/css-media-hover-samsung.html\n // iPhone matches (any-hover: none), (hover: none), and nothing for any-pointer or pointer.\n // If a trackpad or Apple Pencil is connected to iPad, it matches (any-pointer: fine), (any-hover: hover), (hover: none).\n // Windows tablet matches the same as iPhone. No difference when a mouse is connected.\n // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover).\n touch: '@media not ((hover: hover) and (pointer: fine))',\n // TODO\n sm: '@media (min-width: 640px)',\n md: '@media (min-width: 768px)',\n lg: '@media (min-width: 1024px)',\n xl: '@media (min-width: 1280px)',\n '2xl': '@media (min-width: 1536px)'\n }\n});\n"],"names":[],"version":3,"file":"spectrum-theme.cjs.map","sourceRoot":"../../../../../"}
|
|
@@ -477,7 +477,24 @@ function $468034641bb536ce$export$9b476054b78b89cd(a, b, percent) {
|
|
|
477
477
|
return `[color-mix(in srgb, ${$468034641bb536ce$var$parseColor(a)}, ${$468034641bb536ce$var$parseColor(b)} ${percent}%)]`;
|
|
478
478
|
}
|
|
479
479
|
function $468034641bb536ce$export$46def8197cf4dd4c(angle, ...tokens) {
|
|
480
|
-
|
|
480
|
+
// Generate @property rules for each gradient stop color. This allows the gradient to be animated.
|
|
481
|
+
let propertyDefinitions = [];
|
|
482
|
+
for(let i = 0; i < tokens.length; i++)propertyDefinitions.push(`@property --g${i} {
|
|
483
|
+
syntax: '<color>';
|
|
484
|
+
initial-value: #0000;
|
|
485
|
+
inherits: false;
|
|
486
|
+
}`);
|
|
487
|
+
if (this && typeof this.addAsset === 'function') this.addAsset({
|
|
488
|
+
type: 'css',
|
|
489
|
+
content: propertyDefinitions.join('\n\n')
|
|
490
|
+
});
|
|
491
|
+
return [
|
|
492
|
+
{
|
|
493
|
+
type: 'linear-gradient',
|
|
494
|
+
angle: angle,
|
|
495
|
+
stops: tokens
|
|
496
|
+
}
|
|
497
|
+
];
|
|
481
498
|
}
|
|
482
499
|
function $468034641bb536ce$var$generateSpacing(px) {
|
|
483
500
|
let res = {};
|
|
@@ -656,8 +673,10 @@ let $468034641bb536ce$var$gridTrackSize = (value)=>{
|
|
|
656
673
|
return value in $468034641bb536ce$var$baseSpacing ? $468034641bb536ce$var$baseSpacing[value] : value;
|
|
657
674
|
};
|
|
658
675
|
const $468034641bb536ce$var$transitionProperty = {
|
|
659
|
-
|
|
660
|
-
|
|
676
|
+
// var(--gp) is generated by the backgroundImage property when setting a gradient.
|
|
677
|
+
// It includes a list of all of the custom properties used for each color stop.
|
|
678
|
+
default: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
|
|
679
|
+
colors: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke',
|
|
661
680
|
opacity: 'opacity',
|
|
662
681
|
shadow: 'box-shadow',
|
|
663
682
|
transform: 'transform, translate, scale, rotate',
|
|
@@ -1132,7 +1151,14 @@ const $468034641bb536ce$export$1d567c320f4763bc = (0, $a42cf657cdea7060$export$2
|
|
|
1132
1151
|
rotate: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>({
|
|
1133
1152
|
[property]: typeof value === 'number' ? `${value}deg` : value
|
|
1134
1153
|
})),
|
|
1135
|
-
|
|
1154
|
+
scaleX: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value)=>({
|
|
1155
|
+
'--scaleX': value,
|
|
1156
|
+
scale: 'var(--scaleX, 1) var(--scaleY, 1)'
|
|
1157
|
+
})),
|
|
1158
|
+
scaleY: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value)=>({
|
|
1159
|
+
'--scaleY': value,
|
|
1160
|
+
scale: 'var(--scaleX, 1) var(--scaleY, 1)'
|
|
1161
|
+
})),
|
|
1136
1162
|
transform: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)(),
|
|
1137
1163
|
position: [
|
|
1138
1164
|
'absolute',
|
|
@@ -1321,7 +1347,26 @@ const $468034641bb536ce$export$1d567c320f4763bc = (0, $a42cf657cdea7060$export$2
|
|
|
1321
1347
|
'dark',
|
|
1322
1348
|
'light dark'
|
|
1323
1349
|
],
|
|
1324
|
-
backgroundImage: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)()
|
|
1350
|
+
backgroundImage: (0, $a42cf657cdea7060$export$e33e260cb0fb20f7)((value, property)=>{
|
|
1351
|
+
if (typeof value === 'string') return {
|
|
1352
|
+
[property]: value
|
|
1353
|
+
};
|
|
1354
|
+
else if (Array.isArray(value) && value[0]?.type === 'linear-gradient') {
|
|
1355
|
+
let values = {
|
|
1356
|
+
[property]: `linear-gradient(${value[0].angle}, ${value[0].stops.map(([, stop], i)=>`var(--g${i}) ${stop}%`)})`
|
|
1357
|
+
};
|
|
1358
|
+
// Create a CSS var for each color stop so the gradient can be transitioned.
|
|
1359
|
+
// These are registered via @property in the `linearGradient` macro.
|
|
1360
|
+
let properties = [];
|
|
1361
|
+
value[0].stops.forEach(([color], i)=>{
|
|
1362
|
+
properties.push(`--g${i}`);
|
|
1363
|
+
values[`--g${i}`] = $468034641bb536ce$var$parseColor(color);
|
|
1364
|
+
});
|
|
1365
|
+
// This is used by transition-property so we automatically transition all of the color stops.
|
|
1366
|
+
values['--gp'] = properties.join(', ');
|
|
1367
|
+
return values;
|
|
1368
|
+
} else throw new Error('Unexpected backgroundImage value: ' + JSON.stringify(value));
|
|
1369
|
+
}),
|
|
1325
1370
|
// TODO: do we need separate x and y properties?
|
|
1326
1371
|
backgroundPosition: [
|
|
1327
1372
|
'bottom',
|
|
@@ -1893,6 +1938,10 @@ const $468034641bb536ce$export$1d567c320f4763bc = (0, $a42cf657cdea7060$export$2
|
|
|
1893
1938
|
'translateX',
|
|
1894
1939
|
'translateY'
|
|
1895
1940
|
],
|
|
1941
|
+
scale: [
|
|
1942
|
+
'scaleX',
|
|
1943
|
+
'scaleY'
|
|
1944
|
+
],
|
|
1896
1945
|
inset: [
|
|
1897
1946
|
'top',
|
|
1898
1947
|
'bottom',
|