@kofile/gds-foundations 1.0.0-alpha.9 → 1.1.0

package/build/minified/select.module.css

@@ -0,0 +1,55 @@
+.trigger{align-items:center;background-color:var(
+    --select-light-elements-trigger-color-background-primary-default
+  );border-color:var(
+    --select-light-elements-trigger-color-border-primary-default
+  );border-radius:var(--select-elements-trigger-size-xl-border-radius);border-style:solid;border-width:var(--select-elements-trigger-size-xl-border-width);box-sizing:border-box;display:inline-flex;justify-content:space-between;max-height:var(--select-elements-trigger-size-xl-max-height);padding-block:var(--select-elements-trigger-size-xl-padding-block);padding-inline:var(--select-elements-trigger-size-xl-padding-inline);width:var(--select-elements-trigger-size-xl-width)}.trigger[data-disabled]{opacity:var(--select-elements-trigger-opacity-disabled);pointer-events:none;user-select:none}.trigger[data-altbackground=true]{background-color:var(
+    --select-light-elements-trigger-color-background-altbackground-default
+  )}.trigger[data-error=true]{background-color:var(
+    --select-light-elements-trigger-color-background-danger-default
+  );border-color:var(
+    --select-light-elements-trigger-color-border-danger-default
+  )}.trigger:focus-visible[data-error=true]{border-color:var(--select-light-elements-trigger-color-border-danger-focus);box-shadow:var(--select-light-elements-trigger-color-shadow-danger-focus)}.trigger:focus,.trigger:focus-visible{border-color:var(--select-light-elements-trigger-color-border-primary-focus);box-shadow:var(--select-light-elements-trigger-color-shadow-primary-focus)}.trigger[data-size=md]{max-height:var(--select-elements-trigger-size-md-max-height);padding-block:var(--select-elements-trigger-size-md-padding-block);padding-inline:var(--select-elements-trigger-size-md-padding-inline)}.trigger[data-size=lg]{max-height:var(--select-elements-trigger-size-lg-max-height);padding-block:var(--select-elements-trigger-size-lg-padding-block);padding-inline:var(--select-elements-trigger-size-lg-padding-inline)}.content{--select-dropdown-menu-width:var(--radix-dropdown-menu-width);background-color:var(
+    --select-light-elements-content-color-background-primary-default
+  );border-color:var(
+    --select-light-elements-content-color-border-primary-default
+  );border-radius:var(--select-elements-content-size-lg-border-radius);border-style:solid;border-width:var(--select-elements-content-size-lg-border-width);max-height:var(--select-elements-content-size-lg-max-height);max-width:var(--select-elements-content-size-lg-max-width);overflow-y:auto;position:relative;width:var(--radix-dropdown-menu-trigger-width);z-index:var(--select-elements-content-size-lg-z-index)}.content::-webkit-scrollbar{background-color:var(
+    --select-light-elements-content-scrollbar-color-background-primary-default
+  );border:var(--select-elements-content-scrollbar-size-lg-border-width) solid var(--select-light-elements-content-scrollbar-color-border-primary-default);border-radius:var(--select-elements-content-scrollbar-size-lg-border-radius);border-right:none;width:var(--select-elements-content-scrollbar-size-lg-width)}.content::-webkit-scrollbar-thumb{background-color:var(
+    --select-light-elements-content-scrollbar-thumb-color-background-primary-default
+  );border-color:var(
+    --select-light-elements-content-scrollbar-thumb-color-border-primary-default
+  );border-radius:var(--select-elements-content-scrollbar-size-lg-border-radius);border-style:solid;border-width:var(--select-elements-content-scrollbar-size-lg-border-width);height:var(--select-elements-content-scrollbar-thumb-size-lg-height)}.item{background-color:var(
+    --select-light-elements-menu-item-color-background-primary-default
+  );display:flex;gap:var(--select-elements-menu-item-gap-default);outline:none;padding-block:var(--select-elements-menu-item-size-lg-padding-block);padding-inline:var(--select-elements-menu-item-size-lg-padding-inline)}.item[data-disabled]{opacity:var(--select-elements-menu-item-opacity-disabled)}.item-checkbox[data-highlighted],.item-radio[data-highlighted],.item[data-highlighted],.sub-trigger[data-highlighted]{background-color:var(
+    --select-light-elements-menu-item-color-background-primary-hover
+  )}.item[aria-checked=true],.item[data-state=checked]{background-color:var(
+    --select-light-elements-menu-item-color-background-primary-active
+  )}.separator{background-color:var(
+    --select-light-elements-separtor-color-background-primary-default
+  );height:var(--select-elements-separator-size-lg-height)}.info{color:var(--select-light-elements-info-color-text-primary-default);font:var(--select-elements-info-size-lg-typography);margin:0 0 0 auto}.trigger[data-mode=dark]{background-color:var(
+    --select-dark-elements-trigger-color-background-primary-default
+  );border-color:var(
+    --select-dark-elements-trigger-color-border-primary-default
+  )}.trigger[data-mode=dark][data-altbackground=true]{background-color:var(
+    --select-dark-elements-trigger-color-background-altbackground-default
+  )}.trigger[data-mode=dark][data-error=true]{background-color:var(
+    --select-dark-elements-trigger-color-background-danger-default
+  );border-color:var(--select-dark-elements-trigger-color-border-danger-default)}.trigger:focus-visible[data-mode=dark][data-error=true]{border-color:var(--select-dark-elements-trigger-color-border-danger-focus);focus-color:var(--select-dark-elements-trigger-color-shadow-danger-focus)}.trigger[data-mode=dark]:focus-visible{border-color:var(--select-dark-elements-trigger-color-border-primary-focus);box-shadow:var(--select-dark-elements-trigger-color-shadow-primary-focus)}.content[data-mode=dark]{background-color:var(
+    --select-dark-elements-content-color-background-primary-default
+  );border-color:var(
+    --select-dark-elements-content-color-border-primary-default
+  )}.content[data-mode=dark]::-webkit-scrollbar{background-color:var(
+    --select-dark-elements-content-scrollbar-color-background-primary-default
+  );border-color:var(
+    --select-dark-elements-content-scrollbar-color-border-primary-default
+  )}.content[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(
+    --select-dark-elements-content-scrollbar-thumb-color-background-primary-default
+  );border-color:var(
+    --select-dark-elements-content-scrollbar-thumb-color-border-primary-default
+  )}.item[data-mode=dark]{background-color:var(
+    --select-dark-elements-menu-item-color-background-primary-default
+  );color:var(--select-dark-elements-menu-item-color-text-primary-default)}.item[data-disabled][data-mode=dark]{opacity:var(--select-elements-menu-item-opacity-disabled)}.item-checkbox[data-highlighted][data-mode=dark],.item-radio[data-highlighted][data-mode=dark],.item[data-highlighted][data-mode=dark],.sub-trigger[data-highlighted][data-mode=dark]{background-color:var(
+    --select-dark-elements-menu-item-color-background-primary-hover
+  )}.item[aria-checked=true][data-mode=dark],.item[data-state=checked][data-mode=dark]{background-color:var(
+    --select-dark-elements-menu-item-color-background-primary-active
+  )}.info[data-mode=dark]{color:var(--select-dark-elements-info-color-text-primary-default)}.icon{align-self:baseline;min-height:var(--select-elements-icon-size-md-min-height);min-width:var(--select-elements-icon-size-md-min-height)}.heading{color:var(--select-light-elements-heading-color-text-primary-default);display:inline-block;font:var(--select-elements-heading-size-sm-typography);padding-block:var(--select-elements-heading-size-sm-padding-block);padding-inline:var(--select-elements-heading-size-sm-padding-inline)}.heading[data-mode=dark]{color:var(--select-dark-elements-heading-color-text-primary-default)}.label{color:var(--select-light-elements-label-color-text-primary-default)}.label,.label[data-mode=dark]{font:var(--select-elements-label-size-sm-typography)}.label[data-mode=dark]{color:var(--select-dark-elements-label-color-text-primary-default)}

