@bcc-code/design-tokens 0.0.0-dev.f325e90 → 0.0.0-dev.fd586db

package/dist/design-tokens.js

@@ -1,19 +1,289 @@
-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"
+  }
+};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var s = {}, d = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "cloneDeep", {
     enumerable: !0,
-    get: () => r
+    get: function() {
+      return t;
+    }
   });
-  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,
-      r(o)
-    ])) : t;
+  function t(r) {
+    return Array.isArray(r) ? r.map((a) => t(a)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([a, o]) => [
+      a,
+      t(o)
+    ])) : r;
   }
-})(m);
-var l = {
+})(d);
+var c = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -371,6 +641,29 @@ var l = {
     },
     gap: ({ theme: e }) => e("spacing"),
     gradientColorStops: ({ theme: e }) => e("colors"),
+    gradientColorStopPositions: {
+      "0%": "0%",
+      "5%": "5%",
+      "10%": "10%",
+      "15%": "15%",
+      "20%": "20%",
+      "25%": "25%",
+      "30%": "30%",
+      "35%": "35%",
+      "40%": "40%",
+      "45%": "45%",
+      "50%": "50%",
+      "55%": "55%",
+      "60%": "60%",
+      "65%": "65%",
+      "70%": "70%",
+      "75%": "75%",
+      "80%": "80%",
+      "85%": "85%",
+      "90%": "90%",
+      "95%": "95%",
+      "100%": "100%"
+    },
     grayscale: {
       0: "0",
       DEFAULT: "100%"
@@ -593,10 +886,21 @@ var l = {
       disc: "disc",
       decimal: "decimal"
     },
+    listStyleImage: {
+      none: "none"
+    },
     margin: ({ theme: e }) => ({
       auto: "auto",
       ...e("spacing")
     }),
+    lineClamp: {
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6"
+    },
     maxHeight: ({ theme: e }) => ({
       ...e("spacing"),
       none: "none",
@@ -606,7 +910,7 @@ var l = {
       max: "max-content",
       fit: "fit-content"
     }),
-    maxWidth: ({ theme: e, breakpoints: r }) => ({
+    maxWidth: ({ theme: e, breakpoints: t }) => ({
       none: "none",
       0: "0rem",
       xs: "20rem",
@@ -625,7 +929,7 @@ var l = {
       max: "max-content",
       fit: "fit-content",
       prose: "65ch",
-      ...r(e("screens"))
+      ...t(e("screens"))
     }),
     minHeight: {
       0: "0px",
@@ -868,6 +1172,7 @@ var l = {
       "top-left": "top left"
     },
     transitionDelay: {
+      0: "0s",
       75: "75ms",
       100: "100ms",
       150: "150ms",
@@ -879,6 +1184,7 @@ var l = {
     },
     transitionDuration: {
       DEFAULT: "150ms",
+      0: "0s",
       75: "75ms",
       100: "100ms",
       150: "150ms",
@@ -972,175 +1278,211 @@ var l = {
     value: !0
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
-    get: () => o
+    get: function() {
+      return o;
+    }
   });
-  const r = m, t = /* @__PURE__ */ n(l);
-  function n(a) {
-    return a && a.__esModule ? a : {
-      default: a
+  const t = d, r = /* @__PURE__ */ a(c);
+  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;
-const c = {
+  const o = (0, t.cloneDeep)(r.default.theme);
+})(s);
+let i = s;
+var m = (i.__esModule ? i : { default: i }).default;
+const f = /* @__PURE__ */ l(m), b = {
+  sans: ["Archivo", ...f.fontFamily.sans],
+  serif: ["IBM Plex Serif", ...f.fontFamily.serif]
+}, g = {
+  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"
+    }
+  }
+}, u = {
+  "on-primary": "#e5e7eb",
+  "on-secondary": "#d1d5db",
+  "on-tertiary": "#9ca3af",
+  system: "#0d505466",
+  info: "#194e8f66",
+  success: "#0a5d2f66",
+  warning: "#72461166",
+  danger: "#8b102f66",
+  brand: "#004e48",
+  focused: "#111827",
+  button: {
+    primary: {
+      DEFAULT: "#30715e",
+      hover: "#30715e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    secondary: {
+      DEFAULT: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    }
+  }
+}, x = {
+  page: {
+    primary: "#F9FAFB",
+    secondary: "#FFFFFF"
+  },
+  primary: {
+    DEFAULT: "#FFFFFF"
+  },
+  secondary: {
+    DEFAULT: "#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"
+  },
+  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"
+    }
+  }
+}, h = {
+  "on-primary": "#e5e7eb",
+  "on-secondary": "#d1d5db",
+  "on-tertiary": "#9ca3af",
+  system: "#0d505466",
+  info: "#194e8f66",
+  success: "#0a5d2f66",
+  warning: "#72461166",
+  danger: "#8b102f66",
+  brand: "#004e48",
+  focused: "#111827",
+  button: {
+    primary: {
+      DEFAULT: "#30715e",
+      hover: "#30715e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    secondary: {
+      DEFAULT: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    }
+  }
+}, y = {
+  "on-primary": "#e5e7eb",
+  "on-secondary": "#d1d5db",
+  "on-tertiary": "#9ca3af",
+  system: "#0d505466",
+  info: "#194e8f66",
+  success: "#0a5d2f66",
+  warning: "#72461166",
+  danger: "#8b102f66",
+  brand: "#004e48",
+  focused: "#111827",
+  button: {
+    primary: {
+      DEFAULT: "#30715e",
+      hover: "#30715e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    },
+    secondary: {
+      DEFAULT: "#30715e",
+      hover: "#2a5b4e",
+      pressed: "#3e8e75",
+      disabled: "#d1d5db",
+      focused: "#223f37"
+    }
+  }
+}, F = {
   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: b,
+      colors: p,
+      textColor: g,
+      borderColor: u,
+      backgroundColor: x,
+      outlineColor: h,
+      ringColor: y
     }
   }
-}, d = c.theme;
+};
 export {
-  d as bccForbundetTheme
+  F as bccForbundetTheme
 };