@vitality-ds/icons 4.0.6-alpha.4 → 4.1.0

package/dist/types/tokens/src/Color/scales/light/red.js

@@ -1,62 +1,131 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
-var generateColorData_1 = __importDefault(require("../../helpers/generateColorData"));
+var generateColorData_1 = __importDefault(
+  require("../../helpers/generateColorData")
+);
 var red = {
-    red1: {
-        name: "red1",
-        data: (0, generateColorData_1.default)("red1", { h: 0, s: 100, l: 99, a: 1 }),
-    },
-    red2: {
-        name: "red2",
-        data: (0, generateColorData_1.default)("red2", { h: 0, s: 100, l: 98, a: 1 }),
-    },
-    red3: {
-        name: "red3",
-        data: (0, generateColorData_1.default)("red3", { h: 0, s: 100, l: 96, a: 1 }),
-    },
-    red4: {
-        name: "red4",
-        data: (0, generateColorData_1.default)("red4", { h: 0, s: 97, l: 94, a: 1 }),
-    },
-    red5: {
-        name: "red5",
-        data: (0, generateColorData_1.default)("red5", { h: 0, s: 90, l: 91, a: 1 }),
-    },
-    red6: {
-        name: "red6",
-        data: (0, generateColorData_1.default)("red6", { h: 0, s: 81, l: 87, a: 1 }),
-    },
-    red7: {
-        name: "red7",
-        data: (0, generateColorData_1.default)("red7", { h: 0, s: 74, l: 81, a: 1 }),
-    },
-    red8: {
-        name: "red8",
-        data: (0, generateColorData_1.default)("red8", { h: 0, s: 69, l: 74, a: 1 }),
-    },
-    red9: {
-        name: "red9",
-        data: (0, generateColorData_1.default)("red9", { h: 0, s: 76, l: 51, a: 1 }),
-    },
-    red10: {
-        name: "red10",
-        data: (0, generateColorData_1.default)("red10", { h: 0, s: 69, l: 55, a: 1 }),
-    },
-    red11: {
-        name: "red11",
-        data: (0, generateColorData_1.default)("red11", { h: 0, s: 65, l: 48, a: 1 }),
-    },
-    red12: {
-        name: "red12",
-        data: (0, generateColorData_1.default)("red12", { h: 0, s: 50, l: 14, a: 1 }),
-    },
-    red13: {
-        name: "red13",
-        data: (0, generateColorData_1.default)("red13", { h: 0, s: 100, l: 99, a: 1 }),
-    },
+  red1: {
+    name: "red1",
+    data: (0, generateColorData_1.default)("red1", {
+      h: 0,
+      s: 100,
+      l: 99,
+      a: 1,
+    }),
+  },
+  red2: {
+    name: "red2",
+    data: (0, generateColorData_1.default)("red2", {
+      h: 0,
+      s: 100,
+      l: 98,
+      a: 1,
+    }),
+  },
+  red3: {
+    name: "red3",
+    data: (0, generateColorData_1.default)("red3", {
+      h: 0,
+      s: 100,
+      l: 96,
+      a: 1,
+    }),
+  },
+  red4: {
+    name: "red4",
+    data: (0, generateColorData_1.default)("red4", {
+      h: 0,
+      s: 97,
+      l: 94,
+      a: 1,
+    }),
+  },
+  red5: {
+    name: "red5",
+    data: (0, generateColorData_1.default)("red5", {
+      h: 0,
+      s: 90,
+      l: 91,
+      a: 1,
+    }),
+  },
+  red6: {
+    name: "red6",
+    data: (0, generateColorData_1.default)("red6", {
+      h: 0,
+      s: 81,
+      l: 87,
+      a: 1,
+    }),
+  },
+  red7: {
+    name: "red7",
+    data: (0, generateColorData_1.default)("red7", {
+      h: 0,
+      s: 74,
+      l: 81,
+      a: 1,
+    }),
+  },
+  red8: {
+    name: "red8",
+    data: (0, generateColorData_1.default)("red8", {
+      h: 0,
+      s: 69,
+      l: 74,
+      a: 1,
+    }),
+  },
+  red9: {
+    name: "red9",
+    data: (0, generateColorData_1.default)("red9", {
+      h: 0,
+      s: 76,
+      l: 51,
+      a: 1,
+    }),
+  },
+  red10: {
+    name: "red10",
+    data: (0, generateColorData_1.default)("red10", {
+      h: 0,
+      s: 69,
+      l: 55,
+      a: 1,
+    }),
+  },
+  red11: {
+    name: "red11",
+    data: (0, generateColorData_1.default)("red11", {
+      h: 0,
+      s: 65,
+      l: 48,
+      a: 1,
+    }),
+  },
+  red12: {
+    name: "red12",
+    data: (0, generateColorData_1.default)("red12", {
+      h: 0,
+      s: 50,
+      l: 14,
+      a: 1,
+    }),
+  },
+  red13: {
+    name: "red13",
+    data: (0, generateColorData_1.default)("red13", {
+      h: 0,
+      s: 100,
+      l: 99,
+      a: 1,
+    }),
+  },
 };
 exports.default = red;
