@react-spectrum/s2 3.0.0-nightly-adae13c78-241218 → 3.0.0-nightly-50c7ada5d-241219

package/src/TableView.tsx

@@ -45,7 +45,7 @@ import {
 import {centerPadding, getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};
 import {Checkbox} from './Checkbox';
 import Chevron from '../ui-icons/Chevron';
-import {colorMix, fontRelative, lightDark, space, style} from '../style' with {type: 'macro'};
+import {colorMix, focusRing, fontRelative, lightDark, space, style} from '../style' with {type: 'macro'};
 import {ColumnSize} from '@react-types/table';
 import {DOMRef, DOMRefValue, forwardRefType, LoadingState, Node} from '@react-types/shared';
 import {GridNode} from '@react-types/grid';
@@ -58,10 +58,11 @@ import {mergeStyles} from '../style/runtime';
 import Nubbin from '../ui-icons/S2_MoveHorizontalTableWidget.svg';
 import {ProgressCircle} from './ProgressCircle';
 import {raw} from '../style/style-macro' with {type: 'macro'};
-import React, {createContext, forwardRef, ReactNode, useCallback, useContext, useMemo, useRef, useState} from 'react';
+import React, {createContext, forwardRef, ReactElement, ReactNode, useCallback, useContext, useMemo, useRef, useState} from 'react';
 import {Rect} from '@react-stately/virtualizer';
 import SortDownArrow from '../s2wf-icons/S2_Icon_SortDown_20_N.svg';
 import SortUpArrow from '../s2wf-icons/S2_Icon_SortUp_20_N.svg';
+import {useActionBarContainer} from './ActionBar';
 import {useDOMRef} from '@react-spectrum/utils';
 import {useLoadMore} from '@react-aria/utils';
 import {useLocalizedStringFormatter} from '@react-aria/i18n';
@@ -103,7 +104,8 @@ interface S2TableProps {
   /** The current loading state of the table. */
   loadingState?: LoadingState,
   /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */
-  onLoadMore?: () => any
+  onLoadMore?: () => any,
+  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement
 }
 
 // TODO: Note that loadMore and loadingState are now on the Table instead of on the TableBody
@@ -119,7 +121,10 @@ const tableWrapper = style({
   minWidth: 0,
   display: 'flex',
   isolation: 'isolate',
-  disableTapHighlight: true
+  disableTapHighlight: true,
+  position: 'relative',
+  // Clip ActionBar animation.
+  overflow: 'clip'
 });
 
 const table = style<TableRenderProps & S2TableProps & {isCheckboxSelection?: boolean}>({
@@ -135,17 +140,14 @@ const table = style<TableRenderProps & S2TableProps & {isCheckboxSelection?: boo
     isQuiet: 'transparent',
     forcedColors: 'Background'
   },
-  outlineColor: {
-    default: 'gray-300',
-    isFocusVisible: 'focus-ring',
-    forcedColors: 'ButtonBorder'
-  },
-  outlineWidth: {
+  borderColor: 'gray-300',
+  borderStyle: 'solid',
+  borderWidth: {
     default: 1,
-    isQuiet: 0,
-    isFocusVisible: 2
+    isQuiet: 0
   },
-  outlineStyle: 'solid',
+  ...focusRing(),
+  outlineOffset: -1, // Cover the border
   borderRadius: {
     default: '[6px]',
     isQuiet: 'none'
@@ -312,7 +314,7 @@ export const TableView = forwardRef(function TableView(props: TableViewProps, re
   }), [isQuiet, density, overflowMode, loadingState, isInResizeMode, setIsInResizeMode]);
 
   let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-  let scrollRef = useRef(null);
+  let scrollRef = useRef<HTMLElement | null>(null);
   let memoedLoadMoreProps = useMemo(() => ({
     isLoading: isLoading,
     onLoadMore
@@ -320,6 +322,8 @@ export const TableView = forwardRef(function TableView(props: TableViewProps, re
   useLoadMore(memoedLoadMoreProps, scrollRef);
   let isCheckboxSelection = props.selectionMode === 'multiple' || props.selectionMode === 'single';
 
+  let {selectedKeys, onSelectionChange, actionBar, actionBarHeight} = useActionBarContainer({...props, scrollRef});
+
   return (
     <ResizableTableContainer
       // TODO: perhaps this ref should be attached to the RACTable but it expects a table type ref which isn't true in the virtualized case
@@ -332,9 +336,15 @@ export const TableView = forwardRef(function TableView(props: TableViewProps, re
       <UNSTABLE_Virtualizer layout={layout}>
         <InternalTableContext.Provider value={context}>
           <RACTable
-            ref={scrollRef}
-            // Fix webkit bug where scrollbars appear above the checkboxes/other table elements
-            style={{WebkitTransform: 'translateZ(0)'}}
+            ref={scrollRef as any}
+            style={{
+              // Fix webkit bug where scrollbars appear above the checkboxes/other table elements
+              WebkitTransform: 'translateZ(0)',
+              // Add padding at the bottom when the action bar is visible so users can scroll to the last items.
+              // Also add scroll padding so navigating with the keyboard doesn't go behind the action bar.
+              paddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0,
+              scrollPaddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0
+            }}
             className={renderProps => table({
               ...renderProps,
               isCheckboxSelection,
@@ -342,9 +352,13 @@ export const TableView = forwardRef(function TableView(props: TableViewProps, re
             })}
             selectionBehavior="toggle"
             onRowAction={onAction}
-            {...otherProps} />
+            {...otherProps}
+            selectedKeys={selectedKeys}
+            defaultSelectedKeys={undefined}
+            onSelectionChange={onSelectionChange} />
         </InternalTableContext.Provider>
       </UNSTABLE_Virtualizer>
+      {actionBar}
     </ResizableTableContainer>
   );
 });

package/src/index.ts

@@ -11,6 +11,7 @@
  */
 
 export {Accordion, AccordionContext} from './Accordion';
+export {ActionBar, ActionBarContext} from './ActionBar';
 export {ActionButton, ActionButtonContext} from './ActionButton';
 export {ActionButtonGroup, ActionButtonGroupContext} from './ActionButtonGroup';
 export {ActionMenu, ActionMenuContext} from './ActionMenu';
@@ -82,6 +83,7 @@ export {Collection} from 'react-aria-components';
 export {FileTrigger} from 'react-aria-components';
 
 export type {AccordionProps} from './Accordion';
+export type {ActionBarProps} from './ActionBar';
 export type {ActionButtonProps} from './ActionButton';
 export type {ActionButtonGroupProps} from './ActionButtonGroup';
 export type {ActionMenuProps} from './ActionMenu';

package/style/dist/main.cjs

@@ -12,6 +12,7 @@ $parcel$export(module.exports, "focusRing", () => $68f77cfae04dca88$export$8e245
 $parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$exports.baseColor);
 $parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$exports.edgeToText);
 $parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$exports.lightDark);
+$parcel$export(module.exports, "linearGradient", () => $7dddb03c6ef7d79c$exports.linearGradient);
 $parcel$export(module.exports, "colorMix", () => $7dddb03c6ef7d79c$exports.colorMix);
 $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$exports.style);
 /*

package/style/dist/main.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAOM,SAAS,0CAAK,EAAU;IAC7B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,8BAAW,EAAE,IAAI,CAAC,CAAC;AAChC;AAEO,SAAS,0CAAM,EAAU;IAC9B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,+BAAY,EAAE,IAAI,CAAC,CAAC;AACjC;AAEO,SAAS,0CAAa,IAAY,EAAE,YAAqB;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAmB,EAAE,MAAM,cAAc,CAAC,CAAC;AACxD;AAEO,MAAM,4CAAY,IAAO,CAAA;QAC9B,cAAc;YACZ,SAAS;YACT,gBAAgB;QAClB;QACA,cAAc;QACd,cAAc;QACd,eAAe;IACjB,CAAA","sources":["packages/@react-spectrum/s2/style/index.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 {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"main.cjs.map","sourceRoot":"../../../../../"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAOM,SAAS,0CAAK,EAAU;IAC7B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,8BAAW,EAAE,IAAI,CAAC,CAAC;AAChC;AAEO,SAAS,0CAAM,EAAU;IAC9B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,+BAAY,EAAE,IAAI,CAAC,CAAC;AACjC;AAEO,SAAS,0CAAa,IAAY,EAAE,YAAqB;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,sCAAmB,EAAE,MAAM,cAAc,CAAC,CAAC;AACxD;AAEO,MAAM,4CAAY,IAAO,CAAA;QAC9B,cAAc;YACZ,SAAS;YACT,gBAAgB;QAClB;QACA,cAAc;QACd,cAAc;QACd,eAAe;IACjB,CAAA","sources":["packages/@react-spectrum/s2/style/index.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 {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, linearGradient, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"main.cjs.map","sourceRoot":"../../../../../"}

package/style/dist/module.mjs

@@ -1,4 +1,4 @@
-import {baseColor as $468034641bb536ce$export$49bbad2a916ab57c, colorMix as $468034641bb536ce$export$9b476054b78b89cd, edgeToText as $468034641bb536ce$export$17b63977b35bb6d2, fontRelative as $468034641bb536ce$export$ba024f4caf693d15, lightDark as $468034641bb536ce$export$d19e682d444755ed, size as $468034641bb536ce$export$346677f925de839c, space as $468034641bb536ce$export$a941ed4b947d12f8, style as $468034641bb536ce$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
+import {baseColor as $468034641bb536ce$export$49bbad2a916ab57c, colorMix as $468034641bb536ce$export$9b476054b78b89cd, edgeToText as $468034641bb536ce$export$17b63977b35bb6d2, fontRelative as $468034641bb536ce$export$ba024f4caf693d15, lightDark as $468034641bb536ce$export$d19e682d444755ed, linearGradient as $468034641bb536ce$export$46def8197cf4dd4c, size as $468034641bb536ce$export$346677f925de839c, space as $468034641bb536ce$export$a941ed4b947d12f8, style as $468034641bb536ce$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -31,5 +31,5 @@ const $b308eef0abc42945$export$8e24544ddba725ee = ()=>({
     });
 
 
-export {$b308eef0abc42945$export$346677f925de839c as size, $b308eef0abc42945$export$a941ed4b947d12f8 as space, $b308eef0abc42945$export$ba024f4caf693d15 as fontRelative, $b308eef0abc42945$export$8e24544ddba725ee as focusRing, $468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$9b476054b78b89cd as colorMix, $468034641bb536ce$export$1d567c320f4763bc as style};
+export {$b308eef0abc42945$export$346677f925de839c as size, $b308eef0abc42945$export$a941ed4b947d12f8 as space, $b308eef0abc42945$export$ba024f4caf693d15 as fontRelative, $b308eef0abc42945$export$8e24544ddba725ee as focusRing, $468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$46def8197cf4dd4c as linearGradient, $468034641bb536ce$export$9b476054b78b89cd as colorMix, $468034641bb536ce$export$1d567c320f4763bc as style};
 //# sourceMappingURL=module.mjs.map

package/style/dist/module.mjs.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAOM,SAAS,0CAAK,EAAU;IAC7B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAW,EAAE,IAAI,CAAC,CAAC;AAChC;AAEO,SAAS,0CAAM,EAAU;IAC9B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAY,EAAE,IAAI,CAAC,CAAC;AACjC;AAEO,SAAS,0CAAa,IAAY,EAAE,YAAqB;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAmB,EAAE,MAAM,cAAc,CAAC,CAAC;AACxD;AAEO,MAAM,4CAAY,IAAO,CAAA;QAC9B,cAAc;YACZ,SAAS;YACT,gBAAgB;QAClB;QACA,cAAc;QACd,cAAc;QACd,eAAe;IACjB,CAAA","sources":["packages/@react-spectrum/s2/style/index.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 {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"module.mjs.map","sourceRoot":"../../../../../"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAOM,SAAS,0CAAK,EAAU;IAC7B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAW,EAAE,IAAI,CAAC,CAAC;AAChC;AAEO,SAAS,0CAAM,EAAU;IAC9B,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAY,EAAE,IAAI,CAAC,CAAC;AACjC;AAEO,SAAS,0CAAa,IAAY,EAAE,YAAqB;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAA,GAAA,yCAAmB,EAAE,MAAM,cAAc,CAAC,CAAC;AACxD;AAEO,MAAM,4CAAY,IAAO,CAAA;QAC9B,cAAc;YACZ,SAAS;YACT,gBAAgB;QAClB;QACA,cAAc;QACd,cAAc;QACd,eAAe;IACjB,CAAA","sources":["packages/@react-spectrum/s2/style/index.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 {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, linearGradient, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"module.mjs.map","sourceRoot":"../../../../../"}

package/style/dist/spectrum-theme.cjs

@@ -9,6 +9,7 @@ function $parcel$export(e, n, v, s) {
 $parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$export$49bbad2a916ab57c);
 $parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$export$d19e682d444755ed);
 $parcel$export(module.exports, "colorMix", () => $7dddb03c6ef7d79c$export$9b476054b78b89cd);
+$parcel$export(module.exports, "linearGradient", () => $7dddb03c6ef7d79c$export$46def8197cf4dd4c);
 $parcel$export(module.exports, "fontRelative", () => $7dddb03c6ef7d79c$export$ba024f4caf693d15);
 $parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$export$17b63977b35bb6d2);
 $parcel$export(module.exports, "space", () => $7dddb03c6ef7d79c$export$a941ed4b947d12f8);
@@ -490,6 +491,9 @@ function $7dddb03c6ef7d79c$export$d19e682d444755ed(light, dark) {
 function $7dddb03c6ef7d79c$export$9b476054b78b89cd(a, b, percent) {
     return `[color-mix(in srgb, ${$7dddb03c6ef7d79c$var$parseColor(a)}, ${$7dddb03c6ef7d79c$var$parseColor(b)} ${percent}%)]`;
 }
+function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
+    return `linear-gradient(${angle}, ${tokens.map(([color, stop])=>`${$7dddb03c6ef7d79c$var$parseColor(color)} ${stop}%`)})`;
+}
 function $7dddb03c6ef7d79c$var$generateSpacing(px) {
     let res = {};
     for (let p of px)res[p] = $7dddb03c6ef7d79c$var$pxToRem(p);

package/style/dist/spectrum-theme.cjs.map

@@ -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\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 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":"../../../../../"}
+{"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 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":"../../../../../"}

package/style/dist/spectrum-theme.mjs

@@ -476,6 +476,9 @@ function $468034641bb536ce$export$d19e682d444755ed(light, dark) {
 function $468034641bb536ce$export$9b476054b78b89cd(a, b, percent) {
     return `[color-mix(in srgb, ${$468034641bb536ce$var$parseColor(a)}, ${$468034641bb536ce$var$parseColor(b)} ${percent}%)]`;
 }
+function $468034641bb536ce$export$46def8197cf4dd4c(angle, ...tokens) {
+    return `linear-gradient(${angle}, ${tokens.map(([color, stop])=>`${$468034641bb536ce$var$parseColor(color)} ${stop}%`)})`;
+}
 function $468034641bb536ce$var$generateSpacing(px) {
     let res = {};
     for (let p of px)res[p] = $468034641bb536ce$var$pxToRem(p);
@@ -1996,5 +1999,5 @@ const $468034641bb536ce$export$1d567c320f4763bc = (0, $a42cf657cdea7060$export$2
 });
 
 
-export {$468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$9b476054b78b89cd as colorMix, $468034641bb536ce$export$ba024f4caf693d15 as fontRelative, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$a941ed4b947d12f8 as space, $468034641bb536ce$export$346677f925de839c as size, $468034641bb536ce$export$1d567c320f4763bc as style};
+export {$468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$9b476054b78b89cd as colorMix, $468034641bb536ce$export$46def8197cf4dd4c as linearGradient, $468034641bb536ce$export$ba024f4caf693d15 as fontRelative, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$a941ed4b947d12f8 as space, $468034641bb536ce$export$346677f925de839c as size, $468034641bb536ce$export$1d567c320f4763bc as style};
 //# sourceMappingURL=spectrum-theme.mjs.map