package/build/minified/switch.module.css

@@ -0,0 +1,3 @@
+.root{background-color:var(--switch-light-color-background-primary-default);border-color:var(--switch-light-color-border-primary-default);border-radius:var(--switch-size-md-border-radius);border-style:solid;border-width:var(--switch-size-md-border-width);box-sizing:border-box;cursor:pointer;height:var(--switch-size-md-height);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-size-md-width)}.root:focus-visible{outline-color:var(--switch-outline-primary-fill);outline-offset:var(--switch-outline-primary-offset);outline-style:solid;outline-width:var(--switch-outline-primary-width)}.root:hover{background-color:var(--switch-light-color-background-primary-hover);cursor:pointer}.root:disabled{opacity:var(--switch-opacity-disabled);pointer-events:none}.root[data-state=checked]{background-color:var(--switch-light-color-background-primary-active);border-color:var(--switch-light-color-border-primary-active)}.root[data-size=sm]{height:var(--switch-size-sm-height);width:var(--switch-size-sm-width)}.thumb{background-color:var(
+    --switch-light-elements-thumb-color-background-primary-default
+  );border-color:var(--switch-light-elements-thumb-color-border-primary-default);border-radius:var(--switch-elements-thumb-size-md-border-radius);border-style:solid;border-width:var(--switch-elements-thumb-size-md-border-width);display:block;height:var(--switch-elements-thumb-size-md-height);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-elements-thumb-size-md-width);will-change:transform}.thumb[data-state=checked]{border-color:var(--switch-light-elements-thumb-color-border-primary-active);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--switch-elements-thumb-size-sm-height);width:var(--switch-elements-thumb-size-sm-width)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--switch-color-background-primary-default);border-color:var(--switch-color-border-primary-default)}.root[data-mode=dark]:hover{background-color:var(--switch-color-background-primary-hover)}.root[data-mode=dark][data-state=checked]{background-color:var(--switch-color-background-primary-active);border-color:var(--switch-color-border-primary-active)}.root[data-mode=dark]:focus-visible{outline-color:var(--switch-color-outline-primary-fill)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--switch-dark-elements-thumb-border-primary-active)}.thumb[data-mode=dark]{border-color:var(--switch-dark-elements-thumb-border-primary-default)}

