@bcc-code/design-tokens 0.4.0 → 0.4.1

package/dist/design-tokens.js

@@ -0,0 +1,1423 @@
+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
+  }), Object.defineProperty(e, "cloneDeep", {
+    enumerable: !0,
+    get: () => 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;
+  }
+})(d);
+var c = {
+  content: [],
+  presets: [],
+  darkMode: "media",
+  // or 'class'
+  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: t }) => ({
+      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",
+      ...t(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",
+      0.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: () => o
+  });
+  const t = d, r = /* @__PURE__ */ a(c);
+  function a(n) {
+    return n && n.__esModule ? n : {
+      default: n
+    };
+  }
+  const o = (0, t.cloneDeep)(r.default.theme);
+})(s);
+let i = s;
+var f = (i.__esModule ? i : { default: i }).default;
+const l = {
+  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",
+  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"
+    }
+  }
+}, g = {
+  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"
+    }
+  }
+}, x = {
+  "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"
+    }
+  }
+}, u = {
+  theme: {
+    extend: {
+      fontFamily: l,
+      colors: p,
+      textColor: m,
+      borderColor: b,
+      backgroundColor: g,
+      outlineColor: x
+    }
+  }
+}, h = u.theme;
+export {
+  g as backgroundColor,
+  h as bccForbundetTheme,
+  b as borderColor,
+  p as colors,
+  l as fontFamily,
+  x as outlineColor,
+  m as textColor
+};