stp-ui-kit 0.0.114 → 0.0.116

package/dist/tokens.d.ts

@@ -1,515 +0,0 @@
-export declare const tokens: {
-    readonly raw: {
-        readonly lg: "1200px";
-        readonly md: "1000px";
-        readonly sm: "700px";
-        readonly mobile: "480px";
-        readonly spacing: "4px";
-        readonly "space-0": "0 * $spacing";
-        readonly "space-025": "0.25 * $spacing";
-        readonly "space-050": "0.5 * $spacing";
-        readonly "space-100": "1 * $spacing";
-        readonly "space-150": "1.5 * $spacing";
-        readonly "space-200": "2 * $spacing";
-        readonly "space-300": "3 * $spacing";
-        readonly "space-350": "3.5 * $spacing";
-        readonly "space-400": "4 * $spacing";
-        readonly "space-500": "5 * $spacing";
-        readonly "space-550": "5.5 * $spacing";
-        readonly "space-600": "6 * $spacing";
-        readonly "space-750": "7.5 * $spacing";
-        readonly "space-800": "8 * $spacing";
-        readonly "space-1000": "10 * $spacing";
-        readonly "space-1100": "11 * $spacing";
-        readonly "space-1200": "12 * $spacing";
-        readonly "space-1300": "13 * $spacing";
-        readonly "space-1600": "16 * $spacing";
-        readonly "space-2000": "20 * $spacing";
-        readonly "space-2400": "24 * $spacing";
-        readonly "space-3200": "32 * $spacing";
-        readonly "shadow-0": "0 0 0 0 #00000000";
-        readonly "shadow-100": "0 1px 0 0 #1A1A1A12";
-        readonly "shadow-200": "0 3px 1px -1px #1A1A1A12";
-        readonly "shadow-300": "0 4px 6px -2px #1A1A1A33";
-        readonly "shadow-400": "0 8px 16 -4px #1A1A1A38";
-        readonly "shadow-500": "0 12px 20px -8px #1A1A1A3D";
-        readonly "shadow-600": "0 20px 20px -8px #1A1A1A47";
-        readonly "border-radius-0": "0 * $spacing";
-        readonly "border-radius-200": "2 * $spacing";
-        readonly "border-radius-full": "50%";
-        readonly "border-width-025": "0.25 * $spacing";
-        readonly "font-family-sans": "Inter";
-        readonly "font-weight-regular": "450";
-        readonly "font-weight-medium": "550";
-        readonly "font-weight-semibold": "650";
-        readonly "font-weight-bold": "700";
-        readonly "font-letter-spacing-denser": "-0.3px";
-        readonly "font-letter-spacing-dense": "-0.2px";
-        readonly "font-letter-spacing-normal": "0px";
-        readonly "font-size-300": "12px";
-        readonly "font-size-350": "14px";
-        readonly "font-size-400": "16px";
-        readonly "font-size-500": "20px";
-        readonly "font-size-600": "24px";
-        readonly "font-size-750": "30px";
-        readonly "font-line-height-400": "16px";
-        readonly "font-line-height-500": "20px";
-        readonly "font-line-height-600": "24px";
-        readonly "font-line-height-800": "32px";
-        readonly "font-line-height-1000": "40px";
-        readonly "color-neutral-00": "#ffffff";
-        readonly "color-neutral-50": "#f8f9fa";
-        readonly "color-neutral-100": "#f1f3f6";
-        readonly "color-neutral-150": "#ebeef2";
-        readonly "color-neutral-200": "#e4e8ed";
-        readonly "color-neutral-250": "#dee1e7";
-        readonly "color-neutral-300": "#d2d5dc";
-        readonly "color-neutral-350": "#c5c8d0";
-        readonly "color-neutral-400": "#b9bcc5";
-        readonly "color-neutral-450": "#acafb8";
-        readonly "color-neutral-500": "#9fa2ab";
-        readonly "color-neutral-550": "#92959e";
-        readonly "color-neutral-600": "#868892";
-        readonly "color-neutral-650": "#797b85";
-        readonly "color-neutral-700": "#6c6e78";
-        readonly "color-neutral-750": "#5f616b";
-        readonly "color-neutral-800": "#52545d";
-        readonly "color-neutral-850": "#444750";
-        readonly "color-neutral-900": "#373a42";
-        readonly "color-neutral-950": "#020817";
-        readonly "color-red-50": "#fef2f2";
-        readonly "color-red-100": "#fee2e2";
-        readonly "color-red-200": "#fecaca";
-        readonly "color-red-300": "#fca5a5";
-        readonly "color-red-400": "#f87171";
-        readonly "color-red-500": "#ef4444";
-        readonly "color-red-600": "#dc2626";
-        readonly "color-red-700": "#b91c1c";
-        readonly "color-red-800": "#991b1b";
-        readonly "color-red-900": "#7f1d1d";
-        readonly "color-red-950": "#450a0a";
-        readonly "color-amber-50": "#fffbeb";
-        readonly "color-amber-100": "#fef3c7";
-        readonly "color-amber-200": "#fde68a";
-        readonly "color-amber-300": "#fcd34d";
-        readonly "color-amber-400": "#fbbf24";
-        readonly "color-amber-500": "#f59e0b";
-        readonly "color-amber-600": "#d97706";
-        readonly "color-amber-700": "#b45309";
-        readonly "color-amber-800": "#92400e";
-        readonly "color-amber-900": "#78350f";
-        readonly "color-amber-950": "#451a03";
-        readonly "color-green-50": "#f0fdf4";
-        readonly "color-green-100": "#dcfce7";
-        readonly "color-green-200": "#bbf7d0";
-        readonly "color-green-300": "#86efac";
-        readonly "color-green-400": "#4ade80";
-        readonly "color-green-500": "#22c55e";
-        readonly "color-green-600": "#16a34a";
-        readonly "color-green-700": "#15803d";
-        readonly "color-green-800": "#166534";
-        readonly "color-green-900": "#14532d";
-        readonly "color-green-950": "#052e16";
-        readonly "color-blue-50": "#eff6ff";
-        readonly "color-blue-100": "#dbeafe";
-        readonly "color-blue-200": "#bfdbfe";
-        readonly "color-blue-300": "#93c5fd";
-        readonly "color-blue-400": "#60a5fa";
-        readonly "color-blue-500": "#3b82f6";
-        readonly "color-blue-600": "#2563eb";
-        readonly "color-blue-700": "#1d4ed8";
-        readonly "color-blue-800": "#1e40af";
-        readonly "color-blue-900": "#1e3a8a";
-        readonly "color-blue-950": "#172554";
-        readonly "color-violet-50": "#f5f3ff";
-        readonly "color-violet-100": "#ede9fe";
-        readonly "color-violet-200": "#ddd6fe";
-        readonly "color-violet-300": "#c4b5fd";
-        readonly "color-violet-400": "#a78bfa";
-        readonly "color-violet-500": "#8b5cf6";
-        readonly "color-violet-600": "#8b5cf6";
-        readonly "color-violet-700": "#8b5cf6";
-        readonly "color-violet-800": "#5b21b6";
-        readonly "color-violet-900": "#4c1d95";
-        readonly "color-violet-950": "#2e1065";
-        readonly "color-teal-50": "#f0fdfa";
-        readonly "color-teal-100": "#ccfbf1";
-        readonly "color-teal-200": "#99f6e4";
-        readonly "color-teal-300": "#5eead4";
-        readonly "color-teal-400": "#2dd4bf";
-        readonly "color-teal-500": "#14b8a6";
-        readonly "color-teal-600": "#0d9488";
-        readonly "color-teal-700": "#0f766e";
-        readonly "color-teal-800": "#115e59";
-        readonly "color-teal-900": "#115e59";
-        readonly "color-teal-950": "#042f2e";
-        readonly "color-fuchsia-50": "#fdf4ff";
-        readonly "color-fuchsia-100": "#fae8ff";
-        readonly "color-fuchsia-200": "#f5d0fe";
-        readonly "color-fuchsia-300": "#f0abfc";
-        readonly "color-fuchsia-400": "#e879f9";
-        readonly "color-fuchsia-500": "#d946ef";
-        readonly "color-fuchsia-600": "#c026d3";
-        readonly "color-fuchsia-700": "#c026d3";
-        readonly "color-fuchsia-800": "#86198f";
-        readonly "color-fuchsia-900": "#701a75";
-        readonly "color-fuchsia-950": "#4a044e";
-        readonly text: "$color-neutral-900";
-        readonly "text-secondary": "$color-neutral-700";
-        readonly "text-disabled": "$color-neutral-600";
-        readonly "text-on-fill-brand": "$color-neutral-00";
-        readonly "text-critical": "$color-red-800";
-        readonly "text-emphasis": "$color-blue-800";
-        readonly "text-emphasis-hover": "$color-blue-900";
-        readonly "text-emphasis-on-press": "$color-blue-950";
-        readonly "text-emphasis-selected": "$color-blue-950";
-        readonly link: "$color-blue-800";
-        readonly "link-hover": "$color-blue-900";
-        readonly "link-on-press": "$color-blue-950";
-        readonly bg: "$color-neutral-50";
-        readonly "bg-inverse": "$color-neutral-950";
-        readonly surface: "$color-neutral-00";
-        readonly "surface-hover": "$color-neutral-100";
-        readonly "surface-on-press": "$color-neutral-200";
-        readonly "surface-selected": "$color-neutral-200";
-        readonly "surface-secondary": "$color-neutral-100";
-        readonly "surface-secondary-hover": "$color-neutral-200";
-        readonly "surface-secondary-on-press": "$color-neutral-200";
-        readonly "surface-secondary-selected": "$color-neutral-300";
-        readonly fill: "$color-neutral-00";
-        readonly "fill-hover": "$color-neutral-200";
-        readonly "fill-on-press": "$color-neutral-300";
-        readonly "fill-selected": "$color-neutral-300";
-        readonly "fill-disabled": "$color-neutral-250";
-        readonly "fill-brand": "$color-blue-600";
-        readonly "fill-brand-hover": "$color-blue-700";
-        readonly "fill-brand-on-press": "$color-blue-800";
-        readonly "fill-brand-selected": "$color-blue-900";
-        readonly "fill-brand-disabled": "$color-neutral-400";
-        readonly "fill-critical": "$color-red-50";
-        readonly border: "$color-neutral-250";
-        readonly "border-active": "$color-neutral-700";
-        readonly "border-disabled": "$color-neutral-250";
-        readonly "border-critical": "$color-red-700";
-        readonly "border-input": "$color-neutral-400";
-        readonly "border-input-active": "$color-neutral-700";
-        readonly "border-input-disabled": "$color-neutral-250";
-        readonly icon: "$color-neutral-800";
-        readonly "icon-secondary": "$color-neutral-600";
-        readonly "icon-disabled": "$color-neutral-450";
-        readonly "icon-on-bg-fill-brand": "$color-blue-100";
-        readonly "icon-critical": "$color-red-800";
-        readonly "icon-emphasis": "$color-blue-800";
-        readonly "icon-emphasis-hover": "$color-blue-900";
-        readonly "icon-emphasis-on-press": "$color-blue-950";
-        readonly "icon-emphasis-selected": "$color-blue-950";
-        readonly "input-bg-surface": "$color-neutral-00";
-        readonly "input-bg-surface-hover": "$color-neutral-100";
-        readonly "input-bg-surface-active": "$color-neutral-00";
-        readonly "input-bg-surface-disabled": "$color-neutral-250";
-        readonly "nav-bg": "$color-neutral-150";
-        readonly "nav-bg-surface": "$color-neutral-150";
-        readonly "nav-bg-surface-hover": "$color-neutral-50";
-        readonly "nav-bg-surface-on-press": "$color-neutral-00";
-        readonly "nav-bg-surface-selected": "$color-neutral-00";
-        readonly "nav-bg-surface-selected-no-hover": "$color-neutral-200";
-        readonly backdrop: "#00000030";
-        readonly "button-group-gap": "$space-200";
-        readonly "card-padding": "$space-400";
-        readonly "card-padding-mobile": "$space-300";
-        readonly "card-gap": "$space-500";
-        readonly "card-gap-mobile": "$space-400";
-        readonly "icon-text-gap": "$space-200";
-        readonly white: "#ffffff";
-        readonly white_background: "#fefefe";
-        readonly white_blue: "#ebf6ff";
-        readonly white_silver: "#f4f4f4";
-        readonly black: "#000000";
-        readonly blue_text: "#2a2f48";
-        readonly blue_gray: "#6e738a";
-        readonly blue_silver: "#4d4d4d";
-        readonly blue_navy: "#4ba5ec";
-        readonly black_transparent: "rgba(0, 0, 0, 0.08)";
-        readonly light_gray: "#d8d7d7";
-        readonly light: "#eeeeee";
-        readonly light_filter: "rgba(255, 255, 255, 0.9)";
-        readonly shadow: "rgba(0, 0, 0, 0.23)";
-        readonly harmonies: "#b6d7ff";
-        readonly blue_royal: "#8dacfc";
-        readonly alice_blue: "#ecf5ff";
-        readonly black_medium: "#4a4c54";
-        readonly black_gray: "#666668";
-        readonly white_dark: "#f0f4ff";
-        readonly blue_very_light: "#e1e3f1";
-        readonly white_smoke: "#f3f2f2";
-        readonly black_ghost: "rgba(75, 75, 75, 0.9)";
-        readonly modal_background: "rgba(19, 20, 23, 0.5)";
-        readonly red: "#df5440";
-        readonly yellow: "#ffc100";
-        readonly "light-yellow": "#fff8e7";
-        readonly "darker-light-yellow": "#f5e6c7";
-        readonly green: "#00d742";
-        readonly green_gray: "#18bc46";
-        readonly blue_dark: "#233240";
-        readonly blue_dark_hover: "#0153b4";
-        readonly blue_tabs_hover: "#d8ecfb";
-        readonly secondary_dark: "#51606f";
-        readonly text_dark: "#06253c";
-        readonly blue_secondary: "#5ab2f9";
-        readonly "blue-background": "#e8f2ff";
-        readonly "blue-border": "#b9c8da";
-        readonly "blue-icon": "#4ba5ec";
-        readonly "blue-icon-light": "#61d9ff";
-        readonly "gray-info": "#8392a3";
-        readonly "gray-language-tab": "#d5e4f7";
-        readonly "blue-dark-tab": "#3a4857";
-        readonly black_light: "#06253c";
-        readonly input_focus: "#4ba5ec";
-        readonly blue_secondary_placholder: "#9eadbe";
-        readonly gray_placeholder: "#51606f";
-        readonly profile_complete_card_background: "#fcfcfc";
-        readonly gray_light: "#f5f5f5";
-        readonly "light-green": "#ecfdf3";
-        readonly "dark-green": "#12b76a";
-        readonly "light-blue": "#eff8ff";
-        readonly "light-gray": "#a0aec0";
-        readonly red_danger: "#eb5757";
-        readonly red_danger_bg: "#fffbfa";
-        readonly "light-red": "#fff1f3";
-        readonly "dark-red": "#c01048";
-        readonly "light-purple": "#eef4ff";
-        readonly "dark-purple": "#3538cd";
-        readonly "grey-bg": "#fafafa";
-        readonly "grey-text": "#718096";
-        readonly "grey-border": "#e2e8f0";
-        readonly blue_heading: "#08314c";
-        readonly "midnight-blue": "#003e64";
-        readonly dark_card_blue: "#d1e5fd";
-        readonly grey_text_lms: "#828282";
-        readonly grey_bg_lms: "#f0f0f0";
-        readonly grey_bg_lms_icon: "#f7fafc";
-        readonly grey_lms_header: "#ececec";
-        readonly green_correct: "#6fcf97";
-        readonly green_bg: "#f8fdfa";
-        readonly "blue-box": "#008fff";
-        readonly "purple-box": "#ae2db1";
-        readonly "blue-box-filler": "#cee5ff";
-        readonly grey_pdf: "#f2f2f0";
-        readonly pink: "#cebdff";
-        readonly grey_voice: "#e1e1e1";
-        readonly gray_border: "#eaecf0";
-        readonly dark_gray: "#475467";
-        readonly btn_gray: "#ced4da";
-        readonly blue_bg: "#e9f4fd";
-        readonly gray_progress: "#e0e0de";
-        readonly gray_button: "#ced4da";
-        readonly gray_bg_mobile: "#f9fafb";
-        readonly gray_divider: "#d0d5dd";
-        readonly blue_light: "#c6e1f6";
-        readonly gray_tabs: "#667085";
-        readonly gray_card: "#f3f5f6";
-        readonly dark_text: "#344054";
-        readonly mobile_bg: "#f0f0f0";
-        readonly gray_tabs_bg: "#dde1e5";
-        readonly gray_tabs_text: "#667a8b";
-        readonly gray_border_two: "#f1f1f1";
-        readonly red_line: "#e83354";
-        readonly "pearl-green": "#d8fe67";
-        readonly blue_linear: "#173c83";
-        readonly blue_gradient: "#0d2532";
-        readonly yellow_light: "#ffcb66";
-        readonly gray_proftest: "#eef0f2";
-        readonly gray_bars: "#e4e7ec";
-        readonly yellow_border: "#ffb552";
-        readonly yellow_background: "#f8e8c0";
-        readonly gray_not_activated: "#dadbdf";
-        readonly black_almost: "#0e1d2a";
-        readonly gray_price: "#f3f4f6";
-        readonly gray_admin: "#e9edf7";
-        readonly gray_admin_text: "#718096";
-        readonly gray_admin_light: "#f8fafd";
-        readonly gray_black_notif_text: "#1a202c";
-        readonly black_notif_text: "#151c22";
-        readonly gray_notif_date: "#737373";
-        readonly gray_feedback_question: "#8897a5";
-        readonly kaspi_red: "#f14634";
-        readonly halloween: "#ef8014";
-        readonly blue_support: "#007aff";
-        readonly blue_new: "#135ba3";
-        readonly blue_bg_dark: "#d0e4f7";
-        readonly blue_bg_light: "#e8f4ff";
-        readonly gray_new: "#f0f0f0";
-        readonly blue_new_gradient: "linear-gradient(94.4deg, #173c83 0%, #0d2532 100%)";
-        readonly orange_gradient: "linear-gradient(105.28deg, #ffcb0f 0%, #ff8a0d 100%)";
-        readonly yellow_gradient: "linear-gradient(105.28deg, #ffcb0f 0%, #ff9c32 100%)";
-    };
-    readonly spacing: {
-        readonly "space-0": "0 * $spacing";
-        readonly "space-025": "0.25 * $spacing";
-        readonly "space-050": "0.5 * $spacing";
-        readonly "space-100": "1 * $spacing";
-        readonly "space-150": "1.5 * $spacing";
-        readonly "space-200": "2 * $spacing";
-        readonly "space-300": "3 * $spacing";
-        readonly "space-350": "3.5 * $spacing";
-        readonly "space-400": "4 * $spacing";
-        readonly "space-500": "5 * $spacing";
-        readonly "space-550": "5.5 * $spacing";
-        readonly "space-600": "6 * $spacing";
-        readonly "space-750": "7.5 * $spacing";
-        readonly "space-800": "8 * $spacing";
-        readonly "space-1000": "10 * $spacing";
-        readonly "space-1100": "11 * $spacing";
-        readonly "space-1200": "12 * $spacing";
-        readonly "space-1300": "13 * $spacing";
-        readonly "space-1600": "16 * $spacing";
-        readonly "space-2000": "20 * $spacing";
-        readonly "space-2400": "24 * $spacing";
-        readonly "space-3200": "32 * $spacing";
-    };
-    readonly colors: {
-        readonly "color-neutral-00": "#ffffff";
-        readonly "color-neutral-50": "#f8f9fa";
-        readonly "color-neutral-100": "#f1f3f6";
-        readonly "color-neutral-150": "#ebeef2";
-        readonly "color-neutral-200": "#e4e8ed";
-        readonly "color-neutral-250": "#dee1e7";
-        readonly "color-neutral-300": "#d2d5dc";
-        readonly "color-neutral-350": "#c5c8d0";
-        readonly "color-neutral-400": "#b9bcc5";
-        readonly "color-neutral-450": "#acafb8";
-        readonly "color-neutral-500": "#9fa2ab";
-        readonly "color-neutral-550": "#92959e";
-        readonly "color-neutral-600": "#868892";
-        readonly "color-neutral-650": "#797b85";
-        readonly "color-neutral-700": "#6c6e78";
-        readonly "color-neutral-750": "#5f616b";
-        readonly "color-neutral-800": "#52545d";
-        readonly "color-neutral-850": "#444750";
-        readonly "color-neutral-900": "#373a42";
-        readonly "color-neutral-950": "#020817";
-        readonly "color-red-50": "#fef2f2";
-        readonly "color-red-100": "#fee2e2";
-        readonly "color-red-200": "#fecaca";
-        readonly "color-red-300": "#fca5a5";
-        readonly "color-red-400": "#f87171";
-        readonly "color-red-500": "#ef4444";
-        readonly "color-red-600": "#dc2626";
-        readonly "color-red-700": "#b91c1c";
-        readonly "color-red-800": "#991b1b";
-        readonly "color-red-900": "#7f1d1d";
-        readonly "color-red-950": "#450a0a";
-        readonly "color-amber-50": "#fffbeb";
-        readonly "color-amber-100": "#fef3c7";
-        readonly "color-amber-200": "#fde68a";
-        readonly "color-amber-300": "#fcd34d";
-        readonly "color-amber-400": "#fbbf24";
-        readonly "color-amber-500": "#f59e0b";
-        readonly "color-amber-600": "#d97706";
-        readonly "color-amber-700": "#b45309";
-        readonly "color-amber-800": "#92400e";
-        readonly "color-amber-900": "#78350f";
-        readonly "color-amber-950": "#451a03";
-        readonly "color-green-50": "#f0fdf4";
-        readonly "color-green-100": "#dcfce7";
-        readonly "color-green-200": "#bbf7d0";
-        readonly "color-green-300": "#86efac";
-        readonly "color-green-400": "#4ade80";
-        readonly "color-green-500": "#22c55e";
-        readonly "color-green-600": "#16a34a";
-        readonly "color-green-700": "#15803d";
-        readonly "color-green-800": "#166534";
-        readonly "color-green-900": "#14532d";
-        readonly "color-green-950": "#052e16";
-        readonly "color-blue-50": "#eff6ff";
-        readonly "color-blue-100": "#dbeafe";
-        readonly "color-blue-200": "#bfdbfe";
-        readonly "color-blue-300": "#93c5fd";
-        readonly "color-blue-400": "#60a5fa";
-        readonly "color-blue-500": "#3b82f6";
-        readonly "color-blue-600": "#2563eb";
-        readonly "color-blue-700": "#1d4ed8";
-        readonly "color-blue-800": "#1e40af";
-        readonly "color-blue-900": "#1e3a8a";
-        readonly "color-blue-950": "#172554";
-        readonly "color-violet-50": "#f5f3ff";
-        readonly "color-violet-100": "#ede9fe";
-        readonly "color-violet-200": "#ddd6fe";
-        readonly "color-violet-300": "#c4b5fd";
-        readonly "color-violet-400": "#a78bfa";
-        readonly "color-violet-500": "#8b5cf6";
-        readonly "color-violet-600": "#8b5cf6";
-        readonly "color-violet-700": "#8b5cf6";
-        readonly "color-violet-800": "#5b21b6";
-        readonly "color-violet-900": "#4c1d95";
-        readonly "color-violet-950": "#2e1065";
-        readonly "color-teal-50": "#f0fdfa";
-        readonly "color-teal-100": "#ccfbf1";
-        readonly "color-teal-200": "#99f6e4";
-        readonly "color-teal-300": "#5eead4";
-        readonly "color-teal-400": "#2dd4bf";
-        readonly "color-teal-500": "#14b8a6";
-        readonly "color-teal-600": "#0d9488";
-        readonly "color-teal-700": "#0f766e";
-        readonly "color-teal-800": "#115e59";
-        readonly "color-teal-900": "#115e59";
-        readonly "color-teal-950": "#042f2e";
-        readonly "color-fuchsia-50": "#fdf4ff";
-        readonly "color-fuchsia-100": "#fae8ff";
-        readonly "color-fuchsia-200": "#f5d0fe";
-        readonly "color-fuchsia-300": "#f0abfc";
-        readonly "color-fuchsia-400": "#e879f9";
-        readonly "color-fuchsia-500": "#d946ef";
-        readonly "color-fuchsia-600": "#c026d3";
-        readonly "color-fuchsia-700": "#c026d3";
-        readonly "color-fuchsia-800": "#86198f";
-        readonly "color-fuchsia-900": "#701a75";
-        readonly "color-fuchsia-950": "#4a044e";
-    };
-    readonly breakpoints: {
-        readonly lg: "1200px";
-        readonly md: "1000px";
-        readonly sm: "700px";
-        readonly mobile: "480px";
-    };
-    readonly shadows: {
-        readonly "shadow-0": "0 0 0 0 #00000000";
-        readonly "shadow-100": "0 1px 0 0 #1A1A1A12";
-        readonly "shadow-200": "0 3px 1px -1px #1A1A1A12";
-        readonly "shadow-300": "0 4px 6px -2px #1A1A1A33";
-        readonly "shadow-400": "0 8px 16 -4px #1A1A1A38";
-        readonly "shadow-500": "0 12px 20px -8px #1A1A1A3D";
-        readonly "shadow-600": "0 20px 20px -8px #1A1A1A47";
-    };
-    readonly typography: {
-        readonly "font-family-sans": "Inter";
-        readonly "font-weight-regular": "450";
-        readonly "font-weight-medium": "550";
-        readonly "font-weight-semibold": "650";
-        readonly "font-weight-bold": "700";
-        readonly "font-letter-spacing-denser": "-0.3px";
-        readonly "font-letter-spacing-dense": "-0.2px";
-        readonly "font-letter-spacing-normal": "0px";
-        readonly "font-size-300": "12px";
-        readonly "font-size-350": "14px";
-        readonly "font-size-400": "16px";
-        readonly "font-size-500": "20px";
-        readonly "font-size-600": "24px";
-        readonly "font-size-750": "30px";
-        readonly "font-line-height-400": "16px";
-        readonly "font-line-height-500": "20px";
-        readonly "font-line-height-600": "24px";
-        readonly "font-line-height-800": "32px";
-        readonly "font-line-height-1000": "40px";
-        readonly text: "$color-neutral-900";
-        readonly "text-secondary": "$color-neutral-700";
-        readonly "text-disabled": "$color-neutral-600";
-        readonly "text-on-fill-brand": "$color-neutral-00";
-        readonly "text-critical": "$color-red-800";
-        readonly "text-emphasis": "$color-blue-800";
-        readonly "text-emphasis-hover": "$color-blue-900";
-        readonly "text-emphasis-on-press": "$color-blue-950";
-        readonly "text-emphasis-selected": "$color-blue-950";
-        readonly text_dark: "#06253c";
-    };
-};

