@accelint/design-toolkit 7.0.0 → 8.0.0

package/dist/components/time-field/styles.d.ts

@@ -1,69 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
-
-declare const TimeFieldSylesDefaults: {
-    readonly isDisabled: false;
-};
-declare const TimeFieldStyles: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            description?: tailwind_merge.ClassNameValue;
-            input?: tailwind_merge.ClassNameValue;
-            label?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            segment?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            description?: tailwind_merge.ClassNameValue;
-            input?: tailwind_merge.ClassNameValue;
-            label?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            segment?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    field: string;
-    label: string;
-    control: string[];
-    input: string;
-    segment: string[];
-    description: string[];
-    error: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            description?: tailwind_merge.ClassNameValue;
-            input?: tailwind_merge.ClassNameValue;
-            label?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            segment?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    field: string;
-    label: string;
-    control: string[];
-    input: string;
-    segment: string[];
-    description: string[];
-    error: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    field: string;
-    label: string;
-    control: string[];
-    input: string;
-    segment: string[];
-    description: string[];
-    error: string;
-}, undefined, unknown, unknown>>;
-
-export { TimeFieldStyles, TimeFieldSylesDefaults };

package/dist/components/time-field/styles.js

@@ -1,2 +0,0 @@
-import {tv}from'./../../lib/utils.js';const i={isDisabled:false},t=tv({slots:{field:"group/time-field flex flex-col gap-xs",label:"",control:["flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","group-size-medium/time-field:text-body-s","group-size-small/time-field:text-body-xs","fg-primary-bold","hover:outline-interactive-hover","focus-visible-within:outline-accent-primary-bold","group-invalid/time-field:outline-serious-bold","group-disabled/time-field:placeholder:fg-disabled group-disabled/time-field:fg-disabled group-disabled/time-field:outline-interactive-disabled"],input:"flex",segment:["text-right","placeholder-shown:fg-primary-muted","focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none"],description:["fg-primary-muted text-body-xs","group-disabled/time-field:fg-disabled"],error:"fg-serious-bold text-body-xs"},defaultVariants:i});export{t as TimeFieldStyles,i as TimeFieldSylesDefaults};//# sourceMappingURL=styles.js.map
-//# sourceMappingURL=styles.js.map

