vector-prototype-tokens 0.0.1

package/fonts.css

@@ -0,0 +1,48 @@
+/**
+ * Do not edit directly — generated by build-fonts.mjs.
+ * Fonte: Poppins via @fontsource/poppins
+ */
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./fonts/poppins-latin-400-normal.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./fonts/poppins-latin-500-normal.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('./fonts/poppins-latin-600-normal.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./fonts/poppins-latin-700-normal.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "vector-prototype-tokens",
+  "version": "0.0.1",
+  "description": "Vector — tokens CSS do design system (custom properties, fontes, reset).",
+  "type": "module",
+  "license": "UNLICENSED",
+  "exports": {
+    ".": {
+      "types": "./tokens.d.ts",
+      "import": "./tokens.js"
+    },
+    "./tokens.css": "./tokens.css",
+    "./fonts.css": "./fonts.css",
+    "./reset.css": "./reset.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/tokens.css

@@ -0,0 +1,161 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --color-canvas-neutral-default: #f1f1f5;
+  --color-canvas-neutral-white: #ffffff;
+  --color-fill-neutral-subtle: #f1f1f5;
+  --color-fill-neutral-muted: #e0e1e8;
+  --color-fill-neutral-default: #8e91a5;
+  --color-fill-neutral-strong: #434560;
+  --color-fill-neutral-intense: #0e0f23;
+  --color-fill-brand-subtle: #ebf1ff;
+  --color-fill-brand-muted: #cfdeff;
+  --color-fill-brand-default: #1545de;
+  --color-fill-brand-strong: #0c31b6;
+  --color-fill-brand-intense: #031a77;
+  --color-fill-interaction-brand-hover: #092daa;
+  --color-fill-interaction-brand-pressed: #031971;
+  --color-fill-interaction-brand-subtle-hover: #cfdeff;
+  --color-fill-interaction-neutral-muted-hover: #c8cad4;
+  --color-fill-interaction-neutral-subtle-hover: #f1f1f5;
+  --color-fill-feedback-info-subtle: #ebf1ff;
+  --color-fill-feedback-info-muted: #cfdeff;
+  --color-fill-feedback-info-default: #1545de;
+  --color-fill-feedback-info-strong: #0c31b6;
+  --color-fill-feedback-success-subtle: #e6f9ec;
+  --color-fill-feedback-success-muted: #69e59f;
+  --color-fill-feedback-success-default: #00874d;
+  --color-fill-feedback-success-strong: #006338;
+  --color-fill-feedback-warning-subtle: #fff6d5;
+  --color-fill-feedback-warning-muted: #ffd96f;
+  --color-fill-feedback-warning-default: #fdb500;
+  --color-fill-feedback-warning-strong: #cd8c00;
+  --color-fill-feedback-danger-subtle: #ffeeef;
+  --color-fill-feedback-danger-muted: #ffbbbd;
+  --color-fill-feedback-danger-default: #e90800;
+  --color-fill-feedback-danger-strong: #b00006;
+  --color-fill-feedback-neutral-subtle: #fafafc;
+  --color-fill-feedback-neutral-muted: #e0e1e8;
+  --color-fill-feedback-neutral-default: #8e91a5;
+  --color-fill-feedback-neutral-strong: #434560;
+  --color-fill-feedback-highlight-subtle: #f3ebf9;
+  --color-fill-feedback-highlight-muted: #caa3e2;
+  --color-fill-feedback-highlight-default: #8f3dc1;
+  --color-fill-feedback-highlight-strong: #6c00ae;
+  --color-stroke-neutral-default: #e0e1e8;
+  --color-stroke-brand-default: #1545de;
+  --color-stroke-interaction-neutral-hover: #c8cad4;
+  --color-stroke-interaction-neutral-expanded: #c8cad4;
+  --color-stroke-interaction-danger-hover: #b00006;
+  --color-stroke-interaction-brand-hover: #0c31b6;
+  --color-stroke-interaction-brand-focus: #1545de;
+  --color-stroke-feedback-success-subtle: #b3efcb;
+  --color-stroke-feedback-success-default: #00874d;
+  --color-stroke-feedback-warning-subtle: #ffe7a1;
+  --color-stroke-feedback-warning-default: #fdb500;
+  --color-stroke-feedback-danger-subtle: #fed7d9;
+  --color-stroke-feedback-danger-default: #e90800;
+  --color-stroke-feedback-info-subtle: #cfdefe;
+  --color-stroke-feedback-info-default: #1545de;
+  --color-text-neutral-default: #24263f;
+  --color-text-neutral-mudle: #434560;
+  --color-text-neutral-subtle: #676a83;
+  --color-text-neutral-subtlest: #8e91a5;
+  --color-text-neutral-inverse: #ffffff;
+  --color-text-brand-default: #1545de;
+  --color-text-brand-strong: #0c31b6;
+  --color-text-interaction-danger-hover: #b00006;
+  --color-text-interaction-brand-hover: #0c31b6;
+  --color-text-feedback-warning-default: #fdb500;
+  --color-text-feedback-success-default: #00874d;
+  --color-text-feedback-danger-default: #e90800;
+  --color-icon-neutral-default: #434560;
+  --color-icon-neutral-mudle: #676a83;
+  --color-icon-neutral-subtle: #aeb0be;
+  --color-icon-neutral-inverse: #ffffff;
+  --color-icon-brand-default: #1545de;
+  --color-icon-interaction-danger-hover: #b00006;
+  --color-icon-interaction-neutral-hover: #d9d9d9;
+  --color-icon-feedback-warning-default: #fdb500;
+  --color-icon-feedback-success-default: #00874d;
+  --color-icon-feedback-danger-default: #e90800;
+  --color-icon-feedback-info-default: #1545de;
+  --color-palette-white: #ffffff;
+  --color-palette-black: #000000;
+  --color-palette-red-100: #ffeeef;
+  --color-palette-red-200: #ffd7d9;
+  --color-palette-red-300: #ffbbbd;
+  --color-palette-red-400: #ff9898;
+  --color-palette-red-500: #ff6762;
+  --color-palette-red-600: #e90800;
+  --color-palette-red-700: #b00006;
+  --color-palette-red-800: #80000d;
+  --color-palette-red-900: #52000e;
+  --color-palette-blue-100: #ebf1ff;
+  --color-palette-blue-200: #cfdeff;
+  --color-palette-blue-300: #adc6ff;
+  --color-palette-blue-400: #88a9fe;
+  --color-palette-blue-500: #5a84f6;
+  --color-palette-blue-600: #1545de;
+  --color-palette-blue-700: #0c31b6;
+  --color-palette-blue-800: #031a77;
+  --color-palette-blue-900: #020b3b;
+  --color-palette-green-100: #e6f9ec;
+  --color-palette-green-200: #b3efcb;
+  --color-palette-green-300: #69e59f;
+  --color-palette-green-400: #17d171;
+  --color-palette-green-500: #09b261;
+  --color-palette-green-600: #00874d;
+  --color-palette-green-700: #006338;
+  --color-palette-green-800: #004226;
+  --color-palette-green-900: #002514;
+  --color-palette-yellow-100: #fff6d5;
+  --color-palette-yellow-200: #ffe7a1;
+  --color-palette-yellow-300: #ffd96f;
+  --color-palette-yellow-400: #ffcd45;
+  --color-palette-yellow-500: #ffc226;
+  --color-palette-yellow-600: #fdb500;
+  --color-palette-yellow-700: #cd8c00;
+  --color-palette-yellow-800: #986500;
+  --color-palette-yellow-900: #593900;
+  --color-palette-cool-gray-50: #fafafc;
+  --color-palette-cool-gray-100: #f1f1f5;
+  --color-palette-cool-gray-200: #e0e1e8;
+  --color-palette-cool-gray-300: #c8cad4;
+  --color-palette-cool-gray-400: #aeb0be;
+  --color-palette-cool-gray-500: #8e91a5;
+  --color-palette-cool-gray-600: #676a83;
+  --color-palette-cool-gray-700: #434560;
+  --color-palette-cool-gray-800: #24263f;
+  --color-palette-cool-gray-900: #0e0f23;
+  --font-family-base: Poppins;
+  --font-size-10: 10px;
+  --font-size-12: 12px;
+  --font-size-14: 14px;
+  --font-size-16: 16px;
+  --font-size-18: 18px;
+  --font-size-20: 20px;
+  --font-size-24: 24px;
+  --font-size-28: 28px;
+  --font-line-height-10: 16px;
+  --font-line-height-12: 16px;
+  --font-line-height-14: 20px;
+  --font-line-height-16: 24px;
+  --font-line-height-18: 28px;
+  --font-line-height-20: 28px;
+  --font-line-height-24: 32px;
+  --font-line-height-28: 36px;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --shadow-focus: 0px 0px 0px 3px #cfdeff;
+  --shadow-layer-xs: 0px 1px 2px #0e0f2312;
+  --shadow-layer-sm: 0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312;
+  --shadow-layer-md: 0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312;
+  --shadow-layer-lg: 0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312;
+  --shadow-layer-xl: 0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312, 0px 16px 32px #0e0f2312;
+  --shadow-layer-xxl: 0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312, 0px 16px 32px #0e0f2312, 0px 32px 64px #0e0f2312;
+}

package/tokens.d.ts

@@ -0,0 +1,159 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ColorCanvasNeutralDefault: string;
+export const ColorCanvasNeutralWhite: string;
+export const ColorFillNeutralSubtle: string;
+export const ColorFillNeutralMuted: string;
+export const ColorFillNeutralDefault: string;
+export const ColorFillNeutralStrong: string;
+export const ColorFillNeutralIntense: string;
+export const ColorFillBrandSubtle: string;
+export const ColorFillBrandMuted: string;
+export const ColorFillBrandDefault: string;
+export const ColorFillBrandStrong: string;
+export const ColorFillBrandIntense: string;
+export const ColorFillInteractionBrandHover: string;
+export const ColorFillInteractionBrandPressed: string;
+export const ColorFillInteractionBrandSubtleHover: string;
+export const ColorFillInteractionNeutralMutedHover: string;
+export const ColorFillInteractionNeutralSubtleHover: string;
+export const ColorFillFeedbackInfoSubtle: string;
+export const ColorFillFeedbackInfoMuted: string;
+export const ColorFillFeedbackInfoDefault: string;
+export const ColorFillFeedbackInfoStrong: string;
+export const ColorFillFeedbackSuccessSubtle: string;
+export const ColorFillFeedbackSuccessMuted: string;
+export const ColorFillFeedbackSuccessDefault: string;
+export const ColorFillFeedbackSuccessStrong: string;
+export const ColorFillFeedbackWarningSubtle: string;
+export const ColorFillFeedbackWarningMuted: string;
+export const ColorFillFeedbackWarningDefault: string;
+export const ColorFillFeedbackWarningStrong: string;
+export const ColorFillFeedbackDangerSubtle: string;
+export const ColorFillFeedbackDangerMuted: string;
+export const ColorFillFeedbackDangerDefault: string;
+export const ColorFillFeedbackDangerStrong: string;
+export const ColorFillFeedbackNeutralSubtle: string;
+export const ColorFillFeedbackNeutralMuted: string;
+export const ColorFillFeedbackNeutralDefault: string;
+export const ColorFillFeedbackNeutralStrong: string;
+export const ColorFillFeedbackHighlightSubtle: string;
+export const ColorFillFeedbackHighlightMuted: string;
+export const ColorFillFeedbackHighlightDefault: string;
+export const ColorFillFeedbackHighlightStrong: string;
+export const ColorStrokeNeutralDefault: string;
+export const ColorStrokeBrandDefault: string;
+export const ColorStrokeInteractionNeutralHover: string;
+export const ColorStrokeInteractionNeutralExpanded: string;
+export const ColorStrokeInteractionDangerHover: string;
+export const ColorStrokeInteractionBrandHover: string;
+export const ColorStrokeInteractionBrandFocus: string;
+export const ColorStrokeFeedbackSuccessSubtle: string;
+export const ColorStrokeFeedbackSuccessDefault: string;
+export const ColorStrokeFeedbackWarningSubtle: string;
+export const ColorStrokeFeedbackWarningDefault: string;
+export const ColorStrokeFeedbackDangerSubtle: string;
+export const ColorStrokeFeedbackDangerDefault: string;
+export const ColorStrokeFeedbackInfoSubtle: string;
+export const ColorStrokeFeedbackInfoDefault: string;
+export const ColorTextNeutralDefault: string;
+export const ColorTextNeutralMudle: string;
+export const ColorTextNeutralSubtle: string;
+export const ColorTextNeutralSubtlest: string;
+export const ColorTextNeutralInverse: string;
+export const ColorTextBrandDefault: string;
+export const ColorTextBrandStrong: string;
+export const ColorTextInteractionDangerHover: string;
+export const ColorTextInteractionBrandHover: string;
+export const ColorTextFeedbackWarningDefault: string;
+export const ColorTextFeedbackSuccessDefault: string;
+export const ColorTextFeedbackDangerDefault: string;
+export const ColorIconNeutralDefault: string;
+export const ColorIconNeutralMudle: string;
+export const ColorIconNeutralSubtle: string;
+export const ColorIconNeutralInverse: string;
+export const ColorIconBrandDefault: string;
+export const ColorIconInteractionDangerHover: string;
+export const ColorIconInteractionNeutralHover: string;
+export const ColorIconFeedbackWarningDefault: string;
+export const ColorIconFeedbackSuccessDefault: string;
+export const ColorIconFeedbackDangerDefault: string;
+export const ColorIconFeedbackInfoDefault: string;
+export const ColorPaletteWhite: string;
+export const ColorPaletteBlack: string;
+export const ColorPaletteRed100: string;
+export const ColorPaletteRed200: string;
+export const ColorPaletteRed300: string;
+export const ColorPaletteRed400: string;
+export const ColorPaletteRed500: string;
+export const ColorPaletteRed600: string;
+export const ColorPaletteRed700: string;
+export const ColorPaletteRed800: string;
+export const ColorPaletteRed900: string;
+export const ColorPaletteBlue100: string;
+export const ColorPaletteBlue200: string;
+export const ColorPaletteBlue300: string;
+export const ColorPaletteBlue400: string;
+export const ColorPaletteBlue500: string;
+export const ColorPaletteBlue600: string;
+export const ColorPaletteBlue700: string;
+export const ColorPaletteBlue800: string;
+export const ColorPaletteBlue900: string;
+export const ColorPaletteGreen100: string;
+export const ColorPaletteGreen200: string;
+export const ColorPaletteGreen300: string;
+export const ColorPaletteGreen400: string;
+export const ColorPaletteGreen500: string;
+export const ColorPaletteGreen600: string;
+export const ColorPaletteGreen700: string;
+export const ColorPaletteGreen800: string;
+export const ColorPaletteGreen900: string;
+export const ColorPaletteYellow100: string;
+export const ColorPaletteYellow200: string;
+export const ColorPaletteYellow300: string;
+export const ColorPaletteYellow400: string;
+export const ColorPaletteYellow500: string;
+export const ColorPaletteYellow600: string;
+export const ColorPaletteYellow700: string;
+export const ColorPaletteYellow800: string;
+export const ColorPaletteYellow900: string;
+export const ColorPaletteCoolGray50: string;
+export const ColorPaletteCoolGray100: string;
+export const ColorPaletteCoolGray200: string;
+export const ColorPaletteCoolGray300: string;
+export const ColorPaletteCoolGray400: string;
+export const ColorPaletteCoolGray500: string;
+export const ColorPaletteCoolGray600: string;
+export const ColorPaletteCoolGray700: string;
+export const ColorPaletteCoolGray800: string;
+export const ColorPaletteCoolGray900: string;
+export const FontFamilyBase: string;
+export const FontSize10: string;
+export const FontSize12: string;
+export const FontSize14: string;
+export const FontSize16: string;
+export const FontSize18: string;
+export const FontSize20: string;
+export const FontSize24: string;
+export const FontSize28: string;
+export const FontLineHeight10: string;
+export const FontLineHeight12: string;
+export const FontLineHeight14: string;
+export const FontLineHeight16: string;
+export const FontLineHeight18: string;
+export const FontLineHeight20: string;
+export const FontLineHeight24: string;
+export const FontLineHeight28: string;
+export const FontWeightRegular: string;
+export const FontWeightMedium: string;
+export const FontWeightSemibold: string;
+export const FontWeightBold: string;
+export const ShadowFocus: string;
+export const ShadowLayerXs: string;
+export const ShadowLayerSm: string;
+export const ShadowLayerMd: string;
+export const ShadowLayerLg: string;
+export const ShadowLayerXl: string;
+export const ShadowLayerXxl: string;

package/tokens.js

@@ -0,0 +1,163 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ColorCanvasNeutralDefault = "#f1f1f5";
+export const ColorCanvasNeutralWhite = "#ffffff";
+export const ColorFillNeutralSubtle = "#f1f1f5";
+export const ColorFillNeutralMuted = "#e0e1e8";
+export const ColorFillNeutralDefault = "#8e91a5";
+export const ColorFillNeutralStrong = "#434560";
+export const ColorFillNeutralIntense = "#0e0f23";
+export const ColorFillBrandSubtle = "#ebf1ff";
+export const ColorFillBrandMuted = "#cfdeff";
+export const ColorFillBrandDefault = "#1545de";
+export const ColorFillBrandStrong = "#0c31b6";
+export const ColorFillBrandIntense = "#031a77";
+export const ColorFillInteractionBrandHover = "#092daa";
+export const ColorFillInteractionBrandPressed = "#031971";
+export const ColorFillInteractionBrandSubtleHover = "#cfdeff";
+export const ColorFillInteractionNeutralMutedHover = "#c8cad4";
+export const ColorFillInteractionNeutralSubtleHover = "#f1f1f5";
+export const ColorFillFeedbackInfoSubtle = "#ebf1ff";
+export const ColorFillFeedbackInfoMuted = "#cfdeff";
+export const ColorFillFeedbackInfoDefault = "#1545de";
+export const ColorFillFeedbackInfoStrong = "#0c31b6";
+export const ColorFillFeedbackSuccessSubtle = "#e6f9ec";
+export const ColorFillFeedbackSuccessMuted = "#69e59f";
+export const ColorFillFeedbackSuccessDefault = "#00874d";
+export const ColorFillFeedbackSuccessStrong = "#006338";
+export const ColorFillFeedbackWarningSubtle = "#fff6d5";
+export const ColorFillFeedbackWarningMuted = "#ffd96f";
+export const ColorFillFeedbackWarningDefault = "#fdb500";
+export const ColorFillFeedbackWarningStrong = "#cd8c00";
+export const ColorFillFeedbackDangerSubtle = "#ffeeef";
+export const ColorFillFeedbackDangerMuted = "#ffbbbd";
+export const ColorFillFeedbackDangerDefault = "#e90800";
+export const ColorFillFeedbackDangerStrong = "#b00006";
+export const ColorFillFeedbackNeutralSubtle = "#fafafc";
+export const ColorFillFeedbackNeutralMuted = "#e0e1e8";
+export const ColorFillFeedbackNeutralDefault = "#8e91a5";
+export const ColorFillFeedbackNeutralStrong = "#434560";
+export const ColorFillFeedbackHighlightSubtle = "#f3ebf9";
+export const ColorFillFeedbackHighlightMuted = "#caa3e2";
+export const ColorFillFeedbackHighlightDefault = "#8f3dc1";
+export const ColorFillFeedbackHighlightStrong = "#6c00ae";
+export const ColorStrokeNeutralDefault = "#e0e1e8";
+export const ColorStrokeBrandDefault = "#1545de";
+export const ColorStrokeInteractionNeutralHover = "#c8cad4";
+export const ColorStrokeInteractionNeutralExpanded = "#c8cad4";
+export const ColorStrokeInteractionDangerHover = "#b00006";
+export const ColorStrokeInteractionBrandHover = "#0c31b6";
+export const ColorStrokeInteractionBrandFocus = "#1545de";
+export const ColorStrokeFeedbackSuccessSubtle = "#b3efcb";
+export const ColorStrokeFeedbackSuccessDefault = "#00874d";
+export const ColorStrokeFeedbackWarningSubtle = "#ffe7a1";
+export const ColorStrokeFeedbackWarningDefault = "#fdb500";
+export const ColorStrokeFeedbackDangerSubtle = "#fed7d9";
+export const ColorStrokeFeedbackDangerDefault = "#e90800";
+export const ColorStrokeFeedbackInfoSubtle = "#cfdefe";
+export const ColorStrokeFeedbackInfoDefault = "#1545de";
+export const ColorTextNeutralDefault = "#24263f";
+export const ColorTextNeutralMudle = "#434560";
+export const ColorTextNeutralSubtle = "#676a83";
+export const ColorTextNeutralSubtlest = "#8e91a5";
+export const ColorTextNeutralInverse = "#ffffff";
+export const ColorTextBrandDefault = "#1545de";
+export const ColorTextBrandStrong = "#0c31b6";
+export const ColorTextInteractionDangerHover = "#b00006";
+export const ColorTextInteractionBrandHover = "#0c31b6";
+export const ColorTextFeedbackWarningDefault = "#fdb500";
+export const ColorTextFeedbackSuccessDefault = "#00874d";
+export const ColorTextFeedbackDangerDefault = "#e90800";
+export const ColorIconNeutralDefault = "#434560";
+export const ColorIconNeutralMudle = "#676a83";
+export const ColorIconNeutralSubtle = "#aeb0be";
+export const ColorIconNeutralInverse = "#ffffff";
+export const ColorIconBrandDefault = "#1545de";
+export const ColorIconInteractionDangerHover = "#b00006";
+export const ColorIconInteractionNeutralHover = "#d9d9d9";
+export const ColorIconFeedbackWarningDefault = "#fdb500";
+export const ColorIconFeedbackSuccessDefault = "#00874d";
+export const ColorIconFeedbackDangerDefault = "#e90800";
+export const ColorIconFeedbackInfoDefault = "#1545de";
+export const ColorPaletteWhite = "#ffffff";
+export const ColorPaletteBlack = "#000000";
+export const ColorPaletteRed100 = "#ffeeef";
+export const ColorPaletteRed200 = "#ffd7d9";
+export const ColorPaletteRed300 = "#ffbbbd";
+export const ColorPaletteRed400 = "#ff9898";
+export const ColorPaletteRed500 = "#ff6762";
+export const ColorPaletteRed600 = "#e90800";
+export const ColorPaletteRed700 = "#b00006";
+export const ColorPaletteRed800 = "#80000d";
+export const ColorPaletteRed900 = "#52000e";
+export const ColorPaletteBlue100 = "#ebf1ff";
+export const ColorPaletteBlue200 = "#cfdeff";
+export const ColorPaletteBlue300 = "#adc6ff";
+export const ColorPaletteBlue400 = "#88a9fe";
+export const ColorPaletteBlue500 = "#5a84f6";
+export const ColorPaletteBlue600 = "#1545de";
+export const ColorPaletteBlue700 = "#0c31b6";
+export const ColorPaletteBlue800 = "#031a77";
+export const ColorPaletteBlue900 = "#020b3b";
+export const ColorPaletteGreen100 = "#e6f9ec";
+export const ColorPaletteGreen200 = "#b3efcb";
+export const ColorPaletteGreen300 = "#69e59f";
+export const ColorPaletteGreen400 = "#17d171";
+export const ColorPaletteGreen500 = "#09b261";
+export const ColorPaletteGreen600 = "#00874d";
+export const ColorPaletteGreen700 = "#006338";
+export const ColorPaletteGreen800 = "#004226";
+export const ColorPaletteGreen900 = "#002514";
+export const ColorPaletteYellow100 = "#fff6d5";
+export const ColorPaletteYellow200 = "#ffe7a1";
+export const ColorPaletteYellow300 = "#ffd96f";
+export const ColorPaletteYellow400 = "#ffcd45";
+export const ColorPaletteYellow500 = "#ffc226";
+export const ColorPaletteYellow600 = "#fdb500";
+export const ColorPaletteYellow700 = "#cd8c00";
+export const ColorPaletteYellow800 = "#986500";
+export const ColorPaletteYellow900 = "#593900";
+export const ColorPaletteCoolGray50 = "#fafafc";
+export const ColorPaletteCoolGray100 = "#f1f1f5";
+export const ColorPaletteCoolGray200 = "#e0e1e8";
+export const ColorPaletteCoolGray300 = "#c8cad4";
+export const ColorPaletteCoolGray400 = "#aeb0be";
+export const ColorPaletteCoolGray500 = "#8e91a5";
+export const ColorPaletteCoolGray600 = "#676a83";
+export const ColorPaletteCoolGray700 = "#434560";
+export const ColorPaletteCoolGray800 = "#24263f";
+export const ColorPaletteCoolGray900 = "#0e0f23";
+export const FontFamilyBase = "Poppins";
+export const FontSize10 = "10px";
+export const FontSize12 = "12px";
+export const FontSize14 = "14px";
+export const FontSize16 = "16px";
+export const FontSize18 = "18px";
+export const FontSize20 = "20px";
+export const FontSize24 = "24px";
+export const FontSize28 = "28px";
+export const FontLineHeight10 = "16px";
+export const FontLineHeight12 = "16px";
+export const FontLineHeight14 = "20px";
+export const FontLineHeight16 = "24px";
+export const FontLineHeight18 = "28px";
+export const FontLineHeight20 = "28px";
+export const FontLineHeight24 = "32px";
+export const FontLineHeight28 = "36px";
+export const FontWeightRegular = "400";
+export const FontWeightMedium = "500";
+export const FontWeightSemibold = "600";
+export const FontWeightBold = "700";
+export const ShadowFocus = "0px 0px 0px 3px #cfdeff";
+export const ShadowLayerXs = "0px 1px 2px #0e0f2312";
+export const ShadowLayerSm = "0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312";
+export const ShadowLayerMd =
+  "0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312";
+export const ShadowLayerLg =
+  "0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312";
+export const ShadowLayerXl =
+  "0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312, 0px 16px 32px #0e0f2312";
+export const ShadowLayerXxl =
+  "0px 1px 2px #0e0f2312, 0px 2px 4px #0e0f2312, 0px 4px 8px #0e0f2312, 0px 8px 16px #0e0f2312, 0px 16px 32px #0e0f2312, 0px 32px 64px #0e0f2312";