@vef-framework/shared 1.0.135 → 2.0.0

package/dist/types/constants/color-palettes.d.ts

@@ -0,0 +1,823 @@
+import { ColorNumber, ColorPalette, ColorSwatch, KebabCase } from '../types';
+/**
+ * The color palettes
+ */
+export declare const colorPalettes: [{
+    readonly name: "Red";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fef2f2";
+    }, {
+        readonly number: 100;
+        readonly hex: "#ffe2e2";
+    }, {
+        readonly number: 200;
+        readonly hex: "#ffc9c9";
+    }, {
+        readonly number: 300;
+        readonly hex: "#ffa2a2";
+    }, {
+        readonly number: 400;
+        readonly hex: "#ff6467";
+    }, {
+        readonly number: 500;
+        readonly hex: "#fb2c36";
+    }, {
+        readonly number: 600;
+        readonly hex: "#e7000b";
+    }, {
+        readonly number: 700;
+        readonly hex: "#c10007";
+    }, {
+        readonly number: 800;
+        readonly hex: "#9f0712";
+    }, {
+        readonly number: 900;
+        readonly hex: "#82181a";
+    }, {
+        readonly number: 950;
+        readonly hex: "#460809";
+    }];
+}, {
+    readonly name: "Orange";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fff7ed";
+    }, {
+        readonly number: 100;
+        readonly hex: "#ffedd4";
+    }, {
+        readonly number: 200;
+        readonly hex: "#ffd6a7";
+    }, {
+        readonly number: 300;
+        readonly hex: "#ffb86a";
+    }, {
+        readonly number: 400;
+        readonly hex: "#ff8904";
+    }, {
+        readonly number: 500;
+        readonly hex: "#ff6900";
+    }, {
+        readonly number: 600;
+        readonly hex: "#f54900";
+    }, {
+        readonly number: 700;
+        readonly hex: "#ca3500";
+    }, {
+        readonly number: 800;
+        readonly hex: "#9f2d00";
+    }, {
+        readonly number: 900;
+        readonly hex: "#7e2a0c";
+    }, {
+        readonly number: 950;
+        readonly hex: "#441306";
+    }];
+}, {
+    readonly name: "Amber";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fffbeb";
+    }, {
+        readonly number: 100;
+        readonly hex: "#fef3c6";
+    }, {
+        readonly number: 200;
+        readonly hex: "#fee685";
+    }, {
+        readonly number: 300;
+        readonly hex: "#ffd230";
+    }, {
+        readonly number: 400;
+        readonly hex: "#ffb900";
+    }, {
+        readonly number: 500;
+        readonly hex: "#fe9a00";
+    }, {
+        readonly number: 600;
+        readonly hex: "#e17100";
+    }, {
+        readonly number: 700;
+        readonly hex: "#bb4d00";
+    }, {
+        readonly number: 800;
+        readonly hex: "#973c00";
+    }, {
+        readonly number: 900;
+        readonly hex: "#7b3306";
+    }, {
+        readonly number: 950;
+        readonly hex: "#461901";
+    }];
+}, {
+    readonly name: "Yellow";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fefce8";
+    }, {
+        readonly number: 100;
+        readonly hex: "#fef9c2";
+    }, {
+        readonly number: 200;
+        readonly hex: "#fff085";
+    }, {
+        readonly number: 300;
+        readonly hex: "#ffdf20";
+    }, {
+        readonly number: 400;
+        readonly hex: "#fdc700";
+    }, {
+        readonly number: 500;
+        readonly hex: "#f0b100";
+    }, {
+        readonly number: 600;
+        readonly hex: "#d08700";
+    }, {
+        readonly number: 700;
+        readonly hex: "#a65f00";
+    }, {
+        readonly number: 800;
+        readonly hex: "#894b00";
+    }, {
+        readonly number: 900;
+        readonly hex: "#733e0a";
+    }, {
+        readonly number: 950;
+        readonly hex: "#432004";
+    }];
+}, {
+    readonly name: "Lime";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f7fee7";
+    }, {
+        readonly number: 100;
+        readonly hex: "#ecfcca";
+    }, {
+        readonly number: 200;
+        readonly hex: "#d8f999";
+    }, {
+        readonly number: 300;
+        readonly hex: "#bbf451";
+    }, {
+        readonly number: 400;
+        readonly hex: "#9ae600";
+    }, {
+        readonly number: 500;
+        readonly hex: "#7ccf00";
+    }, {
+        readonly number: 600;
+        readonly hex: "#5ea500";
+    }, {
+        readonly number: 700;
+        readonly hex: "#497d00";
+    }, {
+        readonly number: 800;
+        readonly hex: "#3c6300";
+    }, {
+        readonly number: 900;
+        readonly hex: "#35530e";
+    }, {
+        readonly number: 950;
+        readonly hex: "#192e03";
+    }];
+}, {
+    readonly name: "Green";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f0fdf4";
+    }, {
+        readonly number: 100;
+        readonly hex: "#dcfce7";
+    }, {
+        readonly number: 200;
+        readonly hex: "#b9f8cf";
+    }, {
+        readonly number: 300;
+        readonly hex: "#7bf1a8";
+    }, {
+        readonly number: 400;
+        readonly hex: "#05df72";
+    }, {
+        readonly number: 500;
+        readonly hex: "#00c950";
+    }, {
+        readonly number: 600;
+        readonly hex: "#00a63e";
+    }, {
+        readonly number: 700;
+        readonly hex: "#008236";
+    }, {
+        readonly number: 800;
+        readonly hex: "#016630";
+    }, {
+        readonly number: 900;
+        readonly hex: "#0d542b";
+    }, {
+        readonly number: 950;
+        readonly hex: "#032e15";
+    }];
+}, {
+    readonly name: "Emerald";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#ecfdf5";
+    }, {
+        readonly number: 100;
+        readonly hex: "#d0fae5";
+    }, {
+        readonly number: 200;
+        readonly hex: "#a4f4cf";
+    }, {
+        readonly number: 300;
+        readonly hex: "#5ee9b5";
+    }, {
+        readonly number: 400;
+        readonly hex: "#00d492";
+    }, {
+        readonly number: 500;
+        readonly hex: "#00bc7d";
+    }, {
+        readonly number: 600;
+        readonly hex: "#009966";
+    }, {
+        readonly number: 700;
+        readonly hex: "#007a55";
+    }, {
+        readonly number: 800;
+        readonly hex: "#006045";
+    }, {
+        readonly number: 900;
+        readonly hex: "#004f3b";
+    }, {
+        readonly number: 950;
+        readonly hex: "#002c22";
+    }];
+}, {
+    readonly name: "Teal";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f0fdfa";
+    }, {
+        readonly number: 100;
+        readonly hex: "#cbfbf1";
+    }, {
+        readonly number: 200;
+        readonly hex: "#96f7e4";
+    }, {
+        readonly number: 300;
+        readonly hex: "#46ecd5";
+    }, {
+        readonly number: 400;
+        readonly hex: "#00d5be";
+    }, {
+        readonly number: 500;
+        readonly hex: "#00bba7";
+    }, {
+        readonly number: 600;
+        readonly hex: "#009689";
+    }, {
+        readonly number: 700;
+        readonly hex: "#00786f";
+    }, {
+        readonly number: 800;
+        readonly hex: "#005f5a";
+    }, {
+        readonly number: 900;
+        readonly hex: "#0b4f4a";
+    }, {
+        readonly number: 950;
+        readonly hex: "#022f2e";
+    }];
+}, {
+    readonly name: "Cyan";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#ecfeff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#cefafe";
+    }, {
+        readonly number: 200;
+        readonly hex: "#a2f4fd";
+    }, {
+        readonly number: 300;
+        readonly hex: "#53eafd";
+    }, {
+        readonly number: 400;
+        readonly hex: "#00d3f2";
+    }, {
+        readonly number: 500;
+        readonly hex: "#00b8db";
+    }, {
+        readonly number: 600;
+        readonly hex: "#0092b8";
+    }, {
+        readonly number: 700;
+        readonly hex: "#007595";
+    }, {
+        readonly number: 800;
+        readonly hex: "#005f78";
+    }, {
+        readonly number: 900;
+        readonly hex: "#104e64";
+    }, {
+        readonly number: 950;
+        readonly hex: "#053345";
+    }];
+}, {
+    readonly name: "Sky";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f0f9ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#dff2fe";
+    }, {
+        readonly number: 200;
+        readonly hex: "#b8e6fe";
+    }, {
+        readonly number: 300;
+        readonly hex: "#74d4ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#00bcff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#00a6f4";
+    }, {
+        readonly number: 600;
+        readonly hex: "#0084d1";
+    }, {
+        readonly number: 700;
+        readonly hex: "#0069a8";
+    }, {
+        readonly number: 800;
+        readonly hex: "#00598a";
+    }, {
+        readonly number: 900;
+        readonly hex: "#024a70";
+    }, {
+        readonly number: 950;
+        readonly hex: "#052f4a";
+    }];
+}, {
+    readonly name: "Blue";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#eff6ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#dbeafe";
+    }, {
+        readonly number: 200;
+        readonly hex: "#bedbff";
+    }, {
+        readonly number: 300;
+        readonly hex: "#8ec5ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#51a2ff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#2b7fff";
+    }, {
+        readonly number: 600;
+        readonly hex: "#155dfc";
+    }, {
+        readonly number: 700;
+        readonly hex: "#1447e6";
+    }, {
+        readonly number: 800;
+        readonly hex: "#193cb8";
+    }, {
+        readonly number: 900;
+        readonly hex: "#1c398e";
+    }, {
+        readonly number: 950;
+        readonly hex: "#162456";
+    }];
+}, {
+    readonly name: "Indigo";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#eef2ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#e0e7ff";
+    }, {
+        readonly number: 200;
+        readonly hex: "#c6d2ff";
+    }, {
+        readonly number: 300;
+        readonly hex: "#a3b3ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#7c86ff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#615fff";
+    }, {
+        readonly number: 600;
+        readonly hex: "#4f39f6";
+    }, {
+        readonly number: 700;
+        readonly hex: "#432dd7";
+    }, {
+        readonly number: 800;
+        readonly hex: "#372aac";
+    }, {
+        readonly number: 900;
+        readonly hex: "#312c85";
+    }, {
+        readonly number: 950;
+        readonly hex: "#1e1a4d";
+    }];
+}, {
+    readonly name: "Violet";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f5f3ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#ede9fe";
+    }, {
+        readonly number: 200;
+        readonly hex: "#ddd6ff";
+    }, {
+        readonly number: 300;
+        readonly hex: "#c4b4ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#a684ff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#8e51ff";
+    }, {
+        readonly number: 600;
+        readonly hex: "#7f22fe";
+    }, {
+        readonly number: 700;
+        readonly hex: "#7008e7";
+    }, {
+        readonly number: 800;
+        readonly hex: "#5d0ec0";
+    }, {
+        readonly number: 900;
+        readonly hex: "#4d179a";
+    }, {
+        readonly number: 950;
+        readonly hex: "#2f0d68";
+    }];
+}, {
+    readonly name: "Purple";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#faf5ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f3e8ff";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e9d4ff";
+    }, {
+        readonly number: 300;
+        readonly hex: "#dab2ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#c27aff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#ad46ff";
+    }, {
+        readonly number: 600;
+        readonly hex: "#9810fa";
+    }, {
+        readonly number: 700;
+        readonly hex: "#8200db";
+    }, {
+        readonly number: 800;
+        readonly hex: "#6e11b0";
+    }, {
+        readonly number: 900;
+        readonly hex: "#59168b";
+    }, {
+        readonly number: 950;
+        readonly hex: "#3c0366";
+    }];
+}, {
+    readonly name: "Fuchsia";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fdf4ff";
+    }, {
+        readonly number: 100;
+        readonly hex: "#fae8ff";
+    }, {
+        readonly number: 200;
+        readonly hex: "#f6cfff";
+    }, {
+        readonly number: 300;
+        readonly hex: "#f4a8ff";
+    }, {
+        readonly number: 400;
+        readonly hex: "#ed6aff";
+    }, {
+        readonly number: 500;
+        readonly hex: "#e12afb";
+    }, {
+        readonly number: 600;
+        readonly hex: "#c800de";
+    }, {
+        readonly number: 700;
+        readonly hex: "#a800b7";
+    }, {
+        readonly number: 800;
+        readonly hex: "#8a0194";
+    }, {
+        readonly number: 900;
+        readonly hex: "#721378";
+    }, {
+        readonly number: 950;
+        readonly hex: "#4b004f";
+    }];
+}, {
+    readonly name: "Pink";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fdf2f8";
+    }, {
+        readonly number: 100;
+        readonly hex: "#fce7f3";
+    }, {
+        readonly number: 200;
+        readonly hex: "#fccee8";
+    }, {
+        readonly number: 300;
+        readonly hex: "#fda5d5";
+    }, {
+        readonly number: 400;
+        readonly hex: "#fb64b6";
+    }, {
+        readonly number: 500;
+        readonly hex: "#f6339a";
+    }, {
+        readonly number: 600;
+        readonly hex: "#e60076";
+    }, {
+        readonly number: 700;
+        readonly hex: "#c6005c";
+    }, {
+        readonly number: 800;
+        readonly hex: "#a3004c";
+    }, {
+        readonly number: 900;
+        readonly hex: "#861043";
+    }, {
+        readonly number: 950;
+        readonly hex: "#510424";
+    }];
+}, {
+    readonly name: "Rose";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fff1f2";
+    }, {
+        readonly number: 100;
+        readonly hex: "#ffe4e6";
+    }, {
+        readonly number: 200;
+        readonly hex: "#ffccd3";
+    }, {
+        readonly number: 300;
+        readonly hex: "#ffa1ad";
+    }, {
+        readonly number: 400;
+        readonly hex: "#ff637e";
+    }, {
+        readonly number: 500;
+        readonly hex: "#ff2056";
+    }, {
+        readonly number: 600;
+        readonly hex: "#ec003f";
+    }, {
+        readonly number: 700;
+        readonly hex: "#c70036";
+    }, {
+        readonly number: 800;
+        readonly hex: "#a50036";
+    }, {
+        readonly number: 900;
+        readonly hex: "#8b0836";
+    }, {
+        readonly number: 950;
+        readonly hex: "#4d0218";
+    }];
+}, {
+    readonly name: "Slate";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f8fafc";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f1f5f9";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e2e8f0";
+    }, {
+        readonly number: 300;
+        readonly hex: "#cad5e2";
+    }, {
+        readonly number: 400;
+        readonly hex: "#90a1b9";
+    }, {
+        readonly number: 500;
+        readonly hex: "#62748e";
+    }, {
+        readonly number: 600;
+        readonly hex: "#45556c";
+    }, {
+        readonly number: 700;
+        readonly hex: "#314158";
+    }, {
+        readonly number: 800;
+        readonly hex: "#1d293d";
+    }, {
+        readonly number: 900;
+        readonly hex: "#0f172b";
+    }, {
+        readonly number: 950;
+        readonly hex: "#020618";
+    }];
+}, {
+    readonly name: "Gray";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#f9fafb";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f3f4f6";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e5e7eb";
+    }, {
+        readonly number: 300;
+        readonly hex: "#d1d5dc";
+    }, {
+        readonly number: 400;
+        readonly hex: "#99a1af";
+    }, {
+        readonly number: 500;
+        readonly hex: "#6a7282";
+    }, {
+        readonly number: 600;
+        readonly hex: "#4a5565";
+    }, {
+        readonly number: 700;
+        readonly hex: "#364153";
+    }, {
+        readonly number: 800;
+        readonly hex: "#1e2939";
+    }, {
+        readonly number: 900;
+        readonly hex: "#101828";
+    }, {
+        readonly number: 950;
+        readonly hex: "#030712";
+    }];
+}, {
+    readonly name: "Zinc";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fafafa";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f4f4f5";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e4e4e7";
+    }, {
+        readonly number: 300;
+        readonly hex: "#d4d4d8";
+    }, {
+        readonly number: 400;
+        readonly hex: "#9f9fa9";
+    }, {
+        readonly number: 500;
+        readonly hex: "#71717b";
+    }, {
+        readonly number: 600;
+        readonly hex: "#52525c";
+    }, {
+        readonly number: 700;
+        readonly hex: "#3f3f46";
+    }, {
+        readonly number: 800;
+        readonly hex: "#27272a";
+    }, {
+        readonly number: 900;
+        readonly hex: "#18181b";
+    }, {
+        readonly number: 950;
+        readonly hex: "#09090b";
+    }];
+}, {
+    readonly name: "Neutral";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fafafa";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f5f5f5";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e5e5e5";
+    }, {
+        readonly number: 300;
+        readonly hex: "#d4d4d4";
+    }, {
+        readonly number: 400;
+        readonly hex: "#a1a1a1";
+    }, {
+        readonly number: 500;
+        readonly hex: "#737373";
+    }, {
+        readonly number: 600;
+        readonly hex: "#525252";
+    }, {
+        readonly number: 700;
+        readonly hex: "#404040";
+    }, {
+        readonly number: 800;
+        readonly hex: "#262626";
+    }, {
+        readonly number: 900;
+        readonly hex: "#171717";
+    }, {
+        readonly number: 950;
+        readonly hex: "#0a0a0a";
+    }];
+}, {
+    readonly name: "Stone";
+    readonly swatches: [{
+        readonly number: 50;
+        readonly hex: "#fafaf9";
+    }, {
+        readonly number: 100;
+        readonly hex: "#f5f5f4";
+    }, {
+        readonly number: 200;
+        readonly hex: "#e7e5e4";
+    }, {
+        readonly number: 300;
+        readonly hex: "#d6d3d1";
+    }, {
+        readonly number: 400;
+        readonly hex: "#a6a09b";
+    }, {
+        readonly number: 500;
+        readonly hex: "#79716b";
+    }, {
+        readonly number: 600;
+        readonly hex: "#57534d";
+    }, {
+        readonly number: 700;
+        readonly hex: "#44403b";
+    }, {
+        readonly number: 800;
+        readonly hex: "#292524";
+    }, {
+        readonly number: 900;
+        readonly hex: "#1c1917";
+    }, {
+        readonly number: 950;
+        readonly hex: "#0c0a09";
+    }];
+}];
+/**
+ * The color palettes mapped as an object type
+ * Structure: { [kebab-case-name]: { [number]: hex } }
+ */
+export type ColorPaletteObject = ColorPalettesToObject<typeof colorPalettes>;
+/**
+ * The preset color
+ */
+export type PresetColor = KebabCase<(typeof colorPalettes)[number]["name"]>;
+/**
+ * Transform array of swatches to an object with number as key and hex as value
+ */
+type SwatchesToObject<T extends readonly ColorSwatch[]> = T extends any ? {
+    [K in T[number] as K["number"]]: K["hex"];
+} : never;
+/**
+ * Transform color palettes array to a mapped object type
+ */
+type ColorPalettesToObject<T extends readonly ColorPalette[]> = {
+    [K in T[number] as KebabCase<K["name"]>]: SwatchesToObject<K["swatches"]>;
+};
+/**
+ * The color palette map
+ */
+export declare const colorPaletteMap: Map<PresetColor, Map<ColorNumber, string>>;
+export {};