@bcc-code/design-tokens 0.2.0 → 0.3.0

package/README.md

@@ -3,5 +3,8 @@ A collection of tokens from the BCC design system.
 
 [![version](https://img.shields.io/npm/v/@bcc-code/design-tokens)](https://github.com/bcc-code/bcc-design-tokens/releases) [![license](https://img.shields.io/npm/l/@bcc-code/design-tokens)](https://github.com/bcc-code/bcc-design-tokens/blob/main/LICENSE)
 
+## Installation & Usage
+Refer to the [documentation](https://developer.bcc.no/bcc-design/tokens) for installation instructions and usage information.
+
 ## License
 This package is licensed under the [Apache 2.0 license](./LICENSE).

package/dist/design-tokens.js

@@ -1,4 +1,269 @@
-var p = {}, m = {};
+const p = {
+  neutral: {
+    0: "#ffffff",
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827"
+  },
+  "bcc-brand": {
+    50: "#f5f8f8",
+    100: "#eaeeef",
+    200: "#d2dadb",
+    300: "#acbdbd",
+    400: "#8ea6a6",
+    500: "#437571",
+    600: "#004e48",
+    700: "#023d38",
+    800: "#021f1c",
+    900: "#020a0b"
+  },
+  green: {
+    50: "#eefff4",
+    100: "#d7ffe7",
+    200: "#b2ffd1",
+    300: "#7dffb3",
+    400: "#33f584",
+    500: "#09de62",
+    600: "#01b84e",
+    700: "#059040",
+    800: "#0a7137",
+    900: "#0a5d2f"
+  },
+  lime: {
+    50: "#f7ffe4",
+    100: "#ebffc4",
+    200: "#d8ff90",
+    300: "#bbff50",
+    400: "#a9ff34",
+    500: "#7fe600",
+    600: "#61b800",
+    700: "#498b00",
+    800: "#3b6d07",
+    900: "#335c0b"
+  },
+  teal: {
+    50: "#effefd",
+    100: "#c7fffa",
+    200: "#7dfff4",
+    300: "#50f8ef",
+    400: "#1de4e1",
+    500: "#04c8c7",
+    600: "#009da1",
+    700: "#057d80",
+    800: "#0a6165",
+    900: "#0d5154"
+  },
+  blue: {
+    50: "#eef9ff",
+    100: "#d9f1ff",
+    200: "#bce8ff",
+    300: "#8edbff",
+    400: "#59c5ff",
+    500: "#34a9ff",
+    600: "#1b8af5",
+    700: "#1472e1",
+    800: "#175bb6",
+    900: "#194e8f"
+  },
+  purple: {
+    50: "#f9f4ff",
+    100: "#f0e5ff",
+    200: "#e4d0ff",
+    300: "#d0acff",
+    400: "#b276ff",
+    500: "#9542ff",
+    600: "#8a34ff",
+    700: "#6a0ee2",
+    800: "#5b12b7",
+    900: "#4c1093"
+  },
+  pink: {
+    50: "#fef1f9",
+    100: "#fee5f5",
+    200: "#ffcaed",
+    300: "#ff9fdd",
+    400: "#ff63c4",
+    500: "#ff34a9",
+    600: "#f01287",
+    700: "#d1056b",
+    800: "#ad0758",
+    900: "#8f0c4c"
+  },
+  red: {
+    50: "#fff1f1",
+    100: "#ffe3e3",
+    200: "#ffcccf",
+    300: "#ffa1a7",
+    400: "#ff7d88",
+    500: "#f93a4f",
+    600: "#e71738",
+    700: "#c30d2e",
+    800: "#a30e2e",
+    900: "#8b102f"
+  },
+  orange: {
+    50: "#fff5ed",
+    100: "#ffe9d4",
+    200: "#ffcfa9",
+    300: "#ffb37d",
+    400: "#fe7f39",
+    500: "#fc5c13",
+    600: "#ed4109",
+    700: "#c52e09",
+    800: "#9c2610",
+    900: "#7e2111"
+  },
+  yellow: {
+    50: "#fefde8",
+    100: "#fffdc2",
+    200: "#fff87b",
+    300: "#ffee45",
+    400: "#fcdd13",
+    500: "#ecc406",
+    600: "#cc9902",
+    700: "#a26d06",
+    800: "#86550d",
+    900: "#724611"
+  },
+  "silver-tree": {
+    50: "#f3faf7",
+    100: "#d8efe5",
+    200: "#b1decc",
+    300: "#82c6ad",
+    400: "#5cab91",
+    500: "#3e8e75",
+    600: "#30715e",
+    700: "#2a5b4e",
+    800: "#254a40",
+    900: "#223f37"
+  },
+  gimblet: {
+    50: "#faf9f2",
+    100: "#f3f1e1",
+    200: "#e5e1c3",
+    300: "#d5cd9c",
+    400: "#bdac67",
+    500: "#b6a059",
+    600: "#a98d4d",
+    700: "#8c7142",
+    800: "#725c3a",
+    900: "#5d4b31"
+  },
+  mongoose: {
+    50: "#f9f7f3",
+    100: "#f2ede2",
+    200: "#e4d9c4",
+    300: "#d2bf9f",
+    400: "#bfa178",
+    500: "#b28b5d",
+    600: "#a47852",
+    700: "#896245",
+    800: "#6f4f3d",
+    900: "#5b4233"
+  },
+  "muddy-waters": {
+    50: "#f9f4f1",
+    100: "#eedfd7",
+    200: "#dbbeac",
+    300: "#c89a81",
+    400: "#bd8167",
+    500: "#b06450",
+    600: "#9b4f44",
+    700: "#813d3c",
+    800: "#6b3538",
+    900: "#592e30"
+  },
+  viola: {
+    50: "#faf5f7",
+    100: "#f6edf1",
+    200: "#eedce3",
+    300: "#e2bfcc",
+    400: "#ce97ab",
+    500: "#bc788f",
+    600: "#a75b71",
+    700: "#8e485a",
+    800: "#763e4c",
+    900: "#643742"
+  },
+  "light-wisteria": {
+    50: "#fbf8fc",
+    100: "#f6eef9",
+    200: "#f0e0f4",
+    300: "#e3c7eb",
+    400: "#d0a3dd",
+    500: "#bd7fcd",
+    600: "#aa62bb",
+    700: "#924ea2",
+    800: "#7a4485",
+    900: "#63386b"
+  },
+  "cold-purple": {
+    50: "#f6f6fc",
+    100: "#efeef9",
+    200: "#e1e0f4",
+    300: "#cac6ec",
+    400: "#a69ddc",
+    500: "#9181d1",
+    600: "#7d65c2",
+    700: "#6c53ae",
+    800: "#5b4592",
+    900: "#4b3a78"
+  },
+  "polo-blue": {
+    50: "#f4f6fa",
+    100: "#e6ebf3",
+    200: "#d2dbeb",
+    300: "#b4c4dc",
+    400: "#97abce",
+    500: "#758abc",
+    600: "#6274ae",
+    700: "#57639e",
+    800: "#4b5382",
+    900: "#3f4669"
+  },
+  neptune: {
+    50: "#f2f9f9",
+    100: "#ddeef0",
+    200: "#bfdfe2",
+    300: "#92c7ce",
+    400: "#74b2bc",
+    500: "#438a97",
+    600: "#3a7280",
+    700: "#345e6a",
+    800: "#314f59",
+    900: "#2d444c"
+  },
+  mantis: {
+    50: "#f5faf3",
+    100: "#e7f5e3",
+    200: "#cfeac8",
+    300: "#a9d89d",
+    400: "#78bd67",
+    500: "#57a245",
+    600: "#448534",
+    700: "#37692c",
+    800: "#2f5427",
+    900: "#284522"
+  },
+  isbre: {
+    50: "#FCFDFD",
+    100: "#F6F9F9",
+    200: "#F1F5F5",
+    300: "#ECF1F1",
+    400: "#E6EDED",
+    500: "#E1E8E9",
+    600: "#DCE4E4",
+    700: "#D7DFE0"
+  }
+};
+var s = {}, d = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -7,12 +272,12 @@ var p = {}, m = {};
     get: () => r
   });
   function r(t) {
-    return Array.isArray(t) ? t.map((n) => r(n)) : typeof t == "object" && t !== null ? Object.fromEntries(Object.entries(t).map(([n, o]) => [
-      n,
+    return Array.isArray(t) ? t.map((a) => r(a)) : typeof t == "object" && t !== null ? Object.fromEntries(Object.entries(t).map(([a, o]) => [
+      a,
       r(o)
     ])) : t;
   }
-})(m);
+})(d);
 var l = {
   content: [],
   presets: [],
@@ -974,173 +1239,193 @@ var l = {
     enumerable: !0,
     get: () => o
   });