package/build/minified/table.module.css

@@ -0,0 +1,65 @@
+.table{border-collapse:separate;border-spacing:0;width:100%}.container{background-color:var(
+    --table-light-elements-container-color-background-primary-default
+  );border-color:var(
+    --table-light-elements-container-color-border-primary-default
+  );border-radius:var(--table-elements-container-size-2xl-border-radius);border-style:solid;border-width:var(--table-elements-container-size-2xl-border-width);max-height:var(--table-elements-container-size-2xl-max-height);min-height:auto;overflow:auto}.container::-webkit-scrollbar{background-color:var(
+    --table-light-elements-container-scrollbar-color-background-primary-default
+  );border-color:var(
+    --table-light-elements-container-scrollbar-color-border-primary-default
+  );border-radius:var(
+    --table-elements-container-scrollbar-size-2xl-border-radius
+  );border-style:solid;border-width:var(--table-elements-container-scrollbar-size-2xl-border-width);border-right:none;width:var(--table-elements-container-scrollbar-size-2xl-width)}.container::-webkit-scrollbar-thumb{background-color:var(
+    --table-light-elements-container-scrollbar-thumb-color-background-primary-default
+  );border-color:var(
+    --table-light-elements-container-scrollbar-thumb-color-border-primary-default
+  );border-radius:var(
+    --table-elements-container-scrollbar-size-2xl-border-radius
+  );border-style:solid;border-width:var(
+    --table-elements-container-scrollbar-thumb-size-2xl-border-width
+  );height:var(--table-elements-container-scrollbar-thumb-size-2xl-height)}.container[data-mode=dark]{background-color:var(
+    --table-dark-elements-container-color-background-primary-default
+  );border-color:var(
+    --table-dark-elements-container-color-border-primary-default
+  )}.container[data-mode=dark]::-webkit-scrollbar{background-color:var(
+    --table-dark-elements-container-scrollbar-color-background-primary-default
+  );border-color:var(
+    --table-dark-elements-container-scrollbar-color-border-primary-default
+  )}.container[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(
+    --table-dark-elements-container-scrollbar-thumb-color-background-primary-default
+  );border-color:var(
+    --table-dark-elements-container-scrollbar-thumb-color-border-primary-default
+  )}.tr{background-color:var(
+    --table-light-elements-tr-color-background-primary-default
+  );transition:background-color .2s ease-in-out}.tr:not(:last-child)>*{border-block-end:var(--table-elements-td-size-2xl-border-width) solid var(--table-light-elements-td-color-border-primary-default)}.tr[data-mode=dark]:not(:last-child)>*{border-block-end:var(--table-elements-td-size-2xl-border-width) solid var(--table-dark-elements-td-color-border-primary-default)}.tr:hover{background-color:var(
+    --table-light-elements-tr-color-background-primary-hover
+  )}.tr[data-mode=dark]{background-color:var(
+    --table-dark-elements-tr-color-background-primary-default
+  )}.tr[data-mode=dark]:hover{background-color:var(
+    --table-dark-elements-tr-color-background-primary-hover
+  )}.tr[data-striped]:nth-child(2n){background-color:var(
+    --table-light-elements-tr-color-background-striped-default
+  )}.tr[data-mode=dark][data-striped]:nth-child(2n){background-color:var(
+    --table-dark-elements-tr-color-background-striped-default
+  )}.tr[data-striped]:hover{background-color:var(
+    --table-light-elements-tr-color-background-striped-hover
+  )}.tr[data-mode=dark][data-striped]:hover{background-color:var(
+    --table-dark-elements-tr-color-background-striped-hover
+  )}.th{background-color:var(
+    --table-light-elements-th-color-background-primary-default
+  );border-bottom:var(--table-elements-th-size-xl-border-bottom-width) solid var(
+    --table-light-elements-th-color-border-bottom-primary-default
+  );color:var(--table-light-elements-th-color-text-primary-default);font:var(--table-elements-th-size-xl-typography);height:var(--table-elements-th-size-xl-max-height);padding-block-end:var(--table-elements-th-size-xl-padding-block-end);padding-block-start:var(--table-elements-th-size-xl-padding-block-start);padding-inline:var(--table-elements-th-size-xl-padding-inline);text-align:left}.th[data-mode=dark]{background-color:var(
+    --table-dark-elements-th-color-background-primary-default
+  );border-bottom-color:var(
+    --table-dark-elements-th-color-border-bottom-primary-default
+  );color:var(--table-dark-elements-th-color-text-primary-default)}.th[data-size="2xl"]{font:var(--table-elements-th-size-2xl-typography);height:var(--table-elements-th-size-2xl-max-height);padding-block-end:var(--table-elements-th-size-2xl-padding-block-end);padding-block-start:var(--table-elements-th-size-2xl-padding-block-start)}.th[data-background=none]{background-color:var(
+    --table-light-elements-th-color-background-altbackground-default
+  )}.th[data-align=center]{text-align:center}.th[data-align=right]{text-align:right}.th[data-mode=dark][data-background=none]{background-color:var(
+    --table-dark-elements-th-color-background-altbackground-default
+  )}.td{box-sizing:border-box;color:var(--table-light-elements-td-color-text-primary-default);font:var(--table-elements-td-size-2xl-typography);height:var(--table-elements-td-size-2xl-max-height);padding-inline:var(--table-elements-td-size-2xl-padding-inline)}.td[data-size=xl]{font:var(--table-elements-td-size-xl-typography);height:var(--table-elements-td-size-xl-max-height)}.td[data-size=lg]{font:var(--table-elements-td-size-lg-typography);height:var(--table-elements-td-size-lg-max-height);line-height:var(--line-heights-3xs);padding-inline-start:var(--table-elements-td-size-lg-padding-inline)}.td[data-mode=dark]{color:var(--table-dark-elements-td-color-text-primary-default)}.actions{align-items:center;background-color:var(
+    --table-light-elements-actions-color-background-primary-default
+  );border-color:var(
+    --table-light-elements-actions-color-border-primary-default
+  );border-radius:var(--table-elements-actions-2xl-border-radius);border-style:solid;border-width:var(--table-elements-actions-2xl-border-width);box-sizing:border-box;display:flex;height:var(--table-elements-actions-2xl-height);justify-content:flex-end;padding-inline-end:var(--table-elements-actions-2xl-padding-inline-end)}.actions[data-altbackground=true]{background-color:var(
+    --table-light-elements-actions-color-altbackground-primary-default
+  )}

