@unoff/ui 1.21.2 → 1.22.0

package/dist/styles/texts/texts.module.js

@@ -1,18 +1,18 @@
 import '../../assets/styles/texts/texts.css';
-const e = "_type_gxhnl_190", t = "_label_gxhnl_256", _ = {
+const e = "_type_1eio2_337", t = "_label_1eio2_403", _ = {
   type: e,
-  "type--small": "_type--small_gxhnl_200",
-  "type--large": "_type--large_gxhnl_206",
-  "type--xlarge": "_type--xlarge_gxhnl_212",
-  "type--medium": "_type--medium_gxhnl_218",
-  "type--bold": "_type--bold_gxhnl_221",
-  "type--truncated": "_type--truncated_gxhnl_224",
-  "type--secondary": "_type--secondary_gxhnl_229",
-  "type--tertiary": "_type--tertiary_gxhnl_232",
-  "type--success": "_type--success_gxhnl_235",
-  "type--warning": "_type--warning_gxhnl_238",
-  "type--alert": "_type--alert_gxhnl_241",
-  "type--inverse": "_type--inverse_gxhnl_244",
+  "type--small": "_type--small_1eio2_347",
+  "type--large": "_type--large_1eio2_353",
+  "type--xlarge": "_type--xlarge_1eio2_359",
+  "type--medium": "_type--medium_1eio2_365",
+  "type--bold": "_type--bold_1eio2_368",
+  "type--truncated": "_type--truncated_1eio2_371",
+  "type--secondary": "_type--secondary_1eio2_376",
+  "type--tertiary": "_type--tertiary_1eio2_379",
+  "type--success": "_type--success_1eio2_382",
+  "type--warning": "_type--warning_1eio2_385",
+  "type--alert": "_type--alert_1eio2_388",
+  "type--inverse": "_type--inverse_1eio2_391",
   label: t
 };
 export {

package/dist/styles/tokens/modules/commons.module.js

@@ -0,0 +1,9 @@
+import '../../../assets/styles/tokens/modules/commons.css';
+const o = '"commons"', m = {
+  module: o
+};
+export {
+  m as default,
+  o as module
+};
+//# sourceMappingURL=commons.module.js.map

package/dist/styles/tokens/modules/commons.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commons.module.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/styles/tokens/modules/figma-plugin.module.js

@@ -0,0 +1,9 @@
+import '../../../assets/styles/tokens/modules/figma-plugin.css';
+const l = '"figma-plugin"', o = {
+  module: l
+};
+export {
+  o as default,
+  l as module
+};
+//# sourceMappingURL=figma-plugin.module.js.map

package/dist/styles/tokens/modules/figma-plugin.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma-plugin.module.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/types/icon.types.d.ts

@@ -1,3 +1,3 @@
 export declare const iconList: readonly ["adjust", "alert", "angle", "arrow-left-right", "arrow-up-down", "auto-layout-horizontal", "auto-layout-vertical", "back", "blend", "blend-empty", "break", "caret-down", "caret-left", "caret-right", "caret-up", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "check", "close", "code", "component", "copy", "corner-radius", "corners", "distribute-horizontal-spacing", "distribute-vertical-spacing", "downward", "draft", "effects", "ellipses", "eyedropper", "filter", "forward", "frame", "group", "help", "hidden", "horizontal-padding", "hyperlink", "image", "import", "info", "instance", "key", "layout-align-bottom", "layout-align-horizontal-centers", "layout-align-left", "layout-align-right", "layout-align-top", "layout-align-vertical-centers", "layout-grid-columns", "layout-grid-rows", "layout-grid-uniform", "library", "link-broken", "link-connected", "list", "list-detailed", "list-tile", "lock-off", "lock-on", "minus", "play", "plus", "random", "recent", "redo", "refresh", "repository", "reset", "resize-grip", "resize-to-fit", "resolve-filled", "reverse", "search", "search-large", "settings", "share", "smiley", "sort-alpha-asc", "sort-alpha-dsc", "sort-top-bottom", "spacing", "spinner", "star-off", "star-on", "stroke-weight", "styles", "swap", "target", "theme", "tidy-up-grid", "tidy-up-list-horizontal", "tidy-up-list-vertical", "timer", "toggle-sidebar-top", "toggle-sidebar-right", "toggle-sidebar-bottom", "toggle-sidebar-left", "trash", "undo", "upward", "user", "vertical-padding", "visible", "warning", "warning-large"];
-export type IconList = typeof iconList[number] | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | undefined;
+export type IconList = (typeof iconList)[number] | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z' | undefined;
 //# sourceMappingURL=icon.types.d.ts.map

package/dist/types/icon.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../src/types/icon.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,iiDA8GX,CAAA;AAEV,MAAM,MAAM,QAAQ,GAChB,OAAO,QAAQ,CAAC,MAAM,CAAC,GACvB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,SAAS,CAAA"}
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../src/types/icon.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,iiDA8GX,CAAA;AAEV,MAAM,MAAM,QAAQ,GAChB,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,GACzB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,SAAS,CAAA"}

package/dist/types/icon.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.types.js","sources":["../../src/types/icon.types.ts"],"sourcesContent":["export const iconList = [\n  'adjust',\n  'alert',\n  'angle',\n  'arrow-left-right',\n  'arrow-up-down',\n  'auto-layout-horizontal',\n  'auto-layout-vertical',\n  'back',\n  'blend',\n  'blend-empty',\n  'break',\n  'caret-down',\n  'caret-left',\n  'caret-right',\n  'caret-up',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'check',\n  'close',\n  'code',\n  'component',\n  'copy',\n  'corner-radius',\n  'corners',\n  'distribute-horizontal-spacing',\n  'distribute-vertical-spacing',\n  'downward',\n  'draft',\n  'effects',\n  'ellipses',\n  'eyedropper',\n  'filter',\n  'forward',\n  'frame',\n  'group',\n  'help',\n  'hidden',\n  'horizontal-padding',\n  'hyperlink',\n  'image',\n  'import',\n  'info',\n  'instance',\n  'key',\n  'layout-align-bottom',\n  'layout-align-horizontal-centers',\n  'layout-align-left',\n  'layout-align-right',\n  'layout-align-top',\n  'layout-align-vertical-centers',\n  'layout-grid-columns',\n  'layout-grid-rows',\n  'layout-grid-uniform',\n  'library',\n  'link-broken',\n  'link-connected',\n  'list',\n  'list-detailed',\n  'list-tile',\n  'lock-off',\n  'lock-on',\n  'minus',\n  'play',\n  'plus',\n  'random',\n  'recent',\n  'redo',\n  'refresh',\n  'repository',\n  'reset',\n  'resize-grip',\n  'resize-to-fit',\n  'resolve-filled',\n  'reverse',\n  'search',\n  'search-large',\n  'settings',\n  'share',\n  'smiley',\n  'sort-alpha-asc',\n  'sort-alpha-dsc',\n  'sort-top-bottom',\n  'spacing',\n  'spinner',\n  'star-off',\n  'star-on',\n  'stroke-weight',\n  'styles',\n  'swap',\n  'target',\n  'theme',\n  'tidy-up-grid',\n  'tidy-up-list-horizontal',\n  'tidy-up-list-vertical',\n  'timer',\n  'toggle-sidebar-top',\n  'toggle-sidebar-right',\n  'toggle-sidebar-bottom',\n  'toggle-sidebar-left',\n  'trash',\n  'undo',\n  'upward',\n  'user',\n  'vertical-padding',\n  'visible',\n  'warning',\n  'warning-large',\n] as const\n\nexport type IconList =\n  | typeof iconList[number]\n  | 'A'\n  | 'B'\n  | 'C'\n  | 'D'\n  | 'E'\n  | 'F'\n  | 'G'\n  | 'H'\n  | 'I'\n  | 'J'\n  | 'K'\n  | 'L'\n  | 'M'\n  | 'N'\n  | 'O'\n  | 'P'\n  | 'R'\n  | 'S'\n  | 'T'\n  | 'U'\n  | 'V'\n  | 'W'\n  | 'X'\n  | 'Y'\n  | 'Z'\n  | undefined\n"],"names":["iconList"],"mappings":"AAAO,MAAMA,IAAW;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"icon.types.js","sources":["../../src/types/icon.types.ts"],"sourcesContent":["export const iconList = [\n  'adjust',\n  'alert',\n  'angle',\n  'arrow-left-right',\n  'arrow-up-down',\n  'auto-layout-horizontal',\n  'auto-layout-vertical',\n  'back',\n  'blend',\n  'blend-empty',\n  'break',\n  'caret-down',\n  'caret-left',\n  'caret-right',\n  'caret-up',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'check',\n  'close',\n  'code',\n  'component',\n  'copy',\n  'corner-radius',\n  'corners',\n  'distribute-horizontal-spacing',\n  'distribute-vertical-spacing',\n  'downward',\n  'draft',\n  'effects',\n  'ellipses',\n  'eyedropper',\n  'filter',\n  'forward',\n  'frame',\n  'group',\n  'help',\n  'hidden',\n  'horizontal-padding',\n  'hyperlink',\n  'image',\n  'import',\n  'info',\n  'instance',\n  'key',\n  'layout-align-bottom',\n  'layout-align-horizontal-centers',\n  'layout-align-left',\n  'layout-align-right',\n  'layout-align-top',\n  'layout-align-vertical-centers',\n  'layout-grid-columns',\n  'layout-grid-rows',\n  'layout-grid-uniform',\n  'library',\n  'link-broken',\n  'link-connected',\n  'list',\n  'list-detailed',\n  'list-tile',\n  'lock-off',\n  'lock-on',\n  'minus',\n  'play',\n  'plus',\n  'random',\n  'recent',\n  'redo',\n  'refresh',\n  'repository',\n  'reset',\n  'resize-grip',\n  'resize-to-fit',\n  'resolve-filled',\n  'reverse',\n  'search',\n  'search-large',\n  'settings',\n  'share',\n  'smiley',\n  'sort-alpha-asc',\n  'sort-alpha-dsc',\n  'sort-top-bottom',\n  'spacing',\n  'spinner',\n  'star-off',\n  'star-on',\n  'stroke-weight',\n  'styles',\n  'swap',\n  'target',\n  'theme',\n  'tidy-up-grid',\n  'tidy-up-list-horizontal',\n  'tidy-up-list-vertical',\n  'timer',\n  'toggle-sidebar-top',\n  'toggle-sidebar-right',\n  'toggle-sidebar-bottom',\n  'toggle-sidebar-left',\n  'trash',\n  'undo',\n  'upward',\n  'user',\n  'vertical-padding',\n  'visible',\n  'warning',\n  'warning-large',\n] as const\n\nexport type IconList =\n  | (typeof iconList)[number]\n  | 'A'\n  | 'B'\n  | 'C'\n  | 'D'\n  | 'E'\n  | 'F'\n  | 'G'\n  | 'H'\n  | 'I'\n  | 'J'\n  | 'K'\n  | 'L'\n  | 'M'\n  | 'N'\n  | 'O'\n  | 'P'\n  | 'R'\n  | 'S'\n  | 'T'\n  | 'U'\n  | 'V'\n  | 'W'\n  | 'X'\n  | 'Y'\n  | 'Z'\n  | undefined\n"],"names":["iconList"],"mappings":"AAAO,MAAMA,IAAW;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@unoff/ui",
-  "version": "1.21.2",
+  "version": "1.22.0",
   "type": "module",
   "description": "Unoff UI is a comprehensive library of UI components designed specifically for building Figma and Penpot plugins. It leverages modern tools and frameworks to ensure a seamless development experience.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/a-ng-d/unoff-ui.git"
+    "url": "git+https://github.com/yelbolt/unoff-ui.git"
   },
   "keywords": [
     "library",
@@ -15,9 +15,9 @@
   "author": "Aurélien Grimaud",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/a-ng-d/unoff-ui/issues"
+    "url": "https://github.com/yelbolt/unoff-ui/issues"
   },
-  "homepage": "https://github.com/a-ng-d/unoff-ui#readme",
+  "homepage": "https://github.com/yelbolt/unoff-ui#readme",
   "overrides": {
     "storybook": "$storybook",
     "vite": "$vite",
@@ -66,13 +66,10 @@
     "@storybook/addon-a11y": "^10.2.14",
     "@storybook/addon-docs": "^10.2.14",
     "@storybook/addon-links": "^10.2.14",
-    "@storybook/addon-mcp": "^0.1.8",
+    "@storybook/addon-mcp": "^0.3.4",
     "@storybook/addon-onboarding": "^10.2.14",
     "@storybook/addon-vitest": "^10.2.14",
     "@storybook/react-vite": "^10.2.14",
-    "@terrazzo/cli": "^0.10.3",
-    "@terrazzo/plugin-css": "^0.10.3",
-    "@terrazzo/token-tools": "^0.10.3",
     "@testing-library/react": "^15.0.7",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",

package/dist/assets/styles/tokens/modules/globals.css

@@ -1 +0,0 @@
-@charset "UTF-8";:root{--border-radius-full: 100px;--border-radius-large: 6px;--border-radius-medium: 4px;--border-radius-null: 0;--border-radius-small: 2px;--border-radius-xlarge: 8px;--border-radius-xsmall: 1px;--border-radius-xxlarge: 12px;--border-radius-xxxlarge: 16px;--elevation-100-shapes: 0 0 .5px 0 color(srgb 0 0 0 / .3), 0 1px 3px 0 color(srgb 0 0 0 / .15);--elevation-200-canvas: 0 0 .5px 0 color(srgb 0 0 0 / .18), 0 3px 8px 0 color(srgb 0 0 0 / .1), 0 1px 3px 0 color(srgb 0 0 0 / .1);--elevation-300-tooltip: 0 0 .5px 0 color(srgb 0 0 0 / .15), 0 5px 12px 0 color(srgb 0 0 0 / .13), 0 1px 3px 0 color(srgb 0 0 0 / .1);--elevation-400-menu-panel: 0 0 .5px 0 color(srgb 0 0 0 / .12), 0 10px 16px 0 color(srgb 0 0 0 / .12), 0 2px 5px 0 color(srgb 0 0 0 / .15);--elevation-500-modal-window: 0 0 .5px 0 color(srgb 0 0 0 / .8), 0 10px 24px 0 color(srgb 0 0 0 / .18), 0 2px 5px 0 color(srgb 0 0 0 / .15);--font-letter-spacing-neg-large: -.005em;--font-letter-spacing-neg-medium: -.0025em;--font-letter-spacing-neg-small: -.001em;--font-letter-spacing-neg-xlarge: -.01em;--font-letter-spacing-pos-large: .005em;--font-letter-spacing-pos-medium: .0025em;--font-letter-spacing-pos-small: .001em;--font-letter-spacing-pos-xlarge: .01em;--font-line-height-default: 16px;--font-line-height-large: 20px;--font-size-large: 14px;--font-size-medium: 13px;--font-size-small: 12px;--font-size-xsmall: 11px;--font-size-xxsmall: 10px;--font-size-xxxsmall: 9px;--font-weight-accent: 450;--font-weight-bold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semi: 550;--grey-0: color(srgb 1 1 1);--grey-100: color(srgb .9411764705882353 .9411764705882353 .9411764705882353);--grey-200: color(srgb .8509803921568627 .8509803921568627 .8509803921568627);--grey-300: color(srgb .7490196078431373 .7490196078431373 .7490196078431373);--grey-400: color(srgb .6509803921568628 .6509803921568628 .6509803921568628);--grey-500: color(srgb .5490196078431373 .5490196078431373 .5490196078431373);--grey-600: color(srgb .45098039215686275 .45098039215686275 .45098039215686275);--grey-700: color(srgb .34901960784313724 .34901960784313724 .34901960784313724);--grey-800: color(srgb .25098039215686274 .25098039215686274 .25098039215686274);--grey-900: color(srgb .17254901960784313 .17254901960784313 .17254901960784313);--grey-1000: color(srgb .13333333333333333 .13333333333333333 .13333333333333333);--shadow-floating-window: 0 2px 14px 0 color(srgb 0 0 0 / .15);--shadow-hud: 0 5px 17px 0 color(srgb 0 0 0 / .2), 0 2px 7px 0 color(srgb 0 0 0 / .15);--size-neg-large: -40px;--size-neg-medium: -32px;--size-neg-msmall: -20px;--size-neg-small: -24px;--size-neg-unit: -1px;--size-neg-xlarge: -48px;--size-neg-xmedium: -36px;--size-neg-xmsmall: -12px;--size-neg-xsmall: -16px;--size-neg-xunit: -2px;--size-neg-xxlarge: -64px;--size-neg-xxsmall: -8px;--size-neg-xxxlarge: -80px;--size-neg-xxxsmall: -4px;--size-null: 0;--size-pos-large: 40px;--size-pos-medium: 32px;--size-pos-msmall: 20px;--size-pos-small: 24px;--size-pos-unit: 1px;--size-pos-xlarge: 48px;--size-pos-xmedium: 36px;--size-pos-xmsmall: 12px;--size-pos-xsmall: 16px;--size-pos-xunit: 2px;--size-pos-xxlarge: 64px;--size-pos-xxsmall: 8px;--size-pos-xxxlarge: 80px;--size-pos-xxxsmall: 4px}[data-mode*=light]{--elevation-100-shapes: 0 0 .5px 0 color(srgb 0 0 0 / .3), 0 1px 3px 0 color(srgb 0 0 0 / .15);--elevation-200-canvas: 0 0 .5px 0 color(srgb 0 0 0 / .18), 0 3px 8px 0 color(srgb 0 0 0 / .1), 0 1px 3px 0 color(srgb 0 0 0 / .1);--elevation-300-tooltip: 0 0 .5px 0 color(srgb 0 0 0 / .15), 0 5px 12px 0 color(srgb 0 0 0 / .13), 0 1px 3px 0 color(srgb 0 0 0 / .1);--elevation-400-menu-panel: 0 0 .5px 0 color(srgb 0 0 0 / .12), 0 10px 16px 0 color(srgb 0 0 0 / .12), 0 2px 5px 0 color(srgb 0 0 0 / .15);--elevation-500-modal-window: 0 0 .5px 0 color(srgb 0 0 0 / .8), 0 10px 24px 0 color(srgb 0 0 0 / .18), 0 2px 5px 0 color(srgb 0 0 0 / .15)}[data-mode*=dark]{--elevation-100-shapes: inset 0 .5px 0 0 color(srgb 1 1 1 / .1), inset 0 0 .5px 0 color(srgb 1 1 1 / .3), 0 0 .5px 0 color(srgb 0 0 0 / .5), 0 1px 3px 0 color(srgb 0 0 0 / .4);--elevation-200-canvas: inset 0 .5px 0 0 color(srgb 1 1 1 / .08), inset 0 0 .5px 0 color(srgb 1 1 1 / .3), 0 3px 8px 0 color(srgb 0 0 0 / .35), 0 1px 3px 0 color(srgb 0 0 0 / .5);--elevation-300-tooltip: inset 0 .5px 0 0 color(srgb 1 1 1 / .08), inset 0 0 .5px 0 color(srgb 1 1 1 / .3), 0 5px 12px 0 color(srgb 0 0 0 / .35), 0 1px 3px 0 color(srgb 0 0 0 / .5);--elevation-400-menu-panel: inset 0 .5px 0 0 color(srgb 1 1 1 / .08), inset 0 0 .5px 0 color(srgb 1 1 1 / .35), 0 10px 16px 0 color(srgb 0 0 0 / .35), 0 2px 5px 0 color(srgb 0 0 0 / .35);--elevation-500-modal-window: inset 0 .5px 0 0 color(srgb 1 1 1 / .08), inset 0 0 .5px 0 color(srgb 1 1 1 / .35), 0 10px 24px 0 color(srgb 0 0 0 / .45), 0 3px 5px 0 color(srgb 0 0 0 / .35)}