package/dist/components/time-field/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/time-field/styles.ts"],"names":["e"],"mappings":"sCAcE,MAAA,CAAA,CAAA,CAAA,UAIA,CAAA,KAAA,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,uCAEP,CAAA,KAAA,CAAA,EACE,CAAA,OAAA,CAAA,CAAA,oGACA,CAAA,0CACA,CAAA,4DAEA,CAAA,iCACA,CAAA,kGAEA,CAAA,gJAEK,CAAA,CAAA,KACP,CAAA,MACE,CAAA,OAAA,CAAA,CAAA,YACA,CAAA,oCACA,CAAA,iGAEF,CAAA,CAAA,4CAEE,CAAA,uCAEK,CAAA,CAAA,KAAA,CAAA,8BAET,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 */\nimport { tv } from '@/lib/utils';\n\nexport const TimeFieldSylesDefaults = {\n  isDisabled: false,\n} as const;\n\nexport const TimeFieldStyles = tv({\n  slots: {\n    field: 'group/time-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'group-size-medium/time-field:text-body-s',\n      'group-size-small/time-field:text-body-xs',\n      'fg-primary-bold',\n      'hover:outline-interactive-hover',\n      'focus-visible-within:outline-accent-primary-bold',\n      'group-invalid/time-field:outline-serious-bold',\n      'group-disabled/time-field:placeholder:fg-disabled group-disabled/time-field:fg-disabled group-disabled/time-field:outline-interactive-disabled',\n    ],\n    input: 'flex',\n    segment: [\n      'text-right',\n      'placeholder-shown:fg-primary-muted',\n      'focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/time-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n  defaultVariants: TimeFieldSylesDefaults,\n});\n"]}

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

@@ -1,5 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-
-declare const TooltipStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "fg-primary-bold 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", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "fg-primary-bold 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", unknown, unknown>>;
-
-export { TooltipStyles };

package/dist/components/tooltip/styles.js

@@ -1,2 +0,0 @@
-import {tv}from'./../../lib/utils.js';const o=tv({base:"fg-primary-bold 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"});export{o as TooltipStyles};//# sourceMappingURL=styles.js.map
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tooltip/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAM,CAAA,CAAAA,EAAA,CAAA,CAAA,IAAA,CAAA,0KACP,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TooltipStyles = tv({\n  base: 'fg-primary-bold 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"]}

package/dist/components/tree/styles.d.ts

@@ -1,128 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-
-declare const TreeStylesDefaults: {
-    readonly variant: "cozy";
-};
-declare const TreeStyles: tailwind_variants.TVReturnType<{
-    variant: {
-        cozy: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        compact: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        crammed: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-    };
-}, {
-    tree: string;
-    item: string[];
-    content: string[];
-    display: string;
-    icon: string;
-    label: string;
-    description: string;
-    actions: string;
-    spacing: string;
-    visibility: string[];
-    expansion: string[];
-    drag: string[];
-}, undefined, {
-    variant: {
-        cozy: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        compact: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        crammed: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-    };
-}, {
-    tree: string;
-    item: string[];
-    content: string[];
-    display: string;
-    icon: string;
-    label: string;
-    description: string;
-    actions: string;
-    spacing: string;
-    visibility: string[];
-    expansion: string[];
-    drag: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        cozy: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        compact: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-        crammed: {
-            content: string;
-            display: string;
-            label: string;
-            actions: string;
-            spacing: string;
-            item: string;
-        };
-    };
-}, {
-    tree: string;
-    item: string[];
-    content: string[];
-    display: string;
-    icon: string;
-    label: string;
-    description: string;
-    actions: string;
-    spacing: string;
-    visibility: string[];
-    expansion: string[];
-    drag: string[];
-}, undefined, unknown, unknown>>;
-
-export { TreeStyles, TreeStylesDefaults };

package/dist/components/tree/styles.js

@@ -1,2 +0,0 @@
-import {tv}from'./../../lib/utils.js';const t={variant:"cozy"},a=tv({slots:{tree:"overflow-auto outline-hidden",item:["not-visible:fg-primary-muted not-viewable:fg-primary-muted fg-primary-bold px-s","group/tree-item rounded-medium pressed:bg-interactive-muted-pressed hover:bg-interactive-muted-hover focus-visible:bg-interactive-muted-hover","drop-target:border drop-target:bg-accent-primary-muted/20 drop-target:outline-accent-primary-bold","disabled:cursor-not-allowed disabled:border-none disabled:hover:bg-transparent disabled:data-[drop-target=true]:bg-transparent"],content:["flex items-center justify-items-start px-xs","overflow-x group w-full outline-hidden"],display:'grid flex-1 grid-cols-[auto_auto_1fr_auto] items-center [grid-template-areas:"icon_label_space_action"_"icon_description_space_action"]',icon:"[grid-area:icon]",label:"not-has-[+[data-slot=description]]:row-span-full [grid-area:label]",description:"fg-primary-muted text-body-s [grid-area:description]",actions:"flex shrink-0 items-center [grid-area:action]",spacing:"",visibility:["group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted","group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold","fg-primary-bold"],expansion:["group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted","group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold","fg-primary-bold"],drag:["group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted","group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold","fg-primary-bold"]},variants:{variant:{cozy:{content:"min-h-[48px] text-header-m",display:"gap-x-s px-xs",label:"gap-xs",actions:"gap-x-xs",spacing:"min-h-[46px] w-[28px]",item:"min-h-s"},compact:{content:"min-h-[36px] gap-xs text-header-s",display:"gap-x-s px-xxs",label:"gap-xs",actions:"gap-x-xxs",spacing:"min-h-[38px] w-[20px]",item:"min-h-l"},crammed:{content:"gap-xs text-header-s",display:"gap-x-xs px-xxs",label:"gap-xs",actions:"gap-x-xxs",spacing:"min-h-xl w-[20px]",item:"min-h-s"}}},defaultVariants:t});export{a as TreeStyles,t as TreeStylesDefaults};//# sourceMappingURL=styles.js.map
-//# sourceMappingURL=styles.js.map

package/dist/components/tree/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tree/styles.ts"],"names":["TreeStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAaC,SACjB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,8BAEJ,CAAA,IAAA,CAAA,CAAA,iFACA,CAAA,+IACA,CAAA,mGACA,CAAA,gIAEO,CACP,CAAA,OAAA,CAAA,CAAA,6CACA,CAAA,wCAGA,CAAA,CAAA,OAAA,CAAA,yIACI,CAAA,IAAA,CAAA,kBACC,CAAA,KAAA,CAAA,gFACM,CAAA,sDACJ,CAAA,OAAA,CAAA,+CACA,CAAA,OACT,CAAA,EAAA,CAAA,UACE,CAAA,CAAA,sEACA,CAAA,uFACA,CAAA,iBAEF,CAAA,CAAW,SACT,CAAA,CAAA,sEACA,CAAA,uFACA,CAAA,iBAGA,CAAA,CAAA,IAAA,CAAA,CAAA,sEACA,CAAA,yGAIJ,CAAA,CAAU,CACR,QAAS,CACP,QACE,CAAA,CAAA,IAAS,CAAA,CAAA,OAAA,CAAA,4BACA,CAAA,OAAA,CAAA,qBAET,CAAA,QAAS,CAAA,OAAA,CAAA,UACA,CAAA,OAAA,CAAA,uBACH,CAAA,IACR,CAAA,SACS,CACP,CAAA,OAAS,CAAA,CAAA,OAAA,CAAA,mCACA,CAAA,OAAA,CAAA,sBAET,CAAA,QAAS,CAAA,OAAA,CAAA,WACA,CAAA,OAAA,CAAA,uBACH,CAAA,IACR,UACS,CACP,CAAA,OAAS,CAAA,CAAA,OAAA,CAAA,sBACA,CAAA,OAAA,CAAA,iBACF,CAAA,KACP,CAAA,QAAS,CAAA,OAAA,CAAA,WACA,CAAA,OAAA,CAAA,mBACH,CAAA,IACR,CACF,SAEF,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TreeStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const TreeStyles = tv({\n  slots: {\n    tree: 'overflow-auto outline-hidden',\n    item: [\n      'not-visible:fg-primary-muted not-viewable:fg-primary-muted fg-primary-bold px-s',\n      'group/tree-item rounded-medium pressed:bg-interactive-muted-pressed hover:bg-interactive-muted-hover focus-visible:bg-interactive-muted-hover',\n      'drop-target:border drop-target:bg-accent-primary-muted/20 drop-target:outline-accent-primary-bold',\n      'disabled:cursor-not-allowed disabled:border-none disabled:hover:bg-transparent disabled:data-[drop-target=true]:bg-transparent',\n    ],\n    content: [\n      'flex items-center justify-items-start px-xs',\n      'overflow-x group w-full outline-hidden',\n    ],\n    display:\n      'grid flex-1 grid-cols-[auto_auto_1fr_auto] items-center [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n    icon: '[grid-area:icon]',\n    label: 'not-has-[+[data-slot=description]]:row-span-full [grid-area:label]',\n    description: 'fg-primary-muted text-body-s [grid-area:description]',\n    actions: 'flex shrink-0 items-center [grid-area:action]',\n    spacing: '',\n    visibility: [\n      'group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted',\n      'group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold',\n      'fg-primary-bold',\n    ],\n    expansion: [\n      'group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted',\n      'group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold',\n      'fg-primary-bold',\n    ],\n    drag: [\n      'group-not-visible/tree-item:enabled:color-mono-bold:fg-primary-muted',\n      'group-not-viewable/tree-item:enabled:color-mono-bold:fg-primary-muted fg-primary-bold',\n      'fg-primary-bold',\n    ],\n  },\n  variants: {\n    variant: {\n      cozy: {\n        content: 'min-h-[48px] text-header-m',\n        display: 'gap-x-s px-xs',\n        label: 'gap-xs',\n        actions: 'gap-x-xs',\n        spacing: 'min-h-[46px] w-[28px]',\n        item: 'min-h-s',\n      },\n      compact: {\n        content: 'min-h-[36px] gap-xs text-header-s',\n        display: 'gap-x-s px-xxs',\n        label: 'gap-xs',\n        actions: 'gap-x-xxs',\n        spacing: 'min-h-[38px] w-[20px]',\n        item: 'min-h-l',\n      },\n      crammed: {\n        content: 'gap-xs text-header-s',\n        display: 'gap-x-xs px-xxs',\n        label: 'gap-xs',\n        actions: 'gap-x-xxs',\n        spacing: 'min-h-xl w-[20px]',\n        item: 'min-h-s',\n      },\n    },\n  },\n  defaultVariants: TreeStylesDefaults,\n});\n"]}

package/dist/index.css

@@ -1,196 +0,0 @@
-/*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
-@import '@fontsource-variable/roboto-flex';
-@import '@fontsource-variable/roboto-mono';
-@import 'tailwindcss';
-
-/* Import generated themes.css */
-@import './tokens/themes.css';
-
-@theme {
-  --color-current: currentColor;
-}
-
-@import './variants/variants.css';
-
-/**
- * Provides an escalation selector allowing for easier bump in specificity
- * instead of having to target the same level established by a previous style.
- *
- * Can be stacked if necessary, just don't get carried away with power.
- */
-@custom-variant sudo (&&);
-
-/**
- * DesignTK chooses to implement outlines instead of borders to make it so
- * that the style doesn't impact box model dimensions. This way elements with
- * or without a "border" are consistently sized based on content and padding alone
- */
-@utility outline {
-  outline-offset: -1px;
-}
-
-/* Note: we may want to generate these typography utility classes in themes.css in the future */
-@utility text-header-xxl {
-  font-size: var(--typography-header-xxl-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-xxl-spacing);
-  line-height: var(--typography-header-xxl-height);
-}
-
-@utility text-header-xl {
-  font-size: var(--typography-header-xl-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-xl-spacing);
-  line-height: var(--typography-header-xl-height);
-}
-
-@utility text-header-l {
-  font-size: var(--typography-header-l-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-l-spacing);
-  line-height: var(--typography-header-l-height);
-}
-
-@utility text-header-m {
-  font-size: var(--typography-header-m-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-m-spacing);
-  line-height: var(--typography-header-m-height);
-}
-
-@utility text-header-s {
-  font-size: var(--typography-header-s-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-s-spacing);
-  line-height: var(--typography-header-s-height);
-}
-
-@utility text-header-xs {
-  font-size: var(--typography-header-xs-size);
-  font-weight: 500;
-  letter-spacing: var(--typography-header-xs-spacing);
-  line-height: var(--typography-header-xs-height);
-}
-
-@utility text-body-l {
-  font-size: var(--typography-body-l-size);
-  font-weight: 400;
-  letter-spacing: var(--typography-body-l-spacing);
-  line-height: var(--typography-body-l-height);
-}
-
-@utility text-body-m {
-  font-size: var(--typography-body-m-size);
-  font-weight: 400;
-  letter-spacing: var(--typography-body-m-spacing);
-  line-height: var(--typography-body-m-height);
-}
-
-@utility text-body-s {
-  font-size: var(--typography-body-s-size);
-  font-weight: 400;
-  letter-spacing: var(--typography-body-s-spacing);
-  line-height: var(--typography-body-s-height);
-}
-
-@utility text-body-xs {
-  font-size: var(--typography-body-xs-size);
-  font-weight: 400;
-  letter-spacing: var(--typography-body-xs-spacing);
-  line-height: var(--typography-body-xs-height);
-}
-
-@utility text-body-xxs {
-  font-size: var(--typography-body-xxs-size);
-  font-weight: 400;
-  letter-spacing: var(--typography-body-xxs-spacing);
-  line-height: var(--typography-body-xxs-height);
-}
-
-@utility text-button-l {
-  font-size: var(--typography-button-l-size);
-  font-weight: bold;
-  letter-spacing: var(--typography-button-l-spacing);
-  line-height: var(--typography-button-l-height);
-}
-
-@utility text-button-m {
-  font-size: var(--typography-button-m-size);
-  font-weight: bold;
-  letter-spacing: var(--typography-button-m-spacing);
-  line-height: var(--typography-button-m-height);
-}
-
-@utility text-button-s {
-  font-size: var(--typography-button-s-size);
-  font-weight: bold;
-  letter-spacing: var(--typography-button-s-spacing);
-  line-height: var(--typography-button-s-height);
-}
-
-@utility text-button-xs {
-  font-size: var(--typography-button-xs-size);
-  font-weight: bold;
-  letter-spacing: var(--typography-button-xs-spacing);
-  line-height: var(--typography-button-xs-height);
-}
-
-@utility w-content {
-  width: fit-content;
-}
-
-@utility h-content {
-  height: fit-content;
-}
-
-@utility w-* {
-  width: --value([ *]);
-}
-
-@utility icon-* {
-  --icon-color: --value([ *]);
-  --icon-color: --value(--color- *);
-}
-
-html {
-  @apply bg-surface-default;
-  @apply fg-primary-bold;
-  @apply font-primary;
-}
-
-@layer components {
-  .hide-cancel::-webkit-search-cancel-button {
-    display: none;
-  }
-
-  /*
- * Scrollbars
- */
-  ::-webkit-scrollbar {
-    width: var(--spacing-l);
-    height: var(--spacing-l);
-  }
-
-  ::-webkit-scrollbar-track {
-    background: var(--bg-interactive-muted-hover);
-  }
-
-  ::-webkit-scrollbar-thumb{
-    background-color: var(--bg-interactive-muted);
-    border-radius: var(--radius-large);
-    border: 5px solid transparent;
-    background-clip: padding-box;
-  }
-}