-//# sourceMappingURL=red.js.map
+//# sourceMappingURL=red.js.map

package/dist/types/tokens/src/Color/scales/light/yellow.d.ts

@@ -1,4 +1,4 @@
 import { ColorScale } from "../../types";
 declare const yellow: ColorScale<"yellow">;
 export default yellow;
-//# sourceMappingURL=yellow.d.ts.map
+//# sourceMappingURL=yellow.d.ts.map

package/dist/types/tokens/src/Color/scales/light/yellow.js

@@ -1,62 +1,131 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
-var generateColorData_1 = __importDefault(require("../../helpers/generateColorData"));
+var generateColorData_1 = __importDefault(
+  require("../../helpers/generateColorData")
+);
 var yellow = {
-    yellow1: {
-        name: "yellow1",
-        data: (0, generateColorData_1.default)("yellow1", { h: 49, s: 54, l: 98, a: 1 }),
-    },
-    yellow2: {
-        name: "yellow2",
-        data: (0, generateColorData_1.default)("yellow2", { h: 49, s: 100, l: 95, a: 1 }),
-    },
-    yellow3: {
-        name: "yellow3",
-        data: (0, generateColorData_1.default)("yellow3", { h: 49, s: 100, l: 90, a: 1 }),
-    },
-    yellow4: {
-        name: "yellow4",
-        data: (0, generateColorData_1.default)("yellow4", { h: 49, s: 100, l: 86, a: 1 }),
-    },
-    yellow5: {
-        name: "yellow5",
-        data: (0, generateColorData_1.default)("yellow5", { h: 49, s: 97, l: 82, a: 1 }),
-    },
-    yellow6: {
-        name: "yellow6",
-        data: (0, generateColorData_1.default)("yellow6", { h: 49, s: 89, l: 76, a: 1 }),
-    },
-    yellow7: {
-        name: "yellow7",
-        data: (0, generateColorData_1.default)("yellow7", { h: 49, s: 80, l: 68, a: 1 }),
-    },
-    yellow8: {
-        name: "yellow8",
-        data: (0, generateColorData_1.default)("yellow8", { h: 49, s: 83, l: 65, a: 1 }),
-    },
-    yellow9: {
-        name: "yellow9",
-        data: (0, generateColorData_1.default)("yellow9", { h: 49, s: 92, l: 50, a: 1 }),
-    },
-    yellow10: {
-        name: "yellow10",
-        data: (0, generateColorData_1.default)("yellow10", { h: 49, s: 100, l: 58, a: 1 }),
-    },
-    yellow11: {
-        name: "yellow11",
-        data: (0, generateColorData_1.default)("yellow11", { h: 49, s: 91, l: 49, a: 1 }),
-    },
-    yellow12: {
-        name: "yellow12",
-        data: (0, generateColorData_1.default)("yellow12", { h: 49, s: 55, l: 13, a: 1 }),
-    },
-    yellow13: {
-        name: "yellow13",
-        data: (0, generateColorData_1.default)("yellow13", { h: 49, s: 55, l: 13, a: 1 }),
-    },
+  yellow1: {
+    name: "yellow1",
+    data: (0, generateColorData_1.default)("yellow1", {
+      h: 49,
+      s: 54,
+      l: 98,
+      a: 1,
+    }),
+  },
+  yellow2: {
+    name: "yellow2",
+    data: (0, generateColorData_1.default)("yellow2", {
+      h: 49,
+      s: 100,
+      l: 95,
+      a: 1,
+    }),
+  },
+  yellow3: {
+    name: "yellow3",
+    data: (0, generateColorData_1.default)("yellow3", {
+      h: 49,
+      s: 100,
+      l: 90,
+      a: 1,
+    }),
+  },
+  yellow4: {
+    name: "yellow4",
+    data: (0, generateColorData_1.default)("yellow4", {
+      h: 49,
+      s: 100,
+      l: 86,
+      a: 1,
+    }),
+  },
+  yellow5: {
+    name: "yellow5",
+    data: (0, generateColorData_1.default)("yellow5", {
+      h: 49,
+      s: 97,
+      l: 82,
+      a: 1,
+    }),
+  },
+  yellow6: {
+    name: "yellow6",
+    data: (0, generateColorData_1.default)("yellow6", {
+      h: 49,
+      s: 89,
+      l: 76,
+      a: 1,
+    }),
+  },
+  yellow7: {
+    name: "yellow7",
+    data: (0, generateColorData_1.default)("yellow7", {
+      h: 49,
+      s: 80,
+      l: 68,
+      a: 1,
+    }),
+  },
+  yellow8: {
+    name: "yellow8",
+    data: (0, generateColorData_1.default)("yellow8", {
+      h: 49,
+      s: 83,
+      l: 65,
+      a: 1,
+    }),
+  },
+  yellow9: {
+    name: "yellow9",
+    data: (0, generateColorData_1.default)("yellow9", {
+      h: 49,
+      s: 92,
+      l: 50,
+      a: 1,
+    }),
+  },
+  yellow10: {
+    name: "yellow10",
+    data: (0, generateColorData_1.default)("yellow10", {
+      h: 49,
+      s: 100,
+      l: 58,
+      a: 1,
+    }),
+  },
+  yellow11: {
+    name: "yellow11",
+    data: (0, generateColorData_1.default)("yellow11", {
+      h: 49,
+      s: 91,
+      l: 49,
+      a: 1,
+    }),
+  },
+  yellow12: {
+    name: "yellow12",
+    data: (0, generateColorData_1.default)("yellow12", {
+      h: 49,
+      s: 55,
+      l: 13,
+      a: 1,
+    }),
+  },
+  yellow13: {
+    name: "yellow13",
+    data: (0, generateColorData_1.default)("yellow13", {
+      h: 49,
+      s: 55,
+      l: 13,
+      a: 1,
+    }),
+  },
 };
 exports.default = yellow;