package/build/minified/tabs.module.css

@@ -0,0 +1,9 @@
+.root{flex-direction:column}.list,.root{display:flex}.list{column-gap:var(--tabs-elements-list-gap-default);flex-shrink:0}.list[data-border]{border-block-end-color:var(
+    --tabs-light-elements-list-color-border-primary-default
+  );border-block-end-style:solid;border-block-end-width:var(--tabs-elements-list-size-lg-border-bottom-width)}.list[data-mode=dark][data-border]{border-color:var(--tabs-dark-elements-list-color-border-primary-default)}.trigger{align-items:center;background-color:var(--tabs-trigger-background-color);border-block-end-color:var(
+    --tabs-light-elements-trigger-color-border-primary-default
+  );border-block-end-style:solid;border-block-end-width:var(--tabs-elements-trigger-size-lg-border-width);box-sizing:border-box;color:var(--tabs-trigger-color);cursor:pointer;display:flex;font:var(--tabs-elements-trigger-size-lg-typography);height:var(--tabs-elements-trigger-size-lg-max-height);justify-content:center;padding-block-end:var(--tabs-elements-trigger-size-lg-padding-block-end)}.trigger:hover{color:var(--tabs-light-elements-trigger-color-text-primary-hover)}.trigger[data-state=active]{border-color:var(--tabs-light-elements-trigger-color-border-primary-active);box-sizing:border-box;color:var(--tabs-light-elements-trigger-color-text-primary-active)}.trigger[data-size=xl]{font:var(--tabs-elements-trigger-size-xl-typography);height:var(--tabs-elements-trigger-size-xl-max-height)}.trigger[data-mode=dark]{color:var(--tabs-dark-elements-trigger-color-text-primary-default)}.trigger[data-mode=dark]:hover{color:var(--tabs-dark-elements-trigger-color-text-primary-hover)}.trigger[data-mode=dark][data-state=active]{color:var(--tabs-dark-elements-trigger-color-text-primary-active)}.content{background-color:var(
+    --tabs-light-elements-trigger-color-background-primary-default
+  );border:var(--tabs-elements-content-size-lg-border-width) solid var(--tabs-light-elements-content-color-border-primary-default);border-radius:var(--tabs-elements-content-size-lg-border-radius);flex-shrink:1;margin-top:var(--tabs-elements-content-size-lg-margin-block-start);outline:none;padding:var(--tabs-elements-content-size-lg-padding);width:auto}.content:focus{border:var(--tabs-elements-content-size-lg-border-width) solid var(--tabs-light-elements-content-color-border-primary-default)}.content[data-mode=dark]{background-color:var(
+    --tabs-dark-elements-content-color-background-primary-default
+  );border-color:var(--tabs-dark-elements-content-color-border-primary-default)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kofile/gds-foundations",
-  "version": "1.0.0-alpha.9",
+  "version": "1.1.0",
   "description": "",
   "main": "build/css/index.css",
   "exports": {
@@ -9,12 +9,8 @@
       "require": "./build/css/animations/index.css"
     },
     ".": {
-      "import": "./build/css/index.css",
-      "require": "./build/css/index.css"
-    },
-    "./font": {
-      "import": "./build/css/fonts.css",
-      "require": "./build/css/fonts.css"
+      "import": "./build/css/themes/index.css",
+      "require": "./build/css/themes/index.css"
     },
     "./minified": {
       "import": "./build/css/minified/index.css",
@@ -44,14 +40,6 @@
       "import": "./build/css/themes/global.css",
       "require": "./build/css/themes/global.css"
     },
-    "./tokens": {
-      "import": "./build/css/tokens-global.css",
-      "require": "./build/css/tokens-global.css"
-    },
-    "./utilities": {
-      "import": "./build/css/utilities/index.css",
-      "require": "./build/css/utilities/index.css"
-    },
     "./components/badge.module.css": {
       "import": "./build/css/components/badge.module.css",
       "require": "./build/css/components/badge.module.css"
@@ -60,10 +48,18 @@
       "import": "./build/css/components/button.module.css",
       "require": "./build/css/components/button.module.css"
     },
+    "./components/card.module.css": {
+      "import": "./build/css/components/card.module.css",
+      "require": "./build/css/components/card.module.css"
+    },
     "./components/checkbox.module.css": {
       "import": "./build/css/components/checkbox.module.css",
       "require": "./build/css/components/checkbox.module.css"
     },
+    "./components/dialog.module.css": {
+      "import": "./build/css/components/dialog.module.css",
+      "require": "./build/css/components/dialog.module.css"
+    },
     "./components/field-message.module.css": {
       "import": "./build/css/components/field-message.module.css",
       "require": "./build/css/components/field-message.module.css"
@@ -84,10 +80,34 @@
       "import": "./build/css/components/link.module.css",
       "require": "./build/css/components/link.module.css"
     },
+    "./components/list-callout.module.css": {
+      "import": "./build/css/components/list-callout.module.css",
+      "require": "./build/css/components/list-callout.module.css"
+    },
+    "./components/list-callout-group.module.css": {
+      "import": "./build/css/components/list-callout-group.module.css",
+      "require": "./build/css/components/list-callout-group.module.css"
+    },
+    "./components/list-group.module.css": {
+      "import": "./build/css/components/list-group.module.css",
+      "require": "./build/css/components/list-group.module.css"
+    },
+    "./components/list-item.module.css": {
+      "import": "./build/css/components/list-item.module.css",
+      "require": "./build/css/components/list-item.module.css"
+    },
+    "./components/loader.module.css": {
+      "import": "./build/css/components/loader.module.css",
+      "require": "./build/css/components/loader.module.css"
+    },
     "./components/radio-group.module.css": {
       "import": "./build/css/components/radio-group.module.css",
       "require": "./build/css/components/radio-group.module.css"
     },
+    "./components/segmented-controller.module.css": {
+      "import": "./build/css/components/segmented-controller.module.css",
+      "require": "./build/css/components/segmented-controller.module.css"
+    },
     "./components/select.module.css": {
       "import": "./build/css/components/select.module.css",
       "require": "./build/css/components/select.module.css"
@@ -125,7 +145,6 @@
     "style-dictionary": "^3.8.0"
   },
   "devDependencies": {
-    "lightningcss-cli": "^1.24.0",
     "style-dictionary-utils": "^2.0.7"
   },
   "auto-changelog": {

package/build/css/fonts.css

@@ -1,13 +0,0 @@
-@font-face {
-  font-family: "Source Sans 3";
-  src: url("../fonts/SourceSans3-VariableFont_wght.ttf") format("opentype"),
-    url("../fonts/SourceSans3-VariableFont_wght.ttf") format("opentype");
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Fira Code";
-  src: url("../fonts/FiraCode-VariableFont_wght.ttf") format("opentype"),
-    url("../fonts/FiraCode-VariableFont_wght.ttf") format("opentype");
-  font-style: normal;
-}

package/build/css/tokens-global.css

@@ -1,342 +0,0 @@
-:root,
-:host {
-  --primitive-0: 0rem;
-  --primitive-1: 0.063rem;
-  --primitive-2: 0.125rem;
-  --primitive-4: 0.25rem;
-  --primitive-6: 0.375rem;
-  --primitive-8: 0.5rem;
-  --primitive-10: 0.625rem;
-  --primitive-11: 0.688rem;
-  --primitive-12: 0.75rem;
-  --primitive-13: 0.813rem;
-  --primitive-14: 0.875rem;
-  --primitive-15: 0.938rem;
-  --primitive-16: 1rem;
-  --primitive-17: 1.063rem;
-  --primitive-18: 1.125rem;
-  --primitive-20: 1.25rem;
-  --primitive-24: 1.5rem;
-  --primitive-28: 1.75rem;
-  --primitive-32: 2rem;
-  --primitive-36: 2.25rem;
-  --primitive-40: 2.5rem;
-  --primitive-44: 2.75rem;
-  --primitive-48: 3rem;
-  --primitive-52: 3.25rem;
-  --primitive-56: 3.5rem;
-  --primitive-60: 3.75rem;
-  --primitive-64: 4rem;
-  --primitive-72: 4.5rem;
-  --primitive-80: 5rem;
-  --primitive-128: 8rem;
-  --primitive-160: 10rem;
-  --primitive-192: 12rem;
-  --primitive-224: 14rem;
-  --primitive-256: 16rem;
-  --primitive-320: 20rem;
-  --primitive-384: 24rem;
-  --primitive-448: 28rem;
-  --primitive-512: 32rem;
-  --primitive-640: 40rem;
-  --primitive-768: 48rem;
-  --primitive-1024: 64rem;
-  --primitive-1280: 80rem;
-  --primitive-1600: 100rem;
-  --primitive-1920: 120rem;
-  --primitive-gray-100: #f9f9f9;
-  --primitive-gray-200: #edeeef;
-  --primitive-gray-300: #d5d7db;
-  --primitive-gray-400: #b7bcc3;
-  --primitive-gray-500: #8d949f;
-  --primitive-gray-600: #6b7280;
-  --primitive-gray-700: #4f5562;
-  --primitive-gray-800: #343944;
-  --primitive-gray-900: #242831;
-  --primitive-gray-1000: #191b22;
-  --primitive-gray-black: #121212;
-  --primitive-gray-white: #ffffff;
-  --primitive-blue-100: #f0f7ff;
-  --primitive-blue-200: #d9eafe;
-  --primitive-blue-300: #abcffd;
-  --primitive-blue-400: #66a8fd;
-  --primitive-blue-500: #3a89fd;
-  --primitive-blue-600: #0c57cd;
-  --primitive-blue-700: #063b99;
-  --primitive-blue-800: #052b74;
-  --primitive-blue-900: #041c4f;
-  --primitive-blue-1000: #03122f;
-  --primitive-red-100: #fee5e5;
-  --primitive-red-200: #fecbcb;
-  --primitive-red-300: #fe9f9b;
-  --primitive-red-400: #fc817c;
-  --primitive-red-500: #f4534f;
-  --primitive-red-600: #d12828;
-  --primitive-red-700: #ab1a1d;
-  --primitive-red-800: #7e130e;
-  --primitive-red-900: #5c0b09;
-  --primitive-red-1000: #3b0807;
-  --primitive-green-100: #e2fdee;
-  --primitive-green-200: #a3f6ce;
-  --primitive-green-300: #59e1a6;
-  --primitive-green-400: #29c68c;
-  --primitive-green-500: #1aad74;
-  --primitive-green-600: #088556;
-  --primitive-green-700: #086945;
-  --primitive-green-800: #0a4e35;
-  --primitive-green-900: #063724;
-  --primitive-green-1000: #052618;
-  --primitive-orange-100: #ffefd7;
-  --primitive-orange-200: #ffddb1;
-  --primitive-orange-300: #fec478;
-  --primitive-orange-400: #fba94b;
-  --primitive-orange-500: #f39129;
-  --primitive-orange-600: #d26e16;
-  --primitive-orange-700: #a2520c;
-  --primitive-orange-800: #753c08;
-  --primitive-orange-900: #553008;
-  --primitive-orange-1000: #3c2109;
-  --primitive-yellow-100: #fdf8cf;
-  --primitive-yellow-200: #fae592;
-  --primitive-yellow-300: #fcd358;
-  --primitive-yellow-400: #f1bc0f;
-  --primitive-yellow-500: #dda100;
-  --primitive-yellow-600: #c08700;
-  --primitive-yellow-700: #976800;
-  --primitive-yellow-800: #785200;
-  --primitive-yellow-900: #563e00;
-  --primitive-yellow-1000: #3c2e00;
-  --primitive-purple-100: #f7f5ff;
-  --primitive-purple-200: #e9e5fd;
-  --primitive-purple-300: #d1c9fc;
-  --primitive-purple-400: #baa8f7;
-  --primitive-purple-500: #a485ed;
-  --primitive-purple-600: #7c4ccd;
-  --primitive-purple-700: #562c9e;
-  --primitive-purple-800: #3b2270;
-  --primitive-purple-900: #291753;
-  --primitive-purple-1000: #150c32;
-  --primitive-magenta-100: #ffecf8;
-  --primitive-magenta-200: #fcc8e9;
-  --primitive-magenta-300: #f59cd2;
-  --primitive-magenta-400: #e97dbe;
-  --primitive-magenta-500: #d45da6;
-  --primitive-magenta-600: #a64480;
-  --primitive-magenta-700: #7d3261;
-  --primitive-magenta-800: #582544;
-  --primitive-magenta-900: #3f1d31;
-  --primitive-magenta-1000: #2b1323;
-  --primitive-teal-100: #d5feff;
-  --primitive-teal-200: #93fbfa;
-  --primitive-teal-300: #53e6e4;
-  --primitive-teal-400: #32c6c6;
-  --primitive-teal-500: #309d9f;
-  --primitive-teal-600: #247678;
-  --primitive-teal-700: #1c4e4f;
-  --primitive-teal-800: #133636;
-  --primitive-teal-900: #0d2727;
-  --primitive-teal-1000: #061615;
-  --spacing-4xs: 0rem;
-  --spacing-3xs: 0.125rem;
-  --spacing-2xs: 0.25rem;
-  --spacing-xs: 0.5rem;
-  --spacing-sm: 0.75rem;
-  --spacing-md: 1rem;
-  --spacing-lg: 1.25rem;
-  --spacing-xl: 1.5rem;
-  --spacing-2xl: 2rem;
-  --spacing-3xl: 3rem;
-  --spacing-4xl: 4rem;
-  --border-radius-none: 0rem;
-  --border-radius-2xs: 0.125rem;
-  --border-radius-xs: 0.25rem;
-  --border-radius-sm: 0.375rem;
-  --border-radius-md: 0.5rem;
-  --border-radius-lg: 0.75rem;
-  --border-radius-xl: 1rem;
-  --line-heights-3xs: 1rem;
-  --line-heights-2xs: 1.25rem;
-  --line-heights-xs: 1.25rem;
-  --line-heights-sm: 1.25rem;
-  --line-heights-md: 1.5rem;
-  --line-heights-lg: 1.5rem;
-  --line-heights-xl: 1.75rem;
-  --line-heights-2xl: 2.25rem;
-  --line-heights-3xl: 2.25rem;
-  --line-heights-4xl: 3rem;
-  --line-heights-5xl: 3.75rem;
-  --line-heights-6xl: 5rem;
-  --font-size-3xs: 0.75rem;
-  --font-size-2xs: 0.813rem;
-  --font-size-xs: 0.875rem;
-  --font-size-sm: 0.938rem;
-  --font-size-md: 1rem;
-  --font-size-lg: 1.125rem;
-  --font-size-xl: 1.25rem;
-  --font-size-2xl: 1.5rem;
-  --font-size-3xl: 1.75rem;
-  --font-size-4xl: 2.25rem;
-  --font-size-5xl: 3rem;
-  --font-size-6xl: 4.5rem;
-  --layout-5xs: 8rem;
-  --layout-4xs: 12rem;
-  --layout-3xs: 14rem;
-  --layout-2xs: 16rem;
-  --layout-xs: 20rem;
-  --layout-sm: 24rem;
-  --layout-md: 32rem;
-  --layout-lg: 48rem;
-  --layout-xl: 64rem;
-  --layout-2xl: 80rem;
-  --layout-3xl: 100rem;
-  --layout-4xl: 120rem;
-  --layout-5xl: 80rem;
-  --border-width-none: 0rem;
-  --border-width-sm: 0.063rem;
-  --border-width-md: 0.125rem;
-  --border-width-lg: 0.25rem;
-  --font-families-default: Source Sans 3;
-  --font-families-mono: Fira Code;
-  --font-weights-regular: 400;
-  --font-weights-semibold: 600;
-  --font-weights-bold: 700;
-  --letter-spacing-3xs: -0.005em;
-  --letter-spacing-2xs: -0.005em;
-  --letter-spacing-xs: -0.01em;
-  --letter-spacing-sm: -0.01em;
-  --letter-spacing-md: -0.01em;
-  --letter-spacing-lg: -0.01em;
-  --letter-spacing-xl: -0.01em;
-  --letter-spacing-2xl: -0.015em;
-  --letter-spacing-3xl: -0.175em;
-  --letter-spacing-4xl: -0.175em;
-  --letter-spacing-5xl: -0.175em;
-  --letter-spacing-6xl: -0.025em;
-  --paragraph-spacing-0: 0;
-  --font-size-3xs-regular: 400 0.75rem/1rem "Source Sans 3";
-  --font-size-3xs-semibold: 600 0.75rem/1rem "Source Sans 3";
-  --font-size-3xs-bold: 700 0.75rem/1rem "Source Sans 3";
-  --font-size-2xs-regular: 400 0.813rem/1.25rem "Source Sans 3";
-  --font-size-2xs-semibold: 600 0.813rem/1.25rem "Source Sans 3";
-  --font-size-2xs-bold: 700 0.813rem/1.25rem "Source Sans 3";
-  --font-size-xs-regular: 400 0.875rem/1.25rem "Source Sans 3";
-  --font-size-xs-semibold: 600 0.875rem/1.25rem "Source Sans 3";
-  --font-size-xs-bold: 700 0.875rem/1.25rem "Source Sans 3";
-  --font-size-sm-regular: 400 0.938rem/1.25rem "Source Sans 3";
-  --font-size-sm-semibold: 600 0.938rem/1.25rem "Source Sans 3";
-  --font-size-sm-bold: 700 0.938rem/1.25rem "Source Sans 3";
-  --font-size-md-regular: 400 1rem/1.5rem "Source Sans 3";
-  --font-size-md-semibold: 600 1rem/1.5rem "Source Sans 3";
-  --font-size-md-bold: 700 1rem/1.5rem "Source Sans 3";
-  --font-size-lg-regular: 400 1.125rem/1.5rem "Source Sans 3";
-  --font-size-lg-semibold: 600 1.125rem/1.5rem "Source Sans 3";
-  --font-size-lg-bold: 700 1.125rem/1.5rem "Source Sans 3";
-  --font-size-xl-regular: 400 1.25rem/1.75rem "Source Sans 3";
-  --font-size-xl-semibold: 600 1.25rem/1.75rem "Source Sans 3";
-  --font-size-xl-bold: 700 1.25rem/1.75rem "Source Sans 3";
-  --font-size-2xl-regular: 400 1.5rem/2.25rem "Source Sans 3";
-  --font-size-2xl-semibold: 600 1.5rem/2.25rem "Source Sans 3";
-  --font-size-2xl-bold: 700 1.5rem/2.25rem "Source Sans 3";
-  --font-size-3xl-regular: 400 1.75rem/2.25rem "Source Sans 3";
-  --font-size-3xl-semibold: 600 1.75rem/2.25rem "Source Sans 3";
-  --font-size-3xl-bold: 700 1.75rem/2.25rem "Source Sans 3";
-  --font-size-4xl-regular: 400 2.25rem/3rem "Source Sans 3";
-  --font-size-4xl-semibold: 600 2.25rem/3rem "Source Sans 3";
-  --font-size-4xl-bold: 700 2.25rem/3rem "Source Sans 3";
-  --font-size-5xl-regular: 400 3rem/3.75rem "Source Sans 3";
-  --font-size-5xl-semibold: 600 3rem/3.75rem "Source Sans 3";
-  --font-size-5xl-bold: 700 3rem/3.75rem "Source Sans 3";
-  --font-size-6xl-regular: 400 4.5rem/5rem "Source Sans 3";
-  --font-size-6xl-semibold: 600 4.5rem/5rem "Source Sans 3";
-  --font-size-6xl-bold: 700 4.5rem/5rem "Source Sans 3";
-  --text-case-none: none;
-  --text-decoration-none: none;
-  --paragraph-indent-0: 0px;
-  --color-neutral-100: #f9f9f9;
-  --color-neutral-200: #edeeef;
-  --color-neutral-300: #d5d7db;
-  --color-neutral-400: #b7bcc3;
-  --color-neutral-500: #8d949f;
-  --color-neutral-600: #6b7280;
-  --color-neutral-700: #4f5562;
-  --color-neutral-800: #343944;
-  --color-neutral-900: #242831;
-  --color-neutral-1000: #191b22;
-  --color-neutral-black: #121212;
-  --color-neutral-white: #ffffff;
-  --color-neutral-darkest: #121212;
-  --color-neutral-lightest: #ffffff;
-  --color-primary-100: #f0f7ff;
-  --color-primary-200: #d9eafe;
-  --color-primary-300: #abcffd;
-  --color-primary-400: #66a8fd;
-  --color-primary-500: #3a89fd;
-  --color-primary-600: #0c57cd;
-  --color-primary-700: #063b99;
-  --color-primary-800: #052b74;
-  --color-primary-900: #041c4f;
-  --color-primary-1000: #03122f;
-  --color-danger-100: #fee5e5;
-  --color-danger-200: #fecbcb;
-  --color-danger-300: #fe9f9b;
-  --color-danger-400: #fc817c;
-  --color-danger-500: #f4534f;
-  --color-danger-600: #d12828;
-  --color-danger-700: #ab1a1d;
-  --color-danger-800: #7e130e;
-  --color-danger-900: #5c0b09;
-  --color-danger-1000: #3b0807;
-  --color-warning-100: #ffefd7;
-  --color-warning-200: #ffddb1;
-  --color-warning-300: #fec478;
-  --color-warning-400: #fba94b;
-  --color-warning-500: #f39129;
-  --color-warning-600: #d26e16;
-  --color-warning-700: #a2520c;
-  --color-warning-800: #753c08;
-  --color-warning-900: #553008;
-  --color-warning-1000: #3c2109;
-  --color-success-100: #e2fdee;
-  --color-success-200: #a3f6ce;
-  --color-success-300: #59e1a6;
-  --color-success-400: #29c68c;
-  --color-success-500: #1aad74;
-  --color-success-600: #088556;
-  --color-success-700: #086945;
-  --color-success-800: #0a4e35;
-  --color-success-900: #063724;
-  --color-success-1000: #052618;
-  --color-highlight-100: #fdf8cf;
-  --color-highlight-200: #fae592;
-  --color-highlight-300: #fcd358;
-  --color-highlight-400: #f1bc0f;
-  --color-highlight-500: #dda100;
-  --color-highlight-600: #c08700;
-  --color-highlight-700: #976800;
-  --color-highlight-800: #785200;
-  --color-highlight-900: #563e00;
-  --color-highlight-1000: #3c2e00;
-  --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
-  --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
-  --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
-  --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
-  --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
-  --elevation-100: 100;
-  --elevation-150: 150;
-  --elevation-199: 199;
-  --elevation-200: 200;
-  --elevation-250: 250;
-  --elevation-299: 299;
-  --elevation-300: 300;
-  --elevation-350: 350;
-  --elevation-399: 399;
-  --elevation-400: 400;
-  --elevation-450: 450;
-  --elevation-499: 499;
-  --elevation-absolute-bottom: -999;
-  --elevation-absolute-top: 999;
-  --opacity-disabled: 0.32;
-  --opacity-sm: 0.48;
-  --opacity-md: 0.64;
-  --opacity-l: 0.88;
-}