package/src/styles/tokens.js

@@ -1,94 +0,0 @@
-/**
- * SCSS Design Tokens - JavaScript Export
- * Use this file to access SCSS variables in JavaScript/TypeScript
- *
- * Usage in your project:
- * import { spacing, breakpoints, colors } from 'stp-ui-kit/tokens';
- *
- * Or import SCSS variables directly:
- * @use 'stp-ui-kit/styles/variables' as stp;
- * .my-class { padding: stp.$space-400; }
- */
-
-export const spacing = {
-  spacing: '4px',
-  'space-0': '0px',
-  'space-025': '1px',
-  'space-050': '2px',
-  'space-100': '4px',
-  'space-150': '6px',
-  'space-200': '8px',
-  'space-250': '10px',
-  'space-300': '12px',
-  'space-350': '14px',
-  'space-400': '16px',
-  'space-450': '18px',
-  'space-500': '20px',
-  'space-550': '22px',
-  'space-600': '24px',
-  'space-650': '26px',
-  'space-750': '30px',
-  'space-800': '32px',
-  'space-850': '34px',
-  'space-900': '36px',
-  'space-950': '38px',
-  'space-1000': '40px',
-  'space-1100': '44px',
-  'space-1200': '48px',
-  'space-1300': '52px',
-  'space-1600': '64px',
-  'space-2000': '80px',
-  'space-2400': '96px',
-  'space-3200': '128px',
-};
-
-export const breakpoints = {
-  lg: '1200px',
-  md: '1000px',
-  sm: '700px',
-  mobile: '480px',
-};
-
-export const border = {
-  'border-radius-0': '0px',
-  'border-radius-50': '2px',
-  'border-radius-100': '4px',
-  'border-radius-200': '8px',
-  'border-radius-full': '50%',
-  'border-width-025': '1px',
-};
-
-export const typography = {
-  'font-family-sans': 'Inter',
-  'font-weight-regular': 450,
-  'font-weight-medium': 550,
-  'font-weight-semibold': 650,
-  'font-weight-bold': 700,
-  'font-letter-spacing-denser': '-0.3px',
-  'font-letter-spacing-dense': '-0.2px',
-  'font-letter-spacing-normal': '0px',
-  'font-size-300': '12px',
-  'font-size-350': '14px',
-  'font-size-400': '16px',
-  'font-size-500': '20px',
-  'font-size-600': '24px',
-  'font-size-750': '30px',
-  'font-line-height-400': '16px',
-  'font-line-height-500': '20px',
-  'font-line-height-550': '22px',
-  'font-line-height-600': '24px',
-  'font-line-height-650': '26px',
-  'font-line-height-700': '28px',
-  'font-line-height-800': '32px',
-  'font-line-height-1000': '40px',
-};
-
-// Export all tokens as a single object
-export const tokens = {
-  ...spacing,
-  ...breakpoints,
-  ...border,
-  ...typography,
-};
-
-export default tokens;