@bcc-code/design-tokens 4.0.0 → 4.0.1

package/build/bcc/js/dark.d.ts

@@ -0,0 +1,826 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+declare const tokens: {
+  color: {
+    neutral: {
+      "0": string;
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+      "1100": string;
+    };
+    "neutral-alpha": {
+      "100A": string;
+      "200A": string;
+      "300A": string;
+      "400A": string;
+      "500A": string;
+    };
+    "dark-neutral": {
+      "0": string;
+      "100": string;
+      "200": string;
+      "250": string;
+      "300": string;
+      "350": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+      "1100": string;
+    };
+    "dark-neutral-alpha": {
+      "100A": string;
+      "200A": string;
+      "250A": string;
+      "300A": string;
+      "350A": string;
+      "400A": string;
+      "500A": string;
+    };
+    blue: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    teal: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    bcc: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    green: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    brown: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    yellow: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    orange: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    red: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    magenta: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    purple: {
+      "100": string;
+      "200": string;
+      "300": string;
+      "400": string;
+      "500": string;
+      "600": string;
+      "700": string;
+      "800": string;
+      "900": string;
+      "1000": string;
+    };
+    transparent: string;
+    text: {
+      default: string;
+      subtle: string;
+      subtlest: string;
+      disabled: string;
+      selected: string;
+      inverse: string;
+      success: string;
+      danger: string;
+      information: string;
+      warning: {
+        default: string;
+        inverse: string;
+      };
+      brand: {
+        default: string;
+        bold: string;
+      };
+      accent: {
+        gray: {
+          default: string;
+          bold: string;
+        };
+        blue: {
+          default: string;
+          bold: string;
+        };
+        teal: {
+          default: string;
+          bold: string;
+        };
+        green: {
+          default: string;
+          bold: string;
+        };
+        brown: {
+          default: string;
+          bold: string;
+        };
+        yellow: {
+          default: string;
+          bold: string;
+        };
+        orange: {
+          default: string;
+          bold: string;
+        };
+        red: {
+          default: string;
+          bold: string;
+        };
+        magenta: {
+          default: string;
+          bold: string;
+        };
+        purple: {
+          default: string;
+          bold: string;
+        };
+      };
+    };
+    link: {
+      default: string;
+      pressed: string;
+      visited: {
+        default: string;
+        hover: string;
+      };
+    };
+    icon: {
+      default: string;
+      subtle: string;
+      subtlest: string;
+      disabled: string;
+      selected: string;
+      inverse: string;
+      success: string;
+      danger: string;
+      information: string;
+      warning: {
+        default: string;
+        inverse: string;
+      };
+      brand: {
+        default: string;
+        bold: string;
+      };
+      accent: {
+        gray: {
+          default: string;
+          bold: string;
+        };
+        blue: {
+          default: string;
+          bold: string;
+        };
+        teal: {
+          default: string;
+          bold: string;
+        };
+        green: {
+          default: string;
+          bold: string;
+        };
+        brown: {
+          default: string;
+          bold: string;
+        };
+        yellow: {
+          default: string;
+          bold: string;
+        };
+        orange: {
+          default: string;
+          bold: string;
+        };
+        red: {
+          default: string;
+          bold: string;
+        };
+        magenta: {
+          default: string;
+          bold: string;
+        };
+        purple: {
+          default: string;
+          bold: string;
+        };
+      };
+    };
+    border: {
+      default: string;
+      bold: string;
+      disabled: string;
+      selected: string;
+      focused: string;
+      inverse: string;
+      input: string;
+      success: string;
+      information: string;
+      danger: string;
+      warning: string;
+      brand: string;
+      accent: {
+        gray: string;
+        blue: string;
+        teal: string;
+        green: string;
+        brown: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        magenta: string;
+        purple: string;
+      };
+    };
+    background: {
+      disabled: {
+        default: string;
+      };
+      selected: {
+        default: string;
+        hovered: string;
+        pressed: string;
+        bold: {
+          default: string;
+          hovered: string;
+          pressed: string;
+        };
+      };
+      inverse: {
+        subtle: {
+          default: string;
+          hovered: string;
+          pressed: string;
+        };
+      };
+      input: {
+        default: string;
+        hovered: string;
+        pressed: string;
+      };
+      information: {
+        default: string;
+        hover: string;
+        pressed: string;
+        bolder: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      success: {
+        default: string;
+        hover: string;
+        pressed: string;
+        bolder: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      danger: {
+        default: string;
+        hover: string;
+        pressed: string;
+        bolder: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      warning: {
+        default: string;
+        hover: string;
+        pressed: string;
+        bolder: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      brand: {
+        subtlest: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        subtler: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        subtle: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        bolder: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        boldest: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      neutral: {
+        default: string;
+        hover: string;
+        pressed: string;
+        subtle: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        subtler: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        subtlest: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+        bold: {
+          default: string;
+          hover: string;
+          pressed: string;
+        };
+      };
+      accent: {
+        blue: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        teal: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        green: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        brown: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        yellow: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        orange: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        red: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        purple: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        magenta: {
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+        gray: {
+          default: string;
+          hover: string;
+          pressed: string;
+          subtle: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtler: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          subtlest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bold: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          bolder: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+          boldest: {
+            default: string;
+            hover: string;
+            pressed: string;
+          };
+        };
+      };
+    };
+    blanket: {
+      default: string;
+      selected: string;
+      danger: string;
+    };
+    interaction: {
+      hovered: string;
+      pressed: string;
+    };
+    skeleton: {
+      default: string;
+      subtle: string;
+    };
+    elevation: {
+      surface: {
+        default: string;
+        hovered: string;
+        pressed: string;
+        overlay: {
+          default: string;
+          hovered: string;
+          pressed: string;
+        };
+        raised: {
+          default: string;
+          hovered: string;
+          pressed: string;
+        };
+        sunken: {
+          default: string;
+        };
+      };
+    };
+  };
+  space: {
+    "0": string;
+    "25": string;
+    "50": string;
+    "75": string;
+    "100": string;
+    "150": string;
+    "200": string;
+    "250": string;
+    "300": string;
+    "400": string;
+    "500": string;
+    "600": string;
+    "800": string;
+    "1000": string;
+    negative: {
+      "25": string;
+      "50": string;
+      "75": string;
+      "100": string;
+      "150": string;
+      "200": string;
+      "250": string;
+      "300": string;
+      "400": string;
+    };
+  };
+  "border-radius": {
+    none: string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    full: string;
+  };
+  "icon-size": {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  "border-width": {
+    "0": string;
+    "1": string;
+    "2": string;
+  };
+  "font-family": {
+    archivo: string;
+  };
+  "font-weight": {
+    regular: number;
+    medium: number;
+    bold: number;
+  };
+  "line-height": {
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    none: string;
+  };
+  "font-size": {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+  };
+  heading: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+  };
+  body: {
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  elevation: {
+    shadow: {
+      overlow: string;
+      overlay: string;
+      raised: string;
+    };
+  };
+};
+
+export default tokens;