-//# sourceMappingURL=yellow.js.map
+//# sourceMappingURL=yellow.js.map

package/dist/types/tokens/src/Color/types.d.ts

@@ -2,64 +2,90 @@ import { HslaColor } from "colord";
 import { BaseToken } from "../types";
 import colorUseCases from "./helpers/constants";
 export declare type ColorValue = {
-    codeName: string;
-    hsla: HslaColor;
-    rgbaString: string;
-    hslaString: string;
-    hwbString: string;
+  codeName: string;
+  hsla: HslaColor;
+  rgbaString: string;
+  hslaString: string;
+  hwbString: string;
 };
-export declare type ColorSteps = `${"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13"}`;
-export interface ColorToken<C extends BaseColors> extends Omit<BaseToken, "name"> {
-    name: ColorStep<C>;
-    data: ColorValue;
+export declare type ColorSteps = `${
+  | "1"
+  | "2"
+  | "3"
+  | "4"
+  | "5"
+  | "6"
+  | "7"
+  | "8"
+  | "9"
+  | "10"
+  | "11"
+  | "12"
+  | "13"}`;
+export interface ColorToken<C extends BaseColors>
+  extends Omit<BaseToken, "name"> {
+  name: ColorStep<C>;
+  data: ColorValue;
 }
 export declare type ColorModes = "light" | "dark";
 export declare type ColorStep<C extends BaseColors> = `${C}${ColorSteps}`;
 export declare type ColorScale<C extends BaseColors> = {
-    [swatchName in ColorStep<C>]?: ColorToken<C>;
+  [swatchName in ColorStep<C>]?: ColorToken<C>;
 };
 export declare type Palette = {
-    [K in Scales]: ColorScale<K>;
+  [K in Scales]: ColorScale<K>;
 };
 export interface ColorScalesType {
-    dark: Palette;
-    light: Palette;
+  dark: Palette;
+  light: Palette;
 }
 export declare type ThemeColorPalette = {
-    [K in keyof ThemeColorMap]?: ColorScale<ThemeColorMap[K]>;
+  [K in keyof ThemeColorMap]?: ColorScale<ThemeColorMap[K]>;
 };
 declare type ThemeColorMap = {
-    neutral: "grey";
-    neutralA: "greyA";
-    primary: "cyan";
-    accent: "pink";
-    success: "green";
-    info: "blue";
-    warning: "orange";
-    critical: "red";
+  neutral: "grey";
+  neutralA: "greyA";
+  primary: "cyan";
+  accent: "pink";
+  success: "green";
+  info: "blue";
+  warning: "orange";
+  critical: "red";
 };
 export declare type ThemeKeys = keyof ThemeColorMap;
-export declare type BaseColors = "blue" | "cyan" | "green" | "grey" | "greyA" | "orange" | "pink" | "red" | "yellow";
+export declare type BaseColors =
+  | "blue"
+  | "cyan"
+  | "green"
+  | "grey"
+  | "greyA"
+  | "orange"
+  | "pink"
+  | "red"
+  | "yellow";
 export declare type Scales = BaseColors;
 export declare type AllScales = Scales | ThemeKeys;
 declare type UseCases = {
-    backgrounds: keyof typeof colorUseCases.backgrounds;
-    borders: keyof typeof colorUseCases.borders;
-    text: keyof typeof colorUseCases.text;
+  backgrounds: keyof typeof colorUseCases.backgrounds;
+  borders: keyof typeof colorUseCases.borders;
+  text: keyof typeof colorUseCases.text;
 };
 /**
  * Todo this type is not quite right. It technically resolves to a number, but it is not yet clear what we expect to be type checked here (number or key of available use cases)
  */
-export declare type UseCaseValues = keyof UseCases["backgrounds" | "borders" | "text"];
+export declare type UseCaseValues = keyof UseCases[
+  | "backgrounds"
+  | "borders"
+  | "text"];
 /**
  * eg. $cyan1: "hsla(a,b,c)"
  * eg. $cyan2: "hsla(x,y,z)"
  */
 export declare type StitchesColorScale<C extends AllScales> = {
-    [K in `${C}${ColorSteps}`]?: string;
+  [K in `${C}${ColorSteps}`]?: string;
 };
 export declare type StitchesColorThemeObject = {
-    [K in `${ThemeKeys}${ColorSteps}`]: string;
+  [K in `${ThemeKeys}${ColorSteps}`]: string;
 };
 export {};
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/types/tokens/src/Color/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/types/tokens/src/Elevation/index.d.ts

@@ -1,3 +1,3 @@
 import { ElevationsType } from "./types";
 export declare const Elevations: ElevationsType;
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map