@accelint/design-toolkit 2.2.0 → 2.3.0

package/dist/components/tooltip/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React__default from 'react';
+import react__default from 'react';
 import { TooltipTriggerComponentProps, Focusable, TooltipProps as TooltipProps$1 } from 'react-aria-components';
 
 declare const tooltipStyles: (props?: cva_types.ClassProp | undefined) => string;
@@ -20,7 +20,7 @@ declare namespace Tooltip {
         displayName: string;
     };
 }
-interface TooltipTriggerProps extends React__default.ComponentProps<typeof Focusable> {
+interface TooltipTriggerProps extends react__default.ComponentProps<typeof Focusable> {
 }
 declare const TooltipTrigger: {
     ({ children, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;

package/dist/components/tooltip/index.js

@@ -1,2 +1,2 @@
-import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {TooltipTrigger,Focusable,Tooltip}from'react-aria-components';import {jsx}from'react/jsx-runtime';var n=cva("fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay");function e({children:o,closeDelay:t=0,delay:r=400,...p}){return containsExactChildren({children:o,componentName:e.displayName,restrictions:{[i.displayName]:{min:1,max:1},[s.displayName]:{min:1,max:1}}}),jsx(TooltipTrigger,{closeDelay:t,delay:r,...p,children:o})}e.displayName="Tooltip";e.as=(o,t)=>cn(n({...o,className:t}));var i=({children:o,...t})=>jsx(Focusable,{...t,children:o});i.displayName="Tooltip.Trigger";var s=({children:o,className:t,offset:r=5,placement:p="bottom",...T})=>jsx(Tooltip,{...T,className:cn(n({className:t})),offset:r,placement:p,children:o});s.displayName="Tooltip.Body";e.Trigger=i;e.Body=s;export{e as Tooltip,s as TooltipBody,i as TooltipTrigger};//# sourceMappingURL=index.js.map
+import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'cva';import {TooltipTrigger,Focusable,Tooltip}from'react-aria-components';import {jsx}from'react/jsx-runtime';var n=cva("fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay");function e({children:o,closeDelay:t=0,delay:r=400,...p}){return containsExactChildren({children:o,componentName:e.displayName,restrictions:{[i.displayName]:{min:1,max:1},[s.displayName]:{min:1,max:1}}}),jsx(TooltipTrigger,{closeDelay:t,delay:r,...p,children:o})}e.displayName="Tooltip";e.as=(o,t)=>cn(n({...o,className:t}));var i=({children:o,...t})=>jsx(Focusable,{...t,children:o});i.displayName="Tooltip.Trigger";var s=({children:o,className:t,offset:r=5,placement:p="bottom",...T})=>jsx(Tooltip,{...T,className:cn(n({className:t})),offset:r,placement:p,children:o});s.displayName="Tooltip.Body";e.Trigger=i;e.Body=s;export{e as Tooltip,s as TooltipBody,i as TooltipTrigger};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["y","closeDelay","containsExactChildren","m","Tooltip","TooltipBody","jsx","RACTooltipTrigger","l","props","children","cn","tooltipStyles","Focusable","TooltipTrigger","className","placement","a","offset"],"mappings":"8NAwBE,IAAA,CAAA,CAAAA,GAAA,CAAA,2KAMA,CAAA,CAAA,SACA,WAAAC,CAAAA,CAAa,CAAA,UACL,CAAA,CAAA,CACR,OAEA,CAAA,CAAA,CAAA,GAAA,CAAAC,GACE,CAAA,CAAA,CAAA,CAAA,OACAC,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,cACf,CAAA,CAAA,WAAc,CACZ,cAA2B,CAAA,CAAG,CAAE,WAAe,EAC/C,CAACC,GAAY,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAW,EAAG,CAAE,WAAe,EAEhD,CAAC,GAGCC,CAACC,EAAA,GAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,GAAA,CAAYP,eAAY,CAAA,UAAkBQ,CAAAA,CAC1D,CAAA,KAAA,CAAA,CAAA,CAAAC,GAGP,CACAN,CAAAA,QAAQ,CAAA,CAAA,CAAA,CAAA,CAAc,aACd,CAAA,SAGHO,CAAGC,CAAAA,CAAc,EAAE,CAAA,CAAGH,CAAAA,CAAO,aAAW,CAAC,CAAA,SAKb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,IAAAA,CAAU,GAAGD,QACpCI,CAAA,CAAW,CAAA,GAAGJ,CAAQ,mBAAAC,GAAS,CAEzCI,SAAe,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,iBAK3B,CAAAJ,KACA,CAAA,CAAA,CAAA,QAAAK,CACA,WACA,UAAAC,CAAAA,CAAY,CAAA,CAAA,SACZ,CAAGP,CACL,SAGO,CAAA,GAAGA,CACJ,oBAAcG,CAAAA,CAAc,SAAE,CAAAK,EAAAF,CAAU,CAAC,CAAC,UAClCG,CACR,WAAWF,CAEV,CAAA,CAAA,SACH,CAAA,CAGJX,SAAY,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,eAGlB,CAAA,CAAA,OAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["import { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\nimport type React from 'react';\nimport {\n  Focusable,\n  Tooltip as RACTooltip,\n  type TooltipProps as RACTooltipProps,\n  TooltipTrigger as RACTooltipTrigger,\n  type TooltipTriggerComponentProps,\n} from 'react-aria-components';\n\nconst tooltipStyles = cva(\n  'fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay',\n);\n\nexport interface TooltipProps extends TooltipTriggerComponentProps {}\n\nexport function Tooltip({\n  children,\n  closeDelay = 0,\n  delay = 400,\n  ...props\n}: TooltipProps) {\n  containsExactChildren({\n    children,\n    componentName: Tooltip.displayName,\n    restrictions: {\n      [TooltipTrigger.displayName]: { min: 1, max: 1 },\n      [TooltipBody.displayName]: { min: 1, max: 1 },\n    },\n  });\n\n  return (\n    <RACTooltipTrigger closeDelay={closeDelay} delay={delay} {...props}>\n      {children}\n    </RACTooltipTrigger>\n  );\n}\nTooltip.displayName = 'Tooltip';\nTooltip.as = (\n  props: VariantProps<typeof tooltipStyles>,\n  className?: string | string[],\n) => cn(tooltipStyles({ ...props, className }));\n\nexport interface TooltipTriggerProps\n  extends React.ComponentProps<typeof Focusable> {}\n\nexport const TooltipTrigger = ({ children, ...props }: TooltipTriggerProps) => {\n  return <Focusable {...props}>{children}</Focusable>;\n};\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport interface TooltipBodyProps extends RACTooltipProps {}\n\nexport const TooltipBody = ({\n  children,\n  className,\n  offset = 5,\n  placement = 'bottom',\n  ...props\n}: TooltipBodyProps) => {\n  return (\n    <RACTooltip\n      {...props}\n      className={cn(tooltipStyles({ className }))}\n      offset={offset}\n      placement={placement}\n    >\n      {children}\n    </RACTooltip>\n  );\n};\nTooltipBody.displayName = 'Tooltip.Body';\n\nTooltip.Trigger = TooltipTrigger;\nTooltip.Body = TooltipBody;\n"]}
+{"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["y","closeDelay","containsExactChildren","m","Tooltip","TooltipBody","RACTooltipTrigger","props","children","cn","tooltipStyles","a","Focusable","l","c","TooltipTrigger","placement","g","className"],"mappings":"kPA0BE,IAAA,CAAA,CAAAA,GAAA,CAAA,2KAMA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QAAAC,CAAAA,CAAa,cAEb,CAAA,CAAA,KAEA,OAAAC,GACE,WACAC,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,aAAQ,CACvB,CAAA,CAAA,WAAc,CACZ,YAAgB,CAAA,CAAW,CAAA,CAAG,CAAE,WAAe,EAC/C,CAACC,aAAuB,CAAA,CAAG,CAAE,WAAe,EAEhD,CAAC,IAGEC,CAAAA,CAAA,cAA8BL,cAAAA,CAAY,CAAA,UAAkBM,CAAAA,CAC1D,CAAA,KAAA,CAAA,CAAA,CAAAC,GAGP,CACAJ,CAAAA,aAAsB,CAAA,CAAA,qBAIjBK,CAAGC,EAAc,EAAE,CAAA,CAAGH,EAAO,CAAA,GAAAI,EAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAC,CAAA,SAKb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAH,KAAU,CAAA,CAAA,CAAGD,QACpCK,CAAA,CAAW,CAAA,IAAW,CAAA,GAAAC,GAAA,CAAAC,SAAA,CAAA,CAAAN,IAEhCO,CAAAA,QAAe,CAAA,CAAA,CAAA,EAAc,gCAK3BP,IAAAA,CACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,MAAA,CAAAQ,CAAAA,CAAY,CAAA,CAAA,SACZ,CAAGT,CACL,CAAA,QAGO,CAAA,IACD,CAAA,GAAAM,GAAA,CAAAI,OAAA,CAAA,CAAA,GAAcP,CAAAA,CAAc,YAAEQ,CAAU,CAAC,CAAC,CAAA,UAE1C,CAAA,CAAA,CAAA,CAAA,CAAA,MAAWF,CAEV,WACH,CAAA,CAGJX,SAAY,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,eAGlB,CAAA,CAAA,OAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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'use client';\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\nimport {\n  Focusable,\n  Tooltip as RACTooltip,\n  type TooltipProps as RACTooltipProps,\n  TooltipTrigger as RACTooltipTrigger,\n  type TooltipTriggerComponentProps,\n} from 'react-aria-components';\n\nconst tooltipStyles = cva(\n  'fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay',\n);\n\nexport interface TooltipProps extends TooltipTriggerComponentProps {}\n\nexport function Tooltip({\n  children,\n  closeDelay = 0,\n  delay = 400,\n  ...props\n}: TooltipProps) {\n  containsExactChildren({\n    children,\n    componentName: Tooltip.displayName,\n    restrictions: {\n      [TooltipTrigger.displayName]: { min: 1, max: 1 },\n      [TooltipBody.displayName]: { min: 1, max: 1 },\n    },\n  });\n\n  return (\n    <RACTooltipTrigger closeDelay={closeDelay} delay={delay} {...props}>\n      {children}\n    </RACTooltipTrigger>\n  );\n}\nTooltip.displayName = 'Tooltip';\nTooltip.as = (\n  props: VariantProps<typeof tooltipStyles>,\n  className?: string | string[],\n) => cn(tooltipStyles({ ...props, className }));\n\nexport interface TooltipTriggerProps\n  extends React.ComponentProps<typeof Focusable> {}\n\nexport const TooltipTrigger = ({ children, ...props }: TooltipTriggerProps) => {\n  return <Focusable {...props}>{children}</Focusable>;\n};\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport interface TooltipBodyProps extends RACTooltipProps {}\n\nexport const TooltipBody = ({\n  children,\n  className,\n  offset = 5,\n  placement = 'bottom',\n  ...props\n}: TooltipBodyProps) => {\n  return (\n    <RACTooltip\n      {...props}\n      className={cn(tooltipStyles({ className }))}\n      offset={offset}\n      placement={placement}\n    >\n      {children}\n    </RACTooltip>\n  );\n};\nTooltipBody.displayName = 'Tooltip.Body';\n\nTooltip.Trigger = TooltipTrigger;\nTooltip.Body = TooltipBody;\n"]}

package/dist/index.css

@@ -14,330 +14,200 @@
 @import '@fontsource/roboto-flex';
 @import '@fontsource/roboto-mono';
 @import 'tailwindcss';
-@plugin 'tailwindcss-react-aria-components' {
-  prefix: 'dtk'
-}
-@source './components/foundation';
-
-:root {
-  --neutral-01: #ffffff;
-  --neutral-02: #e6e6e6;
-  --neutral-03: #898989;
-  --neutral-04: #686868;
-  --neutral-05: #565656;
-  --neutral-06: #424242;
-  --neutral-07: #383838;
-  --neutral-08: #2f2f31;
-  --neutral-09: #222222;
-  --neutral-10: #0b0b0b;
-
-  --neutral-11: #FF0000;
-
-  --alpha-black-01: rgba(0, 0, 0, 0.08);
-  --alpha-black-02: rgba(0, 0, 0, 0.4);
-  --alpha-black-03: rgba(0, 0, 0, 0.8);
-
-  --alpha-white-01: rgba(255, 255, 255, 0.08);
-  --alpha-white-02: rgba(255, 255, 255, 0.4);
-  --alpha-white-03: rgba(255, 255, 255, 0.8);
-
-  --highlight-primary-01: #c9fdef;
-  --highlight-primary-02: #7df9d8;
-  --highlight-primary-03: #28f5be;
-  --highlight-primary-04: #189372;
-  --highlight-primary-05: #0a3d30;
-
-  --highlight-secondary-01: #c9f6fd;
-  --highlight-secondary-02: #7ee9f9;
-  --highlight-secondary-03: #28dcf5;
-  --highlight-secondary-04: #188493;
-  --highlight-secondary-05: #0a373d;
-
-  --highlight-tertiary-01: #f9c5e2;
-  --highlight-tertiary-02: #f174b9;
-  --highlight-tertiary-03: #e8178a;
-  --highlight-tertiary-04: #8a0e53;
-  --highlight-tertiary-05: #3a0623;
-
-  --utility-info-01: #e6e6e6;
-  --utility-info-02: #898989;
-  --utility-info-03: #686868;
-  --utility-info-04: #424244;
-  --utility-info-05: #222222;
-
-  --utility-advisory-01: #e0edff;
-  --utility-advisory-02: #a1caff;
-  --utility-advisory-03: #62a6ff;
-  --utility-advisory-04: #3a6499;
-  --utility-advisory-05: #142133;
-
-  --utility-normal-01: #d6f6e5;
-  --utility-normal-02: #82e4b2;
-  --utility-normal-03: #30d27e;
-  --utility-normal-04: #1c7e4c;
-  --utility-normal-05: #0a2a19;
-
-  --utility-serious-01: #feedcc;
-  --utility-serious-02: #fdc865;
-  --utility-serious-03: #fca400;
-  --utility-serious-04: #976201;
-  --utility-serious-05: #322100;
-
-  --utility-critical-01: #f6d3d2;
-  --utility-critical-02: #e57b77;
-  --utility-critical-03: #d4231d;
-  --utility-critical-04: #7f1511;
-  --utility-critical-05: #2a0706;
-
-  --classification-unclass: #007A33;
-  --classification-cui: #502b85;
-  --classification-confidential: #0033a0;
-  --classification-secret: #c8102e;
-  --classification-top-secret: #ff8c00;
-  --classification-ts-sci: #fce83a;
-
-  --header-xxl-size: 32px;
-  --header-xxl-height: 40px;
-  --header-xl-size: 24px;
-  --header-xl-height: 28px;
-  --header-l-size: 20px;
-  --header-l-height: 24px;
-  --header-m-size: 14px;
-  --header-m-height: 20px;
-  --header-s-size: 12px;
-  --header-s-height: 16px;
-  --header-xs-size: 10px;
-  --header-xs-height: 12px;
-
-  --body-l-size: 16px;
-  --body-l-height: 24px;
-  --body-m-size: 14px;
-  --body-m-height: 20px;
-  --body-s-size: 12px;
-  --body-s-height: 16px;
-  --body-xs-size: 10px;
-  --body-xs-height: 12px;
-  --body-xxs-size: 9px;
-  --body-xxs-height: 12px;
-
-  --button-l-size: 16px;
-  --button-l-height: 24px;
-  --button-m-size: 14px;
-  --button-m-height: 20px;
-  --button-s-size: 12px;
-  --button-s-height: 16px;
-  --button-xs-size: 10px;
-  --button-xs-height: 12px;
-}
+
+/* Import generated themes.css */
+@import './tokens/generated/themes.css';
 
 @theme {
-  /* Remove the default Tailwind styles. */
-  --color-*: initial;
-  --font-*: initial;
-  --radius-*: initial;
-  --shadow-*: initial;
-  --spacing-*: initial;
-  --text-*: initial;
-
-  /** Fonts **/
-  --font-primary: "Roboto Flex", sans-serif;
-  --font-display: "Roboto Mono", monospace;
-
-  /** Colors **/
   --color-current: currentColor;
-  --color-surface-default: var(--neutral-10, #0b0b0b);
-  --color-surface-raised: var(--neutral-09, #222222);
-  --color-surface-overlay: var(--neutral-08, #2f2f31);
-  --color-transparent-dark: var(--alpha-black-02, rgba(0, 0, 0, 0.4));
-  --color-transparent-light: var(--alpha-white-01, rgba(255, 255, 255, 0.08));
-
-  --color-interactive-default: var(--neutral-02, #e6e6e6);
-  --color-interactive-hover-light: var(--neutral-03, #898989);
-  --color-interactive-hover-dark: var(--neutral-08, #2f2f31);
-  --color-interactive-disabled: var(--neutral-07, #383838);
-
-  --color-static-light: var(--neutral-07, #383838);
-  --color-static-dark: var(--neutral-09, #222222);
-  --color-interactive: var(--neutral-05, #565656);
-  --color-interactive-hover: var(--neutral-01, #ffffff);
-
-  --color-highlight-bold: var(--highlight-primary-03, #28f5be);
-  --color-highlight-hover: var(--highlight-primary-04, #189372);
-  --color-highlight-subtle: var(--highlight-primary-05, #0a3d30);
-  --color-info-bold: var(--utility-info-03, #686868);
-  --color-info-hover: var(--utility-info-04, #424244);
-  --color-info-subtle: var(--utility-info-05, #222222);
-  --color-advisory-bold: var(--utility-advisory-03, #62a6ff);
-  --color-advisory-hover: var(--utility-advisory-04, #3a6499);
-  --color-advisory-subtle: var(--utility-advisory-05, #142133);
-  --color-normal-bold: var(--utility-normal-03, #30d27e);
-  --color-normal-hover: var(--utility-normal-04, #1c7e4c);
-  --color-normal-subtle: var(--utility-normal-05, #0a2a19);
-  --color-serious-bold: var(--utility-serious-03, #fca400);
-  --color-serious-hover: var(--utility-serious-04, #976201);
-  --color-serious-subtle: var(--utility-serious-05, #322100);
-  --color-critical-bold: var(--utility-critical-03, #d4231d);
-  --color-critical-hover: var(--utility-critical-04, #7f1511);
-  --color-critical-subtle: var(--utility-critical-05, #2a0706);
-
-  --color-default-light: var(--neutral-01, #ffffff);
-  --color-default-dark: var(--neutral-03, #898989);
-  --color-inverse-dark: var(--neutral-07,#383838);
-  --color-inverse-light: var(--neutral-09, #222222);
-  --color-disabled: var(--neutral-05, #565656);
-  --color-highlight: var(--highlight-primary-03, #28f5be);
-  --color-info: var(--neutral-04, #686868);
-  --color-advisory: var(--utility-advisory-03, #62a6ff);
-  --color-normal: var(--utility-normal-03, #30d27e);
-  --color-serious: var(--utility-serious-03, #fca400);
-  --color-critical: var(--utility-critical-03, #d4231d);
-
-  --color-classification-missing: var(--neutral-10, #0b0b0b);
-  --color-classification-unclass: var(--classification-unclass, #007A33);
-  --color-classification-cui: var(--classification-cui, #502b85);
-  --color-classification-confidential: var(--classification-confidential, #0033a0);
-  --color-classification-secret: var(--classification-secret, #c8102e);
-  --color-classification-top-secret: var(--classification-top-secret, #ff8c00);
-  --color-classification-ts-sci: var(--classification-ts-sci, #fce83a);
-
-  /** Radius **/
-  --radius-none: 0px;
-  --radius-small: 2px;
-  --radius-medium: 4px;
-  --radius-large: 8px;
-  --radius-round: 80px;
-
-  /** Shadows **/
-  --shadow-elevation-default: initial;
-  --shadow-elevation-overlay:
-    0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12),
-    0 16px 24px 0 rgba(0 0 0 / 0.14);
-  --shadow-elevation-raised:
-    0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12),
-    0 8px 10px 0 rgba(0 0 0 / 0.14);
-
-  /** Spacing **/
-  --spacing-none: unset;
-  --spacing-0: 0;
-  --spacing-xxs: 2px;
-  --spacing-xs: 4px;
-  --spacing-s: 8px;
-  --spacing-m: 12px;
-  --spacing-l: 16px;
-  --spacing-xl: 24px;
-  --spacing-xxl: 40px;
-  --spacing-oversized: 80px;
-
-  --icon-size-l: var(--spacing-xl);
-  --icon-size-m: 20px;
-  --icon-size-s: var(--spacing-l);
-  --icon-size-xs: var(--spacing-m);
 }
 
+/** Recreating https://github.com/adobe/react-spectrum/blob/main/packages/tailwindcss-react-aria-components/src/index.js without RAC selectors (:where([data-rac])) or prefix and combining with native selectors **/
+@custom-variant placement-left { &[data-placement="left"] { @slot }}
+@custom-variant placement-right { &[data-placement="right"] { @slot }}
+@custom-variant placement-top { &[data-placement="top"] { @slot }}
+@custom-variant placement-bottom { &[data-placement="bottom"] { @slot }}
+
+@custom-variant type-literal { &[data-type="literal"] { @slot }}
+@custom-variant type-year { &[data-type="year"] { @slot }}
+@custom-variant type-month { &[data-type="month"] { @slot }}
+@custom-variant type-day { &[data-type="day"] { @slot }}
+
+@custom-variant layout-grid { &[data-layout="grid"] { @slot }}
+@custom-variant layout-stack { &[data-layout="stack"] { @slot }}
+
+@custom-variant orientation-horizontal { &[data-orientation="horizontal"] { @slot }}
+@custom-variant orientation-vertical { &[data-orientation="vertical"] { @slot }}
+
+@custom-variant selection-single { &[data-selection-mode="single"] { @slot }}
+@custom-variant selection-multiple { &[data-selection-mode="multiple"] { @slot }}
+
+@custom-variant resizable-right { &[data-resizable-direction="right"] { @slot }}
+@custom-variant resizable-left { &[data-resizable-direction="left"] { @slot }}
+@custom-variant resizable-both { &[data-resizable-direction="both"] { @slot }}
+
+@custom-variant sort-ascending { &[data-sort-direction="ascending"] { @slot }}
+@custom-variant sort-descending { &[data-sort-direction="descending"] { @slot }}
+
+@custom-variant allows-removing { &[data-allows-removing] { @slot }}
+@custom-variant allows-sorting { &[data-allows-sorting] { @slot }}
+@custom-variant allows-dragging { &[data-allows-dragging] { @slot }}
+
+@custom-variant has-submenu { &[data-has-submenu] { @slot }}
+@custom-variant has-child-items { &[data-has-child-items] { @slot }}
+
+@custom-variant open { &:is([open], [data-open]), &:open { @slot }}
+@custom-variant expanded { &:is([expanded], [data-expanded]) { @slot }}
+
+@custom-variant entering { &[data-entering] { @slot }}
+@custom-variant exiting { &[data-exiting] { @slot }}
+
+@custom-variant indeterminate { &[data-indeterminate], &:indeterminate { @slot }}
+
+@custom-variant placeholder-shown { &[data-placeholder], &:placeholder-shown { @slot }}
+
+@custom-variant current { &[data-current] { @slot }}
+
+@custom-variant optional { &:not([required], [data-required]), &:optional { @slot }}
+@custom-variant required { &:is([required], [data-required]), &:required { @slot }}
+
+@custom-variant unavailable { &[data-unavailable] { @slot }}
+
+@custom-variant invalid { &:is([invalid], [data-invalid]), &:invalid { @slot }}
+
+@custom-variant read-only { &:is([readonly], [data-readonly]), &:read-only { @slot }}
+
+@custom-variant outside-month { &[data-outside-month] { @slot }}
+@custom-variant outside-visible-range { &[data-outside-visible-range] { @slot }}
+
+@custom-variant pending { &[data-pending] { @slot }}
+
+@custom-variant empty { &[data-empty], &:empty { @slot }}
+
+@custom-variant focus-within { &[data-focus-within], &:focus-within { @slot }}
+
+@custom-variant hover { &[data-hovered], &:hover { @slot }}
+
+@custom-variant focus { &[data-focused], &:focus { @slot }}
+@custom-variant focus-visible { &[data-focus-visible], &:focus-visible { @slot }}
+
+@custom-variant pressed { &[data-pressed], &:active { @slot }}
+
+@custom-variant selected { &[data-selected] { @slot }}
+@custom-variant selection-start { &[data-selection-start] { @slot }}
+@custom-variant selection-end { &[data-selection-end] { @slot }}
+
+@custom-variant dragging { &[data-dragging] { @slot }}
+@custom-variant drop-target { &[data-drop-target] { @slot }}
+
+@custom-variant resizing { &[data-resizing] { @slot }}
+
+@custom-variant enabled { &:not([disabled], [data-disabled]), &:enabled { @slot }}
+@custom-variant disabled { &:is([disabled], [data-disabled]), &:disabled { @slot }}
+
 @utility text-header-xxl {
-  font-size: var(--header-xxl-size);
+  font-size: var(--typography-header-xxl-size);
   font-weight: 500;
   letter-spacing: 0px;
-  line-height: var(--header-xxl-height);
+  line-height: var(--typography-header-xxl-height);
 }
 
 @utility text-header-xl {
-  font-size: var(--header-xl-size);
+  font-size: var(--typography-header-xl-size);
   font-weight: 500;
   letter-spacing: 0.18px;
-  line-height: var(--header-xl-height);
+  line-height: var(--typography-header-xl-height);
 }
 
 @utility text-header-l {
-  font-size: var(--header-l-size);
+  font-size: var(--typography-header-l-size);
   font-weight: 500;
   letter-spacing: 0.18px;
-  line-height: var(--header-l-height);
+  line-height: var(--typography-header-l-height);
 }
 
 @utility text-header-m {
-  font-size: var(--header-m-size);
+  font-size: var(--typography-header-m-size);
   font-weight: 500;
   letter-spacing: 0.25px;
-  line-height: var(--header-m-height);
+  line-height: var(--typography-header-m-height);
 }
 
 @utility text-header-s {
-  font-size: var(--header-s-size);
+  font-size: var(--typography-header-s-size);
   font-weight: 500;
   letter-spacing: 0.4px;
-  line-height: var(--header-s-height);
+  line-height: var(--typography-header-s-height);
 }
 
 @utility text-header-xs {
-  font-size: var(--header-xs-size);
+  font-size: var(--typography-header-xs-size);
   font-weight: 500;
   letter-spacing: 0.25px;
-  line-height: var(--header-xs-height);
+  line-height: var(--typography-header-xs-height);
 }
 
-
 @utility text-body-l {
-  font-size: var(--body-l-size);
+  font-size: var(--typography-body-l-size);
   font-weight: 400;
   letter-spacing: 0.5px;
-  line-height: var(--body-l-height);
+  line-height: var(--typography-body-l-height);
 }
 
 @utility text-body-m {
-  font-size: var(--body-m-size);
+  font-size: var(--typography-body-m-size);
   font-weight: 400;
   letter-spacing: 0.25px;
-  line-height: var(--body-m-height);
+  line-height: var(--typography-body-m-height);
 }
 
 @utility text-body-s {
-  font-size: var(--body-s-size);
+  font-size: var(--typography-body-s-size);
   font-weight: 400;
   letter-spacing: 0.4px;
-  line-height: var(--body-s-height);
+  line-height: var(--typography-body-s-height);
 }
 
 @utility text-body-xs {
-  font-size: var(--body-xs-size);
+  font-size: var(--typography-body-xs-size);
   font-weight: 400;
   letter-spacing: 0.5px;
-  line-height: var(--body-xs-height);
+  line-height: var(--typography-body-xs-height);
 }
 
 @utility text-body-xxs {
-  font-size: var(--body-xxs-size);
+  font-size: var(--typography-body-xxs-size);
   font-weight: 400;
   letter-spacing: 0.25px;
-  line-height: var(--body-xxs-height);
+  line-height: var(--typography-body-xxs-height);
 }
 
 @utility text-button-l {
-  font-size: var(--button-l-size);
+  font-size: var(--typography-button-l-size);
   font-weight: bold;
   letter-spacing: 0.5px;
-  line-height: var(--button-l-height);
+  line-height: var(--typography-button-l-height);
 }
 
 @utility text-button-m {
-  font-size: var(--button-m-size);
+  font-size: var(--typography-button-m-size);
   font-weight: bold;
   letter-spacing: 0.25px;
-  line-height: var(--button-m-height);
+  line-height: var(--typography-button-m-height);
 }
 
 @utility text-button-s {
-  font-size: var(--button-s-size);
+  font-size: var(--typography-button-s-size);
   font-weight: bold;
   letter-spacing: 0.4px;
-  line-height: var(--button-s-height);
+  line-height: var(--typography-button-s-height);
 }
 
 @utility text-button-xs {
-  font-size: var(--button-xs-size);
+  font-size: var(--typography-button-xs-size);
   font-weight: bold;
   letter-spacing: 0.5px;
-  line-height: var(--button-xs-height);
+  line-height: var(--typography-button-xs-height);
 }
 
 @utility w-content {
@@ -384,8 +254,8 @@ body {
     bottom: 0;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom, var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom, var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, center;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;
@@ -399,8 +269,8 @@ body {
     bottom: 50%;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom,var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom,var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, bottom;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;
@@ -414,8 +284,8 @@ body {
     bottom: 0;
     left: 50%;
     background-image:
-      repeating-linear-gradient(to bottom, var(--neutral-04), var(--neutral-04)),
-      repeating-linear-gradient(to right, var(--neutral-04), var(--neutral-04));
+      repeating-linear-gradient(to bottom, var(--colors-neutral-04), var(--colors-neutral-04)),
+      repeating-linear-gradient(to right, var(--colors-neutral-04), var(--colors-neutral-04));
     background-position: left -1px, center;
     background-repeat: repeat-y, repeat-x;
     background-size: 1px 4px, 4px 1px;

package/dist/index.d.ts

@@ -4,39 +4,53 @@ export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, Accordi
 export { Avatar, AvatarProps } from './components/avatar/index.js';
 export { Badge, BadgeProps } from './components/badge/index.js';
 export { Box, BoxProps } from './components/box/index.js';
-export { Button, ButtonProps } from './components/button/index.js';
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/index.js';
+export { ButtonStyles, ButtonStylesDefaults, LinkButtonStyles, ToggleButtonStyles } from './components/button/styles.js';
+export { ButtonProps, ButtonProviderProps, ButtonStyleVariants, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './components/button/types.js';
 export { Checkbox, CheckboxGroupProps, CheckboxProps } from './components/checkbox/index.js';
-export { Chip, ChipListProps, ChipProps, DeletableChip, SelectableChip } from './components/chip/index.js';
-export { ClassificationBadge, ClassificationBadgeProps } from './components/classification-badge/index.js';
-export { ClassificationBanner, ClassificationBannerProps } from './components/classification-banner/index.js';
+export { Chip, ChipContext } from './components/chip/index.js';
+export { BaseChipStyles, ChipStyles, ChipStylesDefaults, DeletableChipStyles, SelectableChipStyles } from './components/chip/styles.js';
+export { BaseChipProps, ChipListProps, ChipProps, ChipProviderProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
+export { ClassificationBadge, ClassificationBadgeContext } from './components/classification-badge/index.js';
+export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults } from './components/classification-badge/styles.js';
+export { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
+export { ClassificationBanner, ClassificationBannerContext } from './components/classification-banner/index.js';
+export { ClassificationBannerStyles, ClassificationBannerStylesDefaults } from './components/classification-banner/styles.js';
+export { ClassificationBannerProps, ClassificationBannerProviderProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
 export { ColorPicker, ColorPickerProps, useColorPickerState } from './components/color-picker/index.js';
 export { ComboBox, ComboBoxProps, ComboBoxSection } from './components/combobox/index.js';
 export { DateField, DateFieldProps } from './components/date-field/index.js';
 export { Dialog, DialogProps, DialogTitle } from './components/dialog/index.js';
-export { FloatingButton, FloatingButtonProps } from './components/floating-button/index.js';
 export { Icon, IconContext } from './components/icon/index.js';
 export { IconStyleVariants, IconStyles, IconStylesDefaults } from './components/icon/styles.js';
 export { IconProps, IconProviderProps } from './components/icon/types.js';
-export { IconButton, IconButtonProps } from './components/icon-button/index.js';
-export { Label } from './components/label/index.js';
+export { Label, LabelContext } from './components/label/index.js';
+export { LabelStyles } from './components/label/styles.js';
+export { LabelProps, LabelProviderProps } from './components/label/types.js';
 export { Options, OptionsContext, OptionsProps, OptionsSection } from './components/options/index.js';
 export { IOptionsItem, OptionsItem, OptionsItemProps } from './components/options-item/index.js';
 export { Popover, PopoverTrigger } from './components/popover/index.js';
 export { PopoverStyles } from './components/popover/styles.js';
 export { PopoverBodyProps, PopoverContentProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from './components/popover/types.js';
 export { ClassNames, DefaultRQBProps, Field, QueryBuilder, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/index.js';
-export { Radio, RadioGroupProps, RadioProps } from './components/radio/index.js';
+export { Radio, RadioContext } from './components/radio/index.js';
+export { RadioStyles } from './components/radio/styles.js';
+export { RadioGroupProps, RadioProps, RadioProviderProps } from './components/radio/types.js';
 export { SearchField, SearchFieldProps } from './components/search-field/index.js';
 export { RangeSlider, RangeSliderProps, Slider, SliderProps } from './components/slider/index.js';
-export { Switch, SwitchProps } from './components/switch/index.js';
+export { Switch, SwitchContext } from './components/switch/index.js';
+export { SwitchStyles } from './components/switch/styles.js';
+export { SwitchProps, SwitchProviderProps } from './components/switch/types.js';
 export { TabListProps, TabPanelProps, TabProps, Tabs, TabsProps } from './components/tabs/index.js';
-export { TextArea, TextAreaProps } from './components/text-area/index.js';
+export { TextAreaField, TextAreaFieldContext } from './components/text-area-field/index.js';
+export { TextAreaStyles, TextAreaStylesDefaults } from './components/text-area-field/styles.js';
+export { TextAreaFieldProps, TextAreaFieldProviderProps, TextAreaStyleVariants } from './components/text-area-field/types.js';
 export { TextField, TextFieldProps } from './components/text-field/index.js';
-export { ToggleIconButton, ToggleIconButtonProps } from './components/toggle-icon-button/index.js';
 export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
 export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
 export { ChildrenRenderProps, ClassNameRenderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
 export { cn, isSlottedContextValue, tv, twMerge } from './lib/utils.js';
+export { RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconsSizeL, iconsSizeM, iconsSizeS, iconsSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowsElevationDefault, shadowsElevationOverlay, shadowsElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyMHeight, typographyBodyMSize, typographyBodySHeight, typographyBodySSize, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXxsHeight, typographyBodyXxsSize, typographyButtonLHeight, typographyButtonLSize, typographyButtonMHeight, typographyButtonMSize, typographyButtonSHeight, typographyButtonSSize, typographyButtonXsHeight, typographyButtonXsSize, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXxlHeight, typographyHeaderXxlSize } from './tokens/generated/tokens.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-aria-components';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,DeletableChip,SelectableChip}from'./components/chip/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles,IconStylesDefaults}from'./components/icon/styles.js';export{IconButton}from'./components/icon-button/index.js';export{Label}from'./components/label/index.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio}from'./components/radio/index.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch}from'./components/switch/index.js';export{Tabs}from'./components/tabs/index.js';export{TextArea}from'./components/text-area/index.js';export{TextField}from'./components/text-field/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
+export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles,IconStylesDefaults}from'./components/icon/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles,TextAreaStylesDefaults}from'./components/text-area-field/styles.js';export{TextField}from'./components/text-field/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconsSizeL,iconsSizeM,iconsSizeS,iconsSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowsElevationDefault,shadowsElevationOverlay,shadowsElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyMHeight,typographyBodyMSize,typographyBodySHeight,typographyBodySSize,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXxsHeight,typographyBodyXxsSize,typographyButtonLHeight,typographyButtonLSize,typographyButtonMHeight,typographyButtonMSize,typographyButtonSHeight,typographyButtonSSize,typographyButtonXsHeight,typographyButtonXsSize,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXxlHeight,typographyHeaderXxlSize}from'./tokens/generated/tokens.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map