@bcc-code/design-tokens 5.1.68 → 5.1.69

package/build/bcc/js/light.js

@@ -1,849 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default {
-  color: {
-    neutral: {
-      0: "#ffffff",
-      100: "#f8f8f8",
-      200: "#f0f1f2",
-      300: "#dddee1",
-      400: "#b7b9be",
-      500: "#8c8f97",
-      600: "#7d818a",
-      700: "#6b6e76",
-      800: "#505258",
-      900: "#3b3d42",
-      1000: "#292a2e",
-      1100: "#1e1f21",
-    },
-    "neutral-alpha": {
-      "100A": "rgba(23, 23, 23, 0.03)",
-      "200A": "rgba(5, 21, 36, 0.06)",
-      "300A": "rgba(11, 18, 14, 0.14)",
-      "400A": "rgba(8, 15, 33, 0.29)",
-      "500A": "rgba(5, 12, 31, 0.46)",
-    },
-    "dark-neutral": {
-      0: "#18191a",
-      100: "#1f1f21",
-      200: "#242528",
-      250: "#2b2c2f",
-      300: "#303134",
-      350: "#3d3f43",
-      400: "#4b4d51",
-      500: "#63666b",
-      600: "#7e8188",
-      700: "#96999e",
-      800: "#a9abaf",
-      900: "#bfc1c4",
-      1000: "#cecfd2",
-      1100: "#e2e3e4",
-    },
-    "dark-neutral-alpha": {
-      "100A": "rgba(189, 189, 189, 0.04)",
-      "200A": "rgba(206, 206, 217, 0.07)",
-      "250A": "rgba(217, 218, 231, 0.1)",
-      "300A": "rgba(227, 228, 242, 0.12)",
-      "350A": "rgba(232, 237, 253, 0.18)",
-      "400A": "rgba(229, 233, 246, 0.25)",
-      "500A": "rgba(233, 240, 251, 0.36)",
-    },
-    blue: {
-      100: "#f6fbff",
-      200: "#d9ecff",
-      300: "#a6cdfd",
-      400: "#7cabf9",
-      500: "#608ef6",
-      600: "#446add",
-      700: "#274eb5",
-      800: "#273c8f",
-      900: "#212c64",
-      1000: "#091e47",
-    },
-    teal: {
-      100: "#f6fbff",
-      200: "#c3f2f8",
-      300: "#82d3e3",
-      400: "#51b9cf",
-      500: "#1a9eb7",
-      600: "#0b7da1",
-      700: "#005b81",
-      800: "#09486b",
-      900: "#0d324d",
-      1000: "#0c2132",
-    },
-    bcc: {
-      100: "#f0fcfa",
-      200: "#d2eeeb",
-      300: "#a0cec8",
-      400: "#6fb5ad",
-      500: "#3e9f97",
-      600: "#1d7f78",
-      700: "#0c625c",
-      800: "#014d49",
-      900: "#0b3633",
-      1000: "#012320",
-    },
-    green: {
-      100: "#efffed",
-      200: "#cbf3c9",
-      300: "#83d895",
-      400: "#32c180",
-      500: "#1ca673",
-      600: "#09825d",
-      700: "#0c6241",
-      800: "#094c3b",
-      900: "#073734",
-      1000: "#032429",
-    },
-    brown: {
-      100: "#f9faf4",
-      200: "#ece8dc",
-      300: "#d1c5b0",
-      400: "#bea889",
-      500: "#a98c66",
-      600: "#8b6d45",
-      700: "#6e5232",
-      800: "#553d28",
-      900: "#3f2c1e",
-      1000: "#2e1b0f",
-    },
-    yellow: {
-      100: "#fdf8e9",
-      200: "#f8e6a0",
-      300: "#e9c348",
-      400: "#d5a406",
-      500: "#bc870d",
-      600: "#a4670b",
-      700: "#854901",
-      800: "#653805",
-      900: "#4b2c04",
-      1000: "#2d1f00",
-    },
-    orange: {
-      100: "#fffaed",
-      200: "#fee3c1",
-      300: "#f6b981",
-      400: "#f19457",
-      500: "#da772e",
-      600: "#b55919",
-      700: "#943a14",
-      800: "#782612",
-      900: "#5d1712",
-      1000: "#420e0d",
-    },
-    red: {
-      100: "#fff8f3",
-      200: "#fee2dd",
-      300: "#fab6ad",
-      400: "#fa877e",
-      500: "#ed6362",
-      600: "#ca414e",
-      700: "#a42237",
-      800: "#811436",
-      900: "#630d2e",
-      1000: "#440223",
-    },
-    magenta: {
-      100: "#fff8ff",
-      200: "#fce0f8",
-      300: "#f3b4e2",
-      400: "#eb8acf",
-      500: "#de66b0",
-      600: "#be428f",
-      700: "#952e70",
-      800: "#751f57",
-      900: "#5b1043",
-      1000: "#3f0534",
-    },
-    purple: {
-      100: "#f6f9ff",
-      200: "#e3e3fe",
-      300: "#c9c3ec",
-      400: "#afa0e0",
-      500: "#9a82da",
-      600: "#8360c3",
-      700: "#61479c",
-      800: "#493481",
-      900: "#352465",
-      1000: "#1d154d",
-    },
-    transparent: "rgba(0, 0, 0, 0)",
-    brand: {
-      100: "#f0fcfa",
-      200: "#d2eeeb",
-      300: "#a0cec8",
-      400: "#6fb5ad",
-      500: "#3e9f97",
-      600: "#1d7f78",
-      700: "#0c625c",
-      800: "#014d49",
-      900: "#0b3633",
-      1000: "#012320",
-    },
-    text: {
-      default: "#292a2e",
-      subtle: "#505258",
-      subtlest: "#7d818a",
-      disabled: "rgba(8, 15, 33, 0.29)",
-      selected: "#0c625c",
-      inverse: "#ffffff",
-      success: "#094c3b",
-      information: "#273c8f",
-      danger: "#811436",
-      warning: {
-        default: "#653805",
-        inverse: "#4b2c04",
-      },
-      brand: {
-        default: "#014d49",
-        bold: "#0b3633",
-      },
-      accent: {
-        gray: {
-          default: "#505258",
-          bold: "#1e1f21",
-        },
-        blue: {
-          default: "#273c8f",
-          bold: "#212c64",
-        },
-        teal: {
-          default: "#09486b",
-          bold: "#0d324d",
-        },
-        green: {
-          default: "#094c3b",
-          bold: "#073734",
-        },
-        brown: {
-          default: "#553d28",
-          bold: "#3f2c1e",
-        },
-        yellow: {
-          default: "#653805",
-          bold: "#4b2c04",
-        },
-        orange: {
-          default: "#782612",
-          bold: "#5d1712",
-        },
-        red: {
-          default: "#811436",
-          bold: "#630d2e",
-        },
-        magenta: {
-          default: "#751f57",
-          bold: "#5b1043",
-        },
-        purple: {
-          default: "#493481",
-          bold: "#352465",
-        },
-      },
-      static: {
-        default: "#ffffff",
-      },
-    },
-    link: {
-      default: "#273c8f",
-      pressed: "#212c64",
-      visited: {
-        default: "#493481",
-        hover: "#352465",
-      },
-    },
-    icon: {
-      default: "#1e1f21",
-      subtle: "#505258",
-      subtlest: "#7d818a",
-      disabled: "rgba(8, 15, 33, 0.29)",
-      selected: "#0c625c",
-      inverse: "#ffffff",
-      success: "#094c3b",
-      information: "#273c8f",
-      danger: "#811436",
-      warning: {
-        default: "#653805",
-        inverse: "#4b2c04",
-      },
-      brand: {
-        default: "#014d49",
-        bold: "#0b3633",
-      },
-      accent: {
-        gray: {
-          default: "#505258",
-          bold: "#1e1f21",
-        },
-        blue: {
-          default: "#273c8f",
-          bold: "#212c64",
-        },
-        teal: {
-          default: "#09486b",
-          bold: "#0d324d",
-        },
-        green: {
-          default: "#094c3b",
-          bold: "#073734",
-        },
-        brown: {
-          default: "#553d28",
-          bold: "#3f2c1e",
-        },
-        yellow: {
-          default: "#653805",
-          bold: "#4b2c04",
-        },
-        orange: {
-          default: "#782612",
-          bold: "#5d1712",
-        },
-        red: {
-          default: "#811436",
-          bold: "#630d2e",
-        },
-        magenta: {
-          default: "#751f57",
-          bold: "#5b1043",
-        },
-        purple: {
-          default: "#493481",
-          bold: "#352465",
-        },
-      },
-      static: {
-        default: "#ffffff",
-      },
-    },
-    border: {
-      default: "rgba(11, 18, 14, 0.14)",
-      bold: "#7d818a",
-      disabled: "rgba(5, 21, 36, 0.06)",
-      selected: "#0c625c",
-      focused: "#505258",
-      inverse: "#ffffff",
-      input: "#8c8f97",
-      success: "#09825d",
-      information: "#446add",
-      danger: "#ca414e",
-      warning: "#b55919",
-      brand: "#0c625c",
-      accent: {
-        gray: "#7d818a",
-        blue: "#446add",
-        teal: "#0b7da1",
-        green: "#09825d",
-        brown: "#8b6d45",
-        yellow: "#a4670b",
-        orange: "#b55919",
-        red: "#ca414e",
-        magenta: "#be428f",
-        purple: "#8360c3",
-      },
-    },
-    background: {
-      disabled: {
-        default: "rgba(5, 21, 36, 0.06)",
-      },
-      selected: {
-        default: "#f0fcfa",
-        hovered: "#d2eeeb",
-        pressed: "#a0cec8",
-        bold: {
-          default: "#0c625c",
-          hovered: "#014d49",
-          pressed: "#0b3633",
-        },
-      },
-      inverse: {
-        subtle: {
-          default: "rgba(0, 0, 0, 0.16)",
-          hovered: "rgba(0, 0, 0, 0.24)",
-          pressed: "rgba(0, 0, 0, 0.32)",
-        },
-      },
-      input: {
-        default: "#ffffff",
-        hovered: "#f8f8f8",
-        pressed: "#ffffff",
-      },
-      information: {
-        default: "#f6fbff",
-        hover: "#d9ecff",
-        pressed: "#a6cdfd",
-        bolder: {
-          default: "#274eb5",
-          hover: "#273c8f",
-          pressed: "#212c64",
-        },
-      },
-      success: {
-        default: "#efffed",
-        hover: "#cbf3c9",
-        pressed: "#83d895",
-        bolder: {
-          default: "#0c6241",
-          hover: "#094c3b",
-          pressed: "#073734",
-        },
-      },
-      danger: {
-        default: "#fff8f3",
-        hover: "#fee2dd",
-        pressed: "#fab6ad",
-        bolder: {
-          default: "#a42237",
-          hover: "#811436",
-          pressed: "#630d2e",
-        },
-      },
-      warning: {
-        default: "#fdf8e9",
-        hover: "#f8e6a0",
-        pressed: "#e9c348",
-        bolder: {
-          default: "#e9c348",
-          hover: "#d5a406",
-          pressed: "#bc870d",
-        },
-      },
-      brand: {
-        subtle: {
-          default: "#6fb5ad",
-          hover: "#a0cec8",
-          pressed: "#d2eeeb",
-        },
-        subtler: {
-          default: "#d2eeeb",
-          hover: "#a0cec8",
-          pressed: "#6fb5ad",
-        },
-        subtlest: {
-          default: "#f0fcfa",
-          hover: "#d2eeeb",
-          pressed: "#a0cec8",
-        },
-        bolder: {
-          default: "#014d49",
-          hover: "#0b3633",
-          pressed: "#012320",
-        },
-        boldest: {
-          default: "#012320",
-          hover: "#0b3633",
-          pressed: "#014d49",
-        },
-      },
-      alpha: {
-        default: "rgba(11, 18, 14, 0.14)",
-        hover: "rgba(8, 15, 33, 0.29)",
-        pressed: "rgba(5, 12, 31, 0.46)",
-        subtle: {
-          default: "rgba(5, 21, 36, 0.06)",
-          hover: "rgba(11, 18, 14, 0.14)",
-          pressed: "rgba(8, 15, 33, 0.29)",
-        },
-        subtler: {
-          default: "rgba(23, 23, 23, 0.03)",
-          hover: "rgba(5, 21, 36, 0.06)",
-          pressed: "rgba(11, 18, 14, 0.14)",
-        },
-        subtlest: {
-          default: "rgba(0, 0, 0, 0)",
-          hover: "rgba(23, 23, 23, 0.03)",
-          pressed: "rgba(5, 21, 36, 0.06)",
-        },
-        bold: {
-          default: "rgba(5, 12, 31, 0.46)",
-          hover: "rgba(8, 15, 33, 0.29)",
-          pressed: "rgba(11, 18, 14, 0.14)",
-        },
-      },
-      accent: {
-        blue: {
-          subtle: {
-            default: "#7cabf9",
-            hover: "#a6cdfd",
-            pressed: "#d9ecff",
-          },
-          subtler: {
-            default: "#d9ecff",
-            hover: "#a6cdfd",
-            pressed: "#7cabf9",
-          },
-          subtlest: {
-            default: "#f6fbff",
-            hover: "#d9ecff",
-            pressed: "#a6cdfd",
-          },
-          bolder: {
-            default: "#274eb5",
-            hover: "#273c8f",
-            pressed: "#212c64",
-          },
-        },
-        teal: {
-          subtle: {
-            default: "#51b9cf",
-            hover: "#82d3e3",
-            pressed: "#c3f2f8",
-          },
-          subtler: {
-            default: "#c3f2f8",
-            hover: "#82d3e3",
-            pressed: "#51b9cf",
-          },
-          subtlest: {
-            default: "#f6fbff",
-            hover: "#c3f2f8",
-            pressed: "#82d3e3",
-          },
-          bolder: {
-            default: "#005b81",
-            hover: "#09486b",
-            pressed: "#0d324d",
-          },
-        },
-        green: {
-          subtle: {
-            default: "#32c180",
-            hover: "#83d895",
-            pressed: "#cbf3c9",
-          },
-          subtler: {
-            default: "#cbf3c9",
-            hover: "#83d895",
-            pressed: "#32c180",
-          },
-          subtlest: {
-            default: "#efffed",
-            hover: "#cbf3c9",
-            pressed: "#83d895",
-          },
-          bolder: {
-            default: "#0c6241",
-            hover: "#094c3b",
-            pressed: "#073734",
-          },
-        },
-        brown: {
-          subtle: {
-            default: "#bea889",
-            hover: "#d1c5b0",
-            pressed: "#ece8dc",
-          },
-          subtler: {
-            default: "#ece8dc",
-            hover: "#d1c5b0",
-            pressed: "#bea889",
-          },
-          subtlest: {
-            default: "#f9faf4",
-            hover: "#ece8dc",
-            pressed: "#d1c5b0",
-          },
-          bolder: {
-            default: "#6e5232",
-            hover: "#553d28",
-            pressed: "#3f2c1e",
-          },
-        },
-        yellow: {
-          subtle: {
-            default: "#e9c348",
-            hover: "#d5a406",
-            pressed: "#bc870d",
-          },
-          subtler: {
-            default: "#f8e6a0",
-            hover: "#e9c348",
-            pressed: "#d5a406",
-          },
-          subtlest: {
-            default: "#fdf8e9",
-            hover: "#f8e6a0",
-            pressed: "#e9c348",
-          },
-          bolder: {
-            default: "#854901",
-            hover: "#653805",
-            pressed: "#4b2c04",
-          },
-        },
-        orange: {
-          subtle: {
-            default: "#f19457",
-            hover: "#f6b981",
-            pressed: "#fee3c1",
-          },
-          subtler: {
-            default: "#fee3c1",
-            hover: "#f6b981",
-            pressed: "#f19457",
-          },
-          subtlest: {
-            default: "#fffaed",
-            hover: "#fee3c1",
-            pressed: "#f6b981",
-          },
-          bolder: {
-            default: "#943a14",
-            hover: "#782612",
-            pressed: "#5d1712",
-          },
-        },
-        red: {
-          subtle: {
-            default: "#fa877e",
-            hover: "#fab6ad",
-            pressed: "#fee2dd",
-          },
-          subtler: {
-            default: "#fee2dd",
-            hover: "#fab6ad",
-            pressed: "#fa877e",
-          },
-          subtlest: {
-            default: "#fff8f3",
-            hover: "#fee2dd",
-            pressed: "#fab6ad",
-          },
-          bolder: {
-            default: "#a42237",
-            hover: "#811436",
-            pressed: "#630d2e",
-          },
-        },
-        purple: {
-          subtle: {
-            default: "#afa0e0",
-            hover: "#c9c3ec",
-            pressed: "#e3e3fe",
-          },
-          subtler: {
-            default: "#e3e3fe",
-            hover: "#c9c3ec",
-            pressed: "#afa0e0",
-          },
-          subtlest: {
-            default: "#f6f9ff",
-            hover: "#e3e3fe",
-            pressed: "#c9c3ec",
-          },
-          bolder: {
-            default: "#61479c",
-            hover: "#493481",
-            pressed: "#352465",
-          },
-        },
-        magenta: {
-          subtle: {
-            default: "#eb8acf",
-            hover: "#f3b4e2",
-            pressed: "#fce0f8",
-          },
-          subtler: {
-            default: "#fce0f8",
-            hover: "#f3b4e2",
-            pressed: "#eb8acf",
-          },
-          subtlest: {
-            default: "#fff8ff",
-            hover: "#fce0f8",
-            pressed: "#f3b4e2",
-          },
-          bolder: {
-            default: "#952e70",
-            hover: "#751f57",
-            pressed: "#5b1043",
-          },
-        },
-        gray: {
-          default: "#dddee1",
-          hover: "#b7b9be",
-          pressed: "#8c8f97",
-          subtle: {
-            default: "#f0f1f2",
-            hover: "#dddee1",
-            pressed: "#b7b9be",
-          },
-          subtler: {
-            default: "#f8f8f8",
-            hover: "#f0f1f2",
-            pressed: "#dddee1",
-          },
-          subtlest: {
-            default: "#ffffff",
-            hover: "#f8f8f8",
-            pressed: "#f0f1f2",
-          },
-          bold: {
-            default: "#6b6e76",
-            hover: "#7d818a",
-            pressed: "#8c8f97",
-          },
-          bolder: {
-            default: "#3b3d42",
-            hover: "#505258",
-            pressed: "#6b6e76",
-          },
-          boldest: {
-            default: "#1e1f21",
-            hover: "#292a2e",
-            pressed: "#3b3d42",
-          },
-        },
-      },
-      static: {
-        default: "#014d49",
-      },
-    },
-    blanket: {
-      default: "rgba(5, 12, 31, 0.46)",
-      selected: "rgba(56, 139, 255, 0.08)",
-      danger: "rgba(239, 92, 72, 0.08)",
-    },
-    interaction: {
-      hovered: "rgba(0, 0, 0, 0.16)",
-      pressed: "rgba(0, 0, 0, 0.32)",
-    },
-    skeleton: {
-      default: "rgba(5, 21, 36, 0.06)",
-      subtle: "rgba(23, 23, 23, 0.03)",
-    },
-    elevation: {
-      surface: {
-        default: "#ffffff",
-        hovered: "#f0f1f2",
-        pressed: "#dddee1",
-        overlay: {
-          default: "#ffffff",
-          hovered: "#f0f1f2",
-          pressed: "#dddee1",
-        },
-        raised: {
-          default: "#ffffff",
-          hovered: "#f0f1f2",
-          pressed: "#dddee1",
-        },
-        sunken: {
-          default: "#f8f8f8",
-        },
-      },
-    },
-  },
-  space: {
-    0: "0rem",
-    25: "0.125rem",
-    50: "0.25rem",
-    75: "0.375rem",
-    100: "0.5rem",
-    150: "0.75rem",
-    200: "1rem",
-    250: "1.25rem",
-    300: "1.5rem",
-    400: "2rem",
-    500: "2.5rem",
-    600: "3rem",
-    800: "4rem",
-    1000: "5rem",
-    negative: {
-      25: "-0.125rem",
-      50: "-0.25rem",
-      75: "-0.375rem",
-      100: "-0.5rem",
-      150: "-0.75rem",
-      200: "-1rem",
-      250: "-1.25rem",
-      300: "-1.5rem",
-      400: "-2rem",
-    },
-  },
-  "border-radius": {
-    none: "0",
-    "2xs": "0.125rem",
-    xs: "0.25rem",
-    sm: "0.375rem",
-    md: "0.5rem",
-    lg: "0.75rem",
-    xl: "1rem",
-    "2xl": "1.5rem",
-    "3xl": "2rem",
-    "4xl": "3rem",
-    full: "999px",
-  },
-  "icon-size": {
-    xs: "1rem",
-    sm: "1.25rem",
-    md: "1.5rem",
-    lg: "2rem",
-    xl: "3rem",
-  },
-  "border-width": {
-    0: "0",
-    1: "1px",
-    2: "2px",
-  },
-  "font-family": {
-    archivo: "Archivo",
-  },
-  "font-weight": {
-    regular: 400,
-    medium: 500,
-    bold: 700,
-    semibold: 600,
-  },
-  "line-height": {
-    xs: "12px",
-    sm: "14px",
-    md: "16px",
-    lg: "20px",
-    xl: "24px",
-    "2xl": "28px",
-    "3xl": "32px",
-    "4xl": "36px",
-    "5xl": "40px",
-    "6xl": "56px",
-    "7xl": "64px",
-    none: "1",
-  },
-  "font-size": {
-    xs: "0.75rem",
-    sm: "0.875rem",
-    md: "1rem",
-    lg: "1.25rem",
-    xl: "1.5rem",
-    "2xl": "2em",
-    "3xl": "2.25rem",
-    "4xl": "3rem",
-    "5xl": "3.5rem",
-  },
-  heading: {
-    xs: "600 0.75rem/14px Archivo",
-    sm: "600 0.875rem/16px Archivo",
-    md: "600 1rem/20px Archivo",
-    lg: "600 1.25rem/24px Archivo",
-    xl: "600 1.5rem/28px Archivo",
-    "2xl": "600 2em/32px Archivo",
-    "3xl": "600 2.25rem/40px Archivo",
-    "4xl": "600 3rem/56px Archivo",
-    "5xl": "600 3.5rem/64px Archivo",
-  },
-  body: {
-    sm: "400 0.75rem/16px Archivo",
-    md: "400 0.875rem/20px Archivo",
-    lg: "400 1rem/24px Archivo",
-  },
-  elevation: {
-    shadow: {
-      oveflow: "0 0 8px 0 rgba(30,31,33,0.16), 0 0 1px 0 rgba(30,31,33,0.12)",
-      overlay:
-        "0 8px 12px 0 rgba(30,31,33,0.15), 0 0 1px 0 rgba(30,31,33,0.31)",
-      raised: "0 1px 1px 0 rgba(30,31,33,0.25), 0 0 1px 0 rgba(30,31,33,0.31)",
-    },
-  },
-};