-  const r = m, t = /* @__PURE__ */ n(l);
-  function n(a) {
-    return a && a.__esModule ? a : {
-      default: a
+  const r = d, t = /* @__PURE__ */ a(l);
+  function a(n) {
+    return n && n.__esModule ? n : {
+      default: n
     };
   }
   const o = (0, r.cloneDeep)(t.default.theme);
-})(p);
-let i = p;
-var s = (i.__esModule ? i : { default: i }).default;
+})(s);
+let i = s;
+var f = (i.__esModule ? i : { default: i }).default;
 const c = {
+  sans: ["Archivo", ...f.fontFamily.sans],
+  serif: ["IBM Plex Serif", ...f.fontFamily.serif]
+}, m = {
+  primary: "#111827",
+  secondary: "#4b5563",
+  tertiary: "#9ca3af",
+  warning: "#724611",
+  danger: "#8b102f",
+  success: "#0a5d2f",
+  info: "#194e8f",
+  system: "#0d5154",
+  brand: "#004e48",
+  button: {
+    primary: {
+      default: "#ffffff",
+      disabled: "#6b7280"
+    },
+    secondary: {
+      default: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#6b7280",
+      focused: "#30715e"
+    },
+    tertiary: {
+      default: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#6b7280",
+      focused: "#30715e"
+    }
+  }
+}, b = {
+  "on-primary": "#e5e7eb",
+  "on-secondary": "#d1d5db",
+  "on-tertiary": "#9ca3af",
+  system: "#0d505466",
+  info: "#194e8f66",
+  success: "#0a5d2f66",
+  warning: "#72461166",
+  danger: "#8b102f66",
+  brand: "#004e48",
+  button: {
+    primary: {
+      default: "#30715e",
+      hover: "#30715e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    secondary: {
+      default: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    tertiary: {
+      focused: "#223f37"
+    }
+  }
+}, u = {
+  primary: "#f9fafb",
+  secondary: "#004e48",
+  button: {
+    primary: {
+      default: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#30715e"
+    },
+    secondary: {
+      default: "#ffffff",
+      hover: "#f3faf7",
+      pressed: "#f3faf7",
+      disabled: "#f9fafb",
+      focused: "#f3faf7"
+    },
+    tertiary: {
+      default: "#ffffff",
+      hover: "#f3faf7",
+      pressed: "#f3faf7",
+      disabled: "#ffffff",
+      focused: "#ffffff"
+    }
+  },
+  surface: {
+    primary: {
+      default: "#ffffff",
+      hover: "#FCFDFD",
+      active: "#F6F9F9"
+    },
+    secondary: {
+      default: "#F6F9F9",
+      hover: "#F1F5F5",
+      active: "#ECF1F1"
+    },
+    tertiary: {
+      default: "#E6EDED",
+      hover: "#E1E8E9",
+      active: "#DCE4E4"
+    },
+    danger: {
+      default: "#fff1f1",
+      hover: "#ffe3e3",
+      pressed: "#FFD8D6"
+    },
+    success: {
+      default: "#eefff4",
+      hover: "#d7ffe7",
+      pressed: "#CCFFE0"
+    },
+    warning: {
+      default: "#fefde8",
+      hover: "#fffdc2",
+      pressed: "#FFFC99"
+    },
+    info: {
+      default: "#eef9ff",
+      hover: "#d9f1ff",
+      pressed: "#CCECFF"
+    },
+    system: {
+      default: "#effefd",
+      hover: "#c7fffa",
+      pressed: "#BDFFF9"
+    }
+  }
+}, g = {
+  "on-primary": "#e5e7eb",
+  "on-secondary": "#d1d5db",
+  "on-tertiary": "#9ca3af",
+  system: "#0d505466",
+  info: "#194e8f66",
+  success: "#0a5d2f66",
+  warning: "#72461166",
+  danger: "#8b102f66",
+  brand: "#004e48",
+  button: {
+    primary: {
+      default: "#30715e",
+      hover: "#30715e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    secondary: {
+      default: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    tertiary: {
+      focused: "#223f37"
+    }
+  }
+}, x = {
   theme: {
     extend: {
-      fontFamily: {
-        sans: ["Archivo", ...s.fontFamily.sans],
-        serif: ["IBM Plex Serif", ...s.fontFamily.serif]
-      },
-      colors: {
-        neutral: {
-          0: "#ffffff",
-          50: "#f9fafb",
-          100: "#f3f4f6",
-          200: "#e5e7eb",
-          300: "#d1d5db",
-          400: "#9ca3af",
-          500: "#6b7280",
-          600: "#4b5563",
-          700: "#374151",
-          800: "#1f2937",
-          900: "#111827"
-        },
-        "primary-dark-green": {
-          50: "#f5f8f8",
-          100: "#eaeeef",
-          200: "#d2dadb",
-          300: "#acbdbd",
-          400: "#8ea6a6",
-          500: "#437571",
-          600: "#004e48",
-          700: "#023d38",
-          800: "#021f1c",
-          900: "#020a0b"
-        },
-        "tree-green": {
-          50: "#f3faf7",
-          100: " #d8efe5",
-          200: " #b1decc",
-          300: " #82c6ad",
-          400: " #5cab91",
-          500: " #3e8e75",
-          600: " #30715e",
-          700: " #2a5b4e",
-          800: " #254a40",
-          900: " #223f37"
-        },
-        "mantis-green": {
-          50: "#f5faf3",
-          100: "#e7f5e3",
-          200: "#cfeac8",
-          300: "#a9d89d",
-          400: "#78bd67",
-          500: "#57a245",
-          600: "#448534",
-          700: "#37692c",
-          800: "#2f5427",
-          900: "#284522"
-        },
-        "neptune-blue": {
-          50: "#f2f9f9",
-          100: "#ddeef0",
-          200: "#bfdfe2",
-          300: "#92c7ce",
-          400: "#74b2bc",
-          500: "#438a97",
-          700: "#345e6a",
-          600: "#3a7280",
-          800: "#314f59",
-          900: "#2d444c"
-        },
-        "polo-blue": {
-          50: "#f4f6fa",
-          100: "#e6ebf3",
-          200: "#d2dbeb",
-          300: "#b4c4dc",
-          400: "#97abce",
-          500: "#758abc",
-          600: "#6274ae",
-          700: "#57639e",
-          800: "#4b5382",
-          900: "#3f4669"
-        },
-        "cold-purple": {
-          50: "#f6f6fc",
-          100: "#efeef9",
-          200: "#e1e0f4",
-          300: "#cac6ec",
-          400: "#a69ddc",
-          500: "#9181d1",
-          600: "#7d65c2",
-          700: "#6c53ae",
-          800: "#5b4592",
-          900: "#4b3a78"
-        },
-        "wisteria-pink": {
-          50: "#fbf8fc",
-          100: "#f6eef9",
-          200: "#f0e0f4",
-          300: "#e3c7eb",
-          400: "#d0a3dd",
-          500: "#bd7fcd",
-          600: "#aa62bb",
-          700: "#924ea2",
-          800: "#7a4485",
-          900: "#63386b"
-        },
-        "viola-pink": {
-          50: "#faf5f7",
-          100: "#f6edf1",
-          200: "#eedce3",
-          300: "#e2bfcc",
-          400: "#ce97ab",
-          500: "#bc788f",
-          600: "#a75b71",
-          700: "#8e485a",
-          800: "#763e4c",
-          900: "#643742"
-        },
-        "muddy-waters": {
-          50: "#f9f4f1",
-          100: "#eedfd7",
-          200: "#dbbeac",
-          300: "#c89a81",
-          400: "#bd8167",
-          500: "#b06450",
-          600: "#9b4f44",
-          700: "#813d3c",
-          800: "#6b3538",
-          900: "#592e30"
-        },
-        "sand-brown": {
-          50: "#f9f7f3",
-          100: "#f2ede2",
-          200: "#e4d9c4",
-          300: "#d2bf9f",
-          400: "#bfa178",
-          500: "#b28b5d",
-          600: "#a47852",
-          700: "#896245",
-          800: "#6f4f3d",
-          900: "#5b4233"
-        },
-        gimblet: {
-          50: "#faf9f2",
-          100: "#f3f1e1",
-          200: "#e5e1c3",
-          300: "#d5cd9c",
-          400: "#bdac67",
-          500: "#b6a059",
-          600: "#a98d4d",
-          700: "#8c7142",
-          800: "#725c3a",
-          900: "#5d4b31"
-        }
-      }
+      fontFamily: c,
+      colors: p,
+      textColor: m,
+      borderColor: b,
+      backgroundColor: u,
+      outlineColor: g
     }
   }
-}, d = c.theme;
+}, h = x.theme;
 export {
-  d as bccForbundetTheme
+  u as backgroundColor,
+  h as bccForbundetTheme,
+  b as borderColor,
+  p as colors,
+  c as fontFamily,
+  g as outlineColor,
+  m as textColor
 };

package/dist/design-tokens.umd.cjs

@@ -1 +1 @@
-(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n["bcc-design-system-tokens"]={}))})(this,function(n){"use strict";var o={},m={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:()=>r});function r(t){return Array.isArray(t)?t.map(a=>r(a)):typeof t=="object"&&t!==null?Object.fromEntries(Object.entries(t).map(([a,p])=>[a,r(p)])):t}})(m);var d={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:e})=>({...e("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:e})=>e("blur"),backdropBrightness:({theme:e})=>e("brightness"),backdropContrast:({theme:e})=>e("contrast"),backdropGrayscale:({theme:e})=>e("grayscale"),backdropHueRotate:({theme:e})=>e("hueRotate"),backdropInvert:({theme:e})=>e("invert"),backdropOpacity:({theme:e})=>e("opacity"),backdropSaturate:({theme:e})=>e("saturate"),backdropSepia:({theme:e})=>e("sepia"),backgroundColor:({theme:e})=>e("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:e})=>e("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:e})=>({...e("colors"),DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:({theme:e})=>e("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:e})=>({...e("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:e})=>e("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:e})=>e("colors"),colors:({colors:e})=>({inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:e.slate,gray:e.gray,zinc:e.zinc,neutral:e.neutral,stone:e.stone,red:e.red,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,green:e.green,emerald:e.emerald,teal:e.teal,cyan:e.cyan,sky:e.sky,blue:e.blue,indigo:e.indigo,violet:e.violet,purple:e.purple,fuchsia:e.fuchsia,pink:e.pink,rose:e.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:e})=>e("borderColor"),divideOpacity:({theme:e})=>e("borderOpacity"),divideWidth:({theme:e})=>e("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:e})=>({none:"none",...e("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:e})=>e("spacing"),gradientColorStops:({theme:e})=>e("colors"),grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridTemplateColumns:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))"},height:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},margin:({theme:e})=>({auto:"auto",...e("spacing")}),maxHeight:({theme:e})=>({...e("spacing"),none:"none",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:e,breakpoints:r})=>({none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...r(e("screens"))}),minHeight:{0:"0px",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",20:"0.2",25:"0.25",30:"0.3",40:"0.4",50:"0.5",60:"0.6",70:"0.7",75:"0.75",80:"0.8",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:e})=>e("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:e})=>e("spacing"),placeholderColor:({theme:e})=>e("colors"),placeholderOpacity:({theme:e})=>e("opacity"),ringColor:({theme:e})=>({DEFAULT:e("colors.blue.500","#3b82f6"),...e("colors")}),ringOffsetColor:({theme:e})=>e("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:e})=>({DEFAULT:"0.5",...e("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:e})=>({...e("spacing")}),scrollPadding:({theme:e})=>e("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:e})=>({...e("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:e})=>({none:"none",...e("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:e})=>e("colors"),textDecorationColor:({theme:e})=>e("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:e})=>({...e("spacing")}),textOpacity:({theme:e})=>e("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:e})=>({...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),width:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:()=>p});const r=m,t=a(d);function a(i){return i&&i.__esModule?i:{default:i}}const p=(0,r.cloneDeep)(t.default.theme)})(o);let s=o;var l=(s.__esModule?s:{default:s}).default;const c={theme:{extend:{fontFamily:{sans:["Archivo",...l.fontFamily.sans],serif:["IBM Plex Serif",...l.fontFamily.serif]},colors:{neutral:{0:"#ffffff",50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},"primary-dark-green":{50:"#f5f8f8",100:"#eaeeef",200:"#d2dadb",300:"#acbdbd",400:"#8ea6a6",500:"#437571",600:"#004e48",700:"#023d38",800:"#021f1c",900:"#020a0b"},"tree-green":{50:"#f3faf7",100:" #d8efe5",200:" #b1decc",300:" #82c6ad",400:" #5cab91",500:" #3e8e75",600:" #30715e",700:" #2a5b4e",800:" #254a40",900:" #223f37"},"mantis-green":{50:"#f5faf3",100:"#e7f5e3",200:"#cfeac8",300:"#a9d89d",400:"#78bd67",500:"#57a245",600:"#448534",700:"#37692c",800:"#2f5427",900:"#284522"},"neptune-blue":{50:"#f2f9f9",100:"#ddeef0",200:"#bfdfe2",300:"#92c7ce",400:"#74b2bc",500:"#438a97",700:"#345e6a",600:"#3a7280",800:"#314f59",900:"#2d444c"},"polo-blue":{50:"#f4f6fa",100:"#e6ebf3",200:"#d2dbeb",300:"#b4c4dc",400:"#97abce",500:"#758abc",600:"#6274ae",700:"#57639e",800:"#4b5382",900:"#3f4669"},"cold-purple":{50:"#f6f6fc",100:"#efeef9",200:"#e1e0f4",300:"#cac6ec",400:"#a69ddc",500:"#9181d1",600:"#7d65c2",700:"#6c53ae",800:"#5b4592",900:"#4b3a78"},"wisteria-pink":{50:"#fbf8fc",100:"#f6eef9",200:"#f0e0f4",300:"#e3c7eb",400:"#d0a3dd",500:"#bd7fcd",600:"#aa62bb",700:"#924ea2",800:"#7a4485",900:"#63386b"},"viola-pink":{50:"#faf5f7",100:"#f6edf1",200:"#eedce3",300:"#e2bfcc",400:"#ce97ab",500:"#bc788f",600:"#a75b71",700:"#8e485a",800:"#763e4c",900:"#643742"},"muddy-waters":{50:"#f9f4f1",100:"#eedfd7",200:"#dbbeac",300:"#c89a81",400:"#bd8167",500:"#b06450",600:"#9b4f44",700:"#813d3c",800:"#6b3538",900:"#592e30"},"sand-brown":{50:"#f9f7f3",100:"#f2ede2",200:"#e4d9c4",300:"#d2bf9f",400:"#bfa178",500:"#b28b5d",600:"#a47852",700:"#896245",800:"#6f4f3d",900:"#5b4233"},gimblet:{50:"#faf9f2",100:"#f3f1e1",200:"#e5e1c3",300:"#d5cd9c",400:"#bdac67",500:"#b6a059",600:"#a98d4d",700:"#8c7142",800:"#725c3a",900:"#5d4b31"}}}}}.theme;n.bccForbundetTheme=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t["bcc-design-system-tokens"]={}))})(this,function(t){"use strict";const n={neutral:{0:"#ffffff",50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},"bcc-brand":{50:"#f5f8f8",100:"#eaeeef",200:"#d2dadb",300:"#acbdbd",400:"#8ea6a6",500:"#437571",600:"#004e48",700:"#023d38",800:"#021f1c",900:"#020a0b"},green:{50:"#eefff4",100:"#d7ffe7",200:"#b2ffd1",300:"#7dffb3",400:"#33f584",500:"#09de62",600:"#01b84e",700:"#059040",800:"#0a7137",900:"#0a5d2f"},lime:{50:"#f7ffe4",100:"#ebffc4",200:"#d8ff90",300:"#bbff50",400:"#a9ff34",500:"#7fe600",600:"#61b800",700:"#498b00",800:"#3b6d07",900:"#335c0b"},teal:{50:"#effefd",100:"#c7fffa",200:"#7dfff4",300:"#50f8ef",400:"#1de4e1",500:"#04c8c7",600:"#009da1",700:"#057d80",800:"#0a6165",900:"#0d5154"},blue:{50:"#eef9ff",100:"#d9f1ff",200:"#bce8ff",300:"#8edbff",400:"#59c5ff",500:"#34a9ff",600:"#1b8af5",700:"#1472e1",800:"#175bb6",900:"#194e8f"},purple:{50:"#f9f4ff",100:"#f0e5ff",200:"#e4d0ff",300:"#d0acff",400:"#b276ff",500:"#9542ff",600:"#8a34ff",700:"#6a0ee2",800:"#5b12b7",900:"#4c1093"},pink:{50:"#fef1f9",100:"#fee5f5",200:"#ffcaed",300:"#ff9fdd",400:"#ff63c4",500:"#ff34a9",600:"#f01287",700:"#d1056b",800:"#ad0758",900:"#8f0c4c"},red:{50:"#fff1f1",100:"#ffe3e3",200:"#ffcccf",300:"#ffa1a7",400:"#ff7d88",500:"#f93a4f",600:"#e71738",700:"#c30d2e",800:"#a30e2e",900:"#8b102f"},orange:{50:"#fff5ed",100:"#ffe9d4",200:"#ffcfa9",300:"#ffb37d",400:"#fe7f39",500:"#fc5c13",600:"#ed4109",700:"#c52e09",800:"#9c2610",900:"#7e2111"},yellow:{50:"#fefde8",100:"#fffdc2",200:"#fff87b",300:"#ffee45",400:"#fcdd13",500:"#ecc406",600:"#cc9902",700:"#a26d06",800:"#86550d",900:"#724611"},"silver-tree":{50:"#f3faf7",100:"#d8efe5",200:"#b1decc",300:"#82c6ad",400:"#5cab91",500:"#3e8e75",600:"#30715e",700:"#2a5b4e",800:"#254a40",900:"#223f37"},gimblet:{50:"#faf9f2",100:"#f3f1e1",200:"#e5e1c3",300:"#d5cd9c",400:"#bdac67",500:"#b6a059",600:"#a98d4d",700:"#8c7142",800:"#725c3a",900:"#5d4b31"},mongoose:{50:"#f9f7f3",100:"#f2ede2",200:"#e4d9c4",300:"#d2bf9f",400:"#bfa178",500:"#b28b5d",600:"#a47852",700:"#896245",800:"#6f4f3d",900:"#5b4233"},"muddy-waters":{50:"#f9f4f1",100:"#eedfd7",200:"#dbbeac",300:"#c89a81",400:"#bd8167",500:"#b06450",600:"#9b4f44",700:"#813d3c",800:"#6b3538",900:"#592e30"},viola:{50:"#faf5f7",100:"#f6edf1",200:"#eedce3",300:"#e2bfcc",400:"#ce97ab",500:"#bc788f",600:"#a75b71",700:"#8e485a",800:"#763e4c",900:"#643742"},"light-wisteria":{50:"#fbf8fc",100:"#f6eef9",200:"#f0e0f4",300:"#e3c7eb",400:"#d0a3dd",500:"#bd7fcd",600:"#aa62bb",700:"#924ea2",800:"#7a4485",900:"#63386b"},"cold-purple":{50:"#f6f6fc",100:"#efeef9",200:"#e1e0f4",300:"#cac6ec",400:"#a69ddc",500:"#9181d1",600:"#7d65c2",700:"#6c53ae",800:"#5b4592",900:"#4b3a78"},"polo-blue":{50:"#f4f6fa",100:"#e6ebf3",200:"#d2dbeb",300:"#b4c4dc",400:"#97abce",500:"#758abc",600:"#6274ae",700:"#57639e",800:"#4b5382",900:"#3f4669"},neptune:{50:"#f2f9f9",100:"#ddeef0",200:"#bfdfe2",300:"#92c7ce",400:"#74b2bc",500:"#438a97",600:"#3a7280",700:"#345e6a",800:"#314f59",900:"#2d444c"},mantis:{50:"#f5faf3",100:"#e7f5e3",200:"#cfeac8",300:"#a9d89d",400:"#78bd67",500:"#57a245",600:"#448534",700:"#37692c",800:"#2f5427",900:"#284522"},isbre:{50:"#FCFDFD",100:"#F6F9F9",200:"#F1F5F5",300:"#ECF1F1",400:"#E6EDED",500:"#E1E8E9",600:"#DCE4E4",700:"#D7DFE0"}};var d={},l={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:()=>a});function a(r){return Array.isArray(r)?r.map(o=>a(o)):typeof r=="object"&&r!==null?Object.fromEntries(Object.entries(r).map(([o,s])=>[o,a(s)])):r}})(l);var x={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:e})=>({...e("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:e})=>e("blur"),backdropBrightness:({theme:e})=>e("brightness"),backdropContrast:({theme:e})=>e("contrast"),backdropGrayscale:({theme:e})=>e("grayscale"),backdropHueRotate:({theme:e})=>e("hueRotate"),backdropInvert:({theme:e})=>e("invert"),backdropOpacity:({theme:e})=>e("opacity"),backdropSaturate:({theme:e})=>e("saturate"),backdropSepia:({theme:e})=>e("sepia"),backgroundColor:({theme:e})=>e("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:e})=>e("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:e})=>({...e("colors"),DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:({theme:e})=>e("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:e})=>({...e("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:e})=>e("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:e})=>e("colors"),colors:({colors:e})=>({inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:e.slate,gray:e.gray,zinc:e.zinc,neutral:e.neutral,stone:e.stone,red:e.red,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,green:e.green,emerald:e.emerald,teal:e.teal,cyan:e.cyan,sky:e.sky,blue:e.blue,indigo:e.indigo,violet:e.violet,purple:e.purple,fuchsia:e.fuchsia,pink:e.pink,rose:e.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:e})=>e("borderColor"),divideOpacity:({theme:e})=>e("borderOpacity"),divideWidth:({theme:e})=>e("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:e})=>({none:"none",...e("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:e})=>e("spacing"),gradientColorStops:({theme:e})=>e("colors"),grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7"},gridTemplateColumns:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))"},height:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},margin:({theme:e})=>({auto:"auto",...e("spacing")}),maxHeight:({theme:e})=>({...e("spacing"),none:"none",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:e,breakpoints:a})=>({none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...a(e("screens"))}),minHeight:{0:"0px",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",20:"0.2",25:"0.25",30:"0.3",40:"0.4",50:"0.5",60:"0.6",70:"0.7",75:"0.75",80:"0.8",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:e})=>e("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:e})=>e("spacing"),placeholderColor:({theme:e})=>e("colors"),placeholderOpacity:({theme:e})=>e("opacity"),ringColor:({theme:e})=>({DEFAULT:e("colors.blue.500","#3b82f6"),...e("colors")}),ringOffsetColor:({theme:e})=>e("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:e})=>({DEFAULT:"0.5",...e("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:e})=>({...e("spacing")}),scrollPadding:({theme:e})=>e("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:e})=>({...e("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:e})=>({none:"none",...e("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:e})=>e("colors"),textDecorationColor:({theme:e})=>e("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:e})=>({...e("spacing")}),textOpacity:({theme:e})=>e("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:e})=>({...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),width:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:()=>s});const a=l,r=o(x);function o(i){return i&&i.__esModule?i:{default:i}}const s=(0,a.cloneDeep)(r.default.theme)})(d);let f=d;var p=(f.__esModule?f:{default:f}).default;const c={sans:["Archivo",...p.fontFamily.sans],serif:["IBM Plex Serif",...p.fontFamily.serif]},m={primary:"#111827",secondary:"#4b5563",tertiary:"#9ca3af",warning:"#724611",danger:"#8b102f",success:"#0a5d2f",info:"#194e8f",system:"#0d5154",brand:"#004e48",button:{primary:{default:"#ffffff",disabled:"#6b7280"},secondary:{default:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#6b7280",focused:"#30715e"},tertiary:{default:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#6b7280",focused:"#30715e"}}},b={"on-primary":"#e5e7eb","on-secondary":"#d1d5db","on-tertiary":"#9ca3af",system:"#0d505466",info:"#194e8f66",success:"#0a5d2f66",warning:"#72461166",danger:"#8b102f66",brand:"#004e48",button:{primary:{default:"#30715e",hover:"#30715e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},secondary:{default:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},tertiary:{focused:"#223f37"}}},u={primary:"#f9fafb",secondary:"#004e48",button:{primary:{default:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#30715e"},secondary:{default:"#ffffff",hover:"#f3faf7",pressed:"#f3faf7",disabled:"#f9fafb",focused:"#f3faf7"},tertiary:{default:"#ffffff",hover:"#f3faf7",pressed:"#f3faf7",disabled:"#ffffff",focused:"#ffffff"}},surface:{primary:{default:"#ffffff",hover:"#FCFDFD",active:"#F6F9F9"},secondary:{default:"#F6F9F9",hover:"#F1F5F5",active:"#ECF1F1"},tertiary:{default:"#E6EDED",hover:"#E1E8E9",active:"#DCE4E4"},danger:{default:"#fff1f1",hover:"#ffe3e3",pressed:"#FFD8D6"},success:{default:"#eefff4",hover:"#d7ffe7",pressed:"#CCFFE0"},warning:{default:"#fefde8",hover:"#fffdc2",pressed:"#FFFC99"},info:{default:"#eef9ff",hover:"#d9f1ff",pressed:"#CCECFF"},system:{default:"#effefd",hover:"#c7fffa",pressed:"#BDFFF9"}}},g={"on-primary":"#e5e7eb","on-secondary":"#d1d5db","on-tertiary":"#9ca3af",system:"#0d505466",info:"#194e8f66",success:"#0a5d2f66",warning:"#72461166",danger:"#8b102f66",brand:"#004e48",button:{primary:{default:"#30715e",hover:"#30715e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},secondary:{default:"#30715e",hover:"#2a5b4e",pressed:"#3e8e75",disabled:"#d1d5db",focused:"#223f37"},tertiary:{focused:"#223f37"}}},h={theme:{extend:{fontFamily:c,colors:n,textColor:m,borderColor:b,backgroundColor:u,outlineColor:g}}}.theme;t.backgroundColor=u,t.bccForbundetTheme=h,t.borderColor=b,t.colors=n,t.fontFamily=c,t.outlineColor=g,t.textColor=m,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/dist_types/index.d.ts

@@ -1 +1,7 @@
 export { default as bccForbundetTheme } from "./tailwind/bccForbundetTheme";
+export { fontFamily } from "./tailwind/fontFamily";
+export { colors } from "./tailwind/colors";
+export { backgroundColor } from "./tailwind/backgroundColor";
+export { borderColor } from "./tailwind/borderColor";
+export { outlineColor } from "./tailwind/outlineColor";
+export { textColor } from "./tailwind/textColor";

package/dist_types/tailwind/backgroundColor.d.ts

@@ -0,0 +1,69 @@
+export declare const backgroundColor: {
+    primary: string;
+    secondary: string;
+    button: {
+        primary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        tertiary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+    };
+    surface: {
+        primary: {
+            default: string;
+            hover: string;
+            active: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            active: string;
+        };
+        tertiary: {
+            default: string;
+            hover: string;
+            active: string;
+        };
+        danger: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        success: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        warning: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        info: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        system: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+    };
+};

package/dist_types/tailwind/borderColor.d.ts

@@ -0,0 +1,30 @@
+export declare const borderColor: {
+    "on-primary": string;
+    "on-secondary": string;
+    "on-tertiary": string;
+    system: string;
+    info: string;
+    success: string;
+    warning: string;
+    danger: string;
+    brand: string;
+    button: {
+        primary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        tertiary: {
+            focused: string;
+        };
+    };
+};

package/dist_types/tailwind/colors.d.ts

@@ -0,0 +1,265 @@
+export declare const colors: {
+    neutral: {
+        "0": string;
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "bcc-brand": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    green: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    lime: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    teal: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    blue: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    purple: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    pink: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    red: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    orange: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    yellow: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "silver-tree": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    gimblet: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    mongoose: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "muddy-waters": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    viola: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "light-wisteria": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "cold-purple": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    "polo-blue": {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    neptune: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    mantis: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+    };
+    isbre: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+    };
+};

package/dist_types/tailwind/fontFamily.d.ts

@@ -0,0 +1,4 @@
+export declare const fontFamily: {
+    sans: string[];
+    serif: string[];
+};

package/dist_types/tailwind/outlineColor.d.ts

@@ -0,0 +1,30 @@
+export declare const outlineColor: {
+    "on-primary": string;
+    "on-secondary": string;
+    "on-tertiary": string;
+    system: string;
+    info: string;
+    success: string;
+    warning: string;
+    danger: string;
+    brand: string;
+    button: {
+        primary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        tertiary: {
+            focused: string;
+        };
+    };
+};

package/dist_types/tailwind/textColor.d.ts

@@ -0,0 +1,31 @@
+export declare const textColor: {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    warning: string;
+    danger: string;
+    success: string;
+    info: string;
+    system: string;
+    brand: string;
+    button: {
+        primary: {
+            default: string;
+            disabled: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+        tertiary: {
+            default: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            focused: string;
+        };
+    };
+};

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@bcc-code/design-tokens",
   "repository": "https://github.com/bcc-code/bcc-design-tokens.git",
-  "version": "0.2.0",
+  "homepage": "https://developer.bcc.no/bcc-design/tokens",
+  "version": "0.3.0",
   "type": "module",
   "license": "Apache-2.0",
   "files": [
@@ -18,12 +19,14 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc --declaration --emitDeclarationOnly -p tsconfig.compile.json && vite build",
+    "build:tokens": "token-transformer src/input/figma.json temp/figma-transformed.json",
     "preview": "vite preview"
   },
   "peerDependencies": {
     "tailwindcss": "^3.2.4"
   },
   "devDependencies": {
+    "token-transformer": "^0.0.30",
     "typescript": "^4.9.3",
     "vite": "^4.1.0"
   }