@lemontech/sour-theme 1.2.0 → 1.3.1

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x='"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',a={zero:0,xxs:4,xs:8,s:16,m:24,l:32,xl:40,xxl:48},o={xxxs:12,xxs:14,xs:16,s:20,m:24,l:32,xl:40,xxl:48,xxxl:64},i={xxxs:18/o.xxxs,xxs:21/o.xxs,xs:24/o.xs,s:30/o.s,m:36/o.m,l:48/o.l,xl:60/o.xl,xxl:72/o.xxl,xxxl:96/o.xxxl},g={xxxs:.25,xxs:.1,xs:.1,s:0,m:0,l:.25,xl:0,xxl:.5,xxxl:1.5},t={s:4,m:8,l:16},b={xs:1,s:2,m:3,l:8},s={grey:{0:"#fafafa",50:"#f2f2f2",100:"#e3e3e3",200:"#d3d3d3",300:"#b3b3b3",400:"#9c9b9b",500:"#7b7a7a",600:"#5e5e5e",700:"#424242",800:"#303030",900:"#262626"},blue:{0:"#f5faff",50:"#e0f0ff",100:"#cde4f9",200:"#a7cdf1",300:"#7cb3e7",400:"#62a2df",500:"#4681b9",600:"#3f6a92",700:"#2f4d69",800:"#223649",900:"#1b2937"},green:{0:"#f5fffa",50:"#ebfff6",100:"#cdf3e3",200:"#99e1c3",300:"#66cca1",400:"#39bc84",500:"#329f71",600:"#2a7e5b",700:"#26664b",800:"#1e4836",900:"#19382c"},yellow:{0:"#fffdf5",50:"#fffbeb",100:"#fbf1c6",200:"#f6df83",300:"#f3ce3a",400:"#d8ae03",500:"#b28f00",600:"#8a6f00",700:"#685403",800:"#483a04",900:"#3b3107"},red:{0:"#fff5f5",50:"#ffe1e0",100:"#fcccca",200:"#f8a4a0",300:"#f37872",400:"#ef5b53",500:"#cd433c",600:"#b12d25",700:"#861e18",800:"#601410",900:"#450f0c"},charcoal:{0:"#f1efef",50:"#e2dfdf",100:"#cdc6c8",200:"#a99ea0",300:"#87787c",400:"#695d60",500:"#51484a",600:"#41393b",700:"#312b2c",800:"#231f20",900:"#1b1819"},lemon:{0:"#f9fcf7",50:"#e9f4e1",100:"#cbe7bb",200:"#abd991",300:"#8bca68",400:"#6cb940",500:"#5d9f37",600:"#4b812d",700:"#355b20",800:"#254016",900:"#1a2d10"},orange:{0:"#fff9f5",50:"#feede1",100:"#fdd4b9",200:"#fcb688",300:"#fb9756",400:"#fa7b29",500:"#db5a05",600:"#a94504",700:"#773103",800:"#502102",900:"#3c1801"},purple:{0:"#faf6fe",50:"#f0e3fd",100:"#dfc2fa",200:"#c693f6",300:"#ab60f1",400:"#8f2ced",500:"#7112ca",600:"#540d96",700:"#3f0a71",800:"#2c0750",900:"#22053d"},azure:{0:"#f5fbff",50:"#e0f3ff",100:"#bde5ff",200:"#85ceff",300:"#52baff",400:"#059cff",500:"#007bcc",600:"#005c99",700:"#00406b",800:"#003152",900:"#00253d"}},d={light:300,regular:400,semibold:600,bold:700},H={fontFamily:x,spacing:a,fontSize:o,lineHeight:i,letterSpacing:g,radius:t,lineWidth:b,color:s,fontWeight:d},{green:r,yellow:c,red:l,azure:f,grey:e,blue:n}=s,S={token:{fontFamily:x,fontWeightStrong:d.semibold,fontSizeSM:o.xxxs,fontSize:o.xxs,fontSizeLG:o.xs,fontSizeXL:o.s,fontSizeHeading5:o.xs,fontSizeHeading4:o.s,fontSizeHeading3:o.m,fontSizeHeading2:o.l,fontSizeHeading1:o.xl,lineHeightSM:i.xxxs,lineHeight:i.xxs,lineHeightLG:i.xs,lineHeightHeading5:i.xs,lineHeightHeading4:i.s,lineHeightHeading3:i.m,lineHeightHeading2:i.l,lineHeightHeading1:i.xl,colorPrimary:n[500],colorPrimaryBg:n[50],colorPrimaryBgHover:n[100],colorPrimaryBorder:n[200],colorPrimaryBorderHover:n[300],colorPrimaryHover:n[400],colorPrimaryActive:n[600],colorPrimaryTextHover:n[700],colorPrimaryText:n[800],colorPrimaryTextActive:n[900],colorSuccess:r[500],colorSuccessBg:r[50],colorSuccessBgHover:r[100],colorSuccessBorder:r[200],colorSuccessBorderHover:r[300],colorSuccessHover:r[400],colorSuccessActive:r[600],colorSuccessTextHover:r[700],colorSuccessText:r[800],colorSuccessTextActive:r[900],colorWarning:c[500],colorWarningBg:c[50],colorWarningBgHover:c[100],colorWarningBorder:c[200],colorWarningBorderHover:c[300],colorWarningHover:c[400],colorWarningActive:c[600],colorWarningTextHover:c[700],colorWarningText:c[800],colorWarningTextActive:c[900],colorError:l[500],colorErrorBg:l[50],colorErrorBgHover:l[100],colorErrorBorder:l[200],colorErrorBorderHover:l[300],colorErrorHover:l[400],colorErrorActive:l[600],colorErrorTextHover:l[700],colorErrorText:l[800],colorErrorTextActive:l[900],colorInfo:f[500],colorInfoBg:f[50],colorInfoBgHover:f[100],colorInfoBorder:f[200],colorInfoBorderHover:f[300],colorInfoHover:f[400],colorInfoActive:f[600],colorInfoTextHover:f[700],colorInfoText:f[800],colorInfoTextActive:f[900],colorBgLayout:e[0],colorBgContainer:"#FFFFFF",colorBgElevated:"#FFFFFF",colorBorder:e[200],colorBorderSecondary:e[100],colorFill:e[100],colorFillSecondary:e[50],colorFillTertiary:e[0],colorFillQuaternary:e[0],colorText:e[900],colorTextSecondary:e[600],colorTextTertiary:e[400],colorTextQuaternary:e[300],colorTextDisabled:e[300],colorTextPlaceholder:e[400],sizeXXS:a.xxs,sizeXS:a.xs,sizeLG:a.m,sizeXL:a.l,sizeXXL:a.xxl},components:{Tag:{borderRadiusSM:t.l}}};exports.theme=S;exports.tokens=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d='"Open Sans", system-ui, -apple-system, sans-serif',i={zero:0,xxs:4,xs:8,s:16,m:24,l:32,xl:40,xxl:48},o={xxxs:12,xxs:14,xs:16,s:20,m:24,l:32,xl:40,xxl:48,xxxl:64},t={xxxs:18/o.xxxs,xxs:21/o.xxs,xs:24/o.xs,s:30/o.s,m:36/o.m,l:48/o.l,xl:60/o.xl,xxl:72/o.xxl,xxxl:96/o.xxxl},H={xxxs:.25,xxs:.1,xs:.1,s:0,m:0,l:.25,xl:0,xxl:.5,xxxl:1.5},g={s:4,m:8,l:16},T={xs:1,s:2,m:3,l:8},s={grey:{0:"#fafafa",50:"#f2f2f2",100:"#e3e3e3",200:"#d3d3d3",300:"#b3b3b3",400:"#9c9b9b",500:"#7b7a7a",600:"#5e5e5e",700:"#424242",800:"#303030",900:"#262626"},blue:{0:"#f5faff",50:"#e0f0ff",100:"#cde4f9",200:"#a7cdf1",300:"#7cb3e7",400:"#62a2df",500:"#4681b9",600:"#3f6a92",700:"#2f4d69",800:"#223649",900:"#1b2937"},green:{0:"#f5fffa",50:"#ebfff6",100:"#cdf3e3",200:"#99e1c3",300:"#66cca1",400:"#39bc84",500:"#329f71",600:"#2a7e5b",700:"#26664b",800:"#1e4836",900:"#19382c"},yellow:{0:"#fffdf5",50:"#fffbeb",100:"#fbf1c6",200:"#f6df83",300:"#f3ce3a",400:"#d8ae03",500:"#b28f00",600:"#8a6f00",700:"#685403",800:"#483a04",900:"#3b3107"},red:{0:"#fff5f5",50:"#ffe1e0",100:"#fcccca",200:"#f8a4a0",300:"#f37872",400:"#ef5b53",500:"#cd433c",600:"#b12d25",700:"#861e18",800:"#601410",900:"#450f0c"},charcoal:{0:"#f1efef",50:"#e2dfdf",100:"#cdc6c8",200:"#a99ea0",300:"#87787c",400:"#695d60",500:"#51484a",600:"#41393b",700:"#312b2c",800:"#231f20",900:"#1b1819"},lemon:{0:"#f9fcf7",50:"#e9f4e1",100:"#cbe7bb",200:"#abd991",300:"#8bca68",400:"#6cb940",500:"#5d9f37",600:"#4b812d",700:"#355b20",800:"#254016",900:"#1a2d10"},orange:{0:"#fff9f5",50:"#feede1",100:"#fdd4b9",200:"#fcb688",300:"#fb9756",400:"#fa7b29",500:"#db5a05",600:"#a94504",700:"#773103",800:"#502102",900:"#3c1801"},purple:{0:"#faf6fe",50:"#f0e3fd",100:"#dfc2fa",200:"#c693f6",300:"#ab60f1",400:"#8f2ced",500:"#7112ca",600:"#540d96",700:"#3f0a71",800:"#2c0750",900:"#22053d"},azure:{0:"#f5fbff",50:"#e0f3ff",100:"#bde5ff",200:"#85ceff",300:"#52baff",400:"#059cff",500:"#007bcc",600:"#005c99",700:"#00406b",800:"#003152",900:"#00253d"}},b={light:300,regular:400,semibold:600,bold:700},S={fontFamily:d,spacing:i,fontSize:o,lineHeight:t,letterSpacing:H,radius:g,lineWidth:T,color:s,fontWeight:b},{green:c,yellow:l,red:f,azure:n,grey:e}=s,a={token:{fontFamily:d,fontWeightStrong:b.semibold,fontSizeSM:o.xxxs,fontSize:o.xxs,fontSizeLG:o.xs,fontSizeXL:o.s,fontSizeHeading5:o.xs,fontSizeHeading4:o.s,fontSizeHeading3:o.m,fontSizeHeading2:o.l,fontSizeHeading1:o.xl,lineHeightSM:t.xxxs,lineHeight:t.xxs,lineHeightLG:t.xs,lineHeightHeading5:t.xs,lineHeightHeading4:t.s,lineHeightHeading3:t.m,lineHeightHeading2:t.l,lineHeightHeading1:t.xl,colorSuccess:c[500],colorSuccessBg:c[50],colorSuccessBgHover:c[100],colorSuccessBorder:c[200],colorSuccessBorderHover:c[300],colorSuccessHover:c[400],colorSuccessActive:c[600],colorSuccessTextHover:c[700],colorSuccessText:c[800],colorSuccessTextActive:c[900],colorWarning:l[500],colorWarningBg:l[50],colorWarningBgHover:l[100],colorWarningBorder:l[200],colorWarningBorderHover:l[300],colorWarningHover:l[400],colorWarningActive:l[600],colorWarningTextHover:l[700],colorWarningText:l[800],colorWarningTextActive:l[900],colorError:f[500],colorErrorBg:f[50],colorErrorBgHover:f[100],colorErrorBorder:f[200],colorErrorBorderHover:f[300],colorErrorHover:f[400],colorErrorActive:f[600],colorErrorTextHover:f[700],colorErrorText:f[800],colorErrorTextActive:f[900],colorInfo:n[500],colorInfoBg:n[50],colorInfoBgHover:n[100],colorInfoBorder:n[200],colorInfoBorderHover:n[300],colorInfoHover:n[400],colorInfoActive:n[600],colorInfoTextHover:n[700],colorInfoText:n[800],colorInfoTextActive:n[900],colorBgLayout:e[0],colorBgContainer:"#FFFFFF",colorBgElevated:"#FFFFFF",colorBorder:e[200],colorBorderSecondary:e[100],colorFill:e[100],colorFillSecondary:e[50],colorFillTertiary:e[0],colorFillQuaternary:e[0],colorText:e[900],colorTextSecondary:e[600],colorTextTertiary:e[400],colorTextQuaternary:e[300],colorTextDisabled:e[300],colorTextPlaceholder:e[400],sizeXXS:i.xxs,sizeXS:i.xs,sizeLG:i.m,sizeXL:i.l,sizeXXL:i.xxl},components:{Tag:{borderRadiusSM:g.l}}},v=a;function x(m){const r=s[m];return{colorPrimary:r[500],colorPrimaryBg:r[50],colorPrimaryBgHover:r[100],colorPrimaryBorder:r[200],colorPrimaryBorderHover:r[300],colorPrimaryHover:r[400],colorPrimaryActive:r[600],colorPrimaryTextHover:r[700],colorPrimaryText:r[800],colorPrimaryTextActive:r[900]}}const u={...a,token:{...a.token,...x("blue")}},y={...a,token:{...a.token,...x("orange")}},h={...a,token:{...a.token,...x("purple")}};exports.casetrackingFirmsTheme=y;exports.casetrackingTheme=h;exports.lemonsuiteTheme=u;exports.rawTheme=a;exports.theme=v;exports.tokens=S;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export { antdTheme as theme } from "./theme/antdTheme";
+export { rawTheme, antdTheme as theme } from "./theme/antdTheme";
+export { lemonsuiteTheme, casetrackingFirmsTheme, casetrackingTheme } from "./theme/productThemes";
 export { tokens } from "./theme/tokens";

package/dist/index.js

@@ -1,4 +1,4 @@
-const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif', x = {
+const d = '"Open Sans", system-ui, -apple-system, sans-serif', i = {
   zero: 0,
   xxs: 4,
   xs: 8,
@@ -17,7 +17,7 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
   xl: 40,
   xxl: 48,
   xxxl: 64
-}, a = {
+}, t = {
   xxxs: 18 / o.xxxs,
   xxs: 21 / o.xxs,
   xs: 24 / o.xs,
@@ -27,7 +27,7 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
   xl: 60 / o.xl,
   xxl: 72 / o.xxl,
   xxxl: 96 / o.xxxl
-}, g = {
+}, m = {
   xxxs: 0.25,
   xxs: 0.1,
   xs: 0.1,
@@ -37,11 +37,11 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
   xl: 0,
   xxl: 0.5,
   xxxl: 1.5
-}, t = {
+}, g = {
   s: 4,
   m: 8,
   l: 16
-}, b = {
+}, v = {
   xs: 1,
   s: 2,
   m: 3,
@@ -177,25 +177,25 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
     800: "#003152",
     900: "#00253d"
   }
-}, d = {
+}, b = {
   light: 300,
   regular: 400,
   semibold: 600,
   bold: 700
-}, H = {
-  fontFamily: i,
-  spacing: x,
+}, S = {
+  fontFamily: d,
+  spacing: i,
   fontSize: o,
-  lineHeight: a,
-  letterSpacing: g,
-  radius: t,
-  lineWidth: b,
+  lineHeight: t,
+  letterSpacing: m,
+  radius: g,
+  lineWidth: v,
   color: s,
-  fontWeight: d
-}, { green: r, yellow: c, red: l, azure: f, grey: e, blue: n } = s, S = {
+  fontWeight: b
+}, { green: c, yellow: l, red: f, azure: n, grey: e } = s, a = {
   token: {
-    fontFamily: i,
-    fontWeightStrong: d.semibold,
+    fontFamily: d,
+    fontWeightStrong: b.semibold,
     fontSizeSM: o.xxxs,
     fontSize: o.xxs,
     // 14px  (base)
@@ -206,64 +206,54 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
     fontSizeHeading3: o.m,
     fontSizeHeading2: o.l,
     fontSizeHeading1: o.xl,
-    lineHeightSM: a.xxxs,
-    lineHeight: a.xxs,
-    lineHeightLG: a.xs,
-    lineHeightHeading5: a.xs,
-    lineHeightHeading4: a.s,
-    lineHeightHeading3: a.m,
-    lineHeightHeading2: a.l,
-    lineHeightHeading1: a.xl,
-    colorPrimary: n[500],
-    colorPrimaryBg: n[50],
-    colorPrimaryBgHover: n[100],
-    colorPrimaryBorder: n[200],
-    colorPrimaryBorderHover: n[300],
-    colorPrimaryHover: n[400],
-    colorPrimaryActive: n[600],
-    colorPrimaryTextHover: n[700],
-    colorPrimaryText: n[800],
-    colorPrimaryTextActive: n[900],
-    colorSuccess: r[500],
-    colorSuccessBg: r[50],
-    colorSuccessBgHover: r[100],
-    colorSuccessBorder: r[200],
-    colorSuccessBorderHover: r[300],
-    colorSuccessHover: r[400],
-    colorSuccessActive: r[600],
-    colorSuccessTextHover: r[700],
-    colorSuccessText: r[800],
-    colorSuccessTextActive: r[900],
-    colorWarning: c[500],
-    colorWarningBg: c[50],
-    colorWarningBgHover: c[100],
-    colorWarningBorder: c[200],
-    colorWarningBorderHover: c[300],
-    colorWarningHover: c[400],
-    colorWarningActive: c[600],
-    colorWarningTextHover: c[700],
-    colorWarningText: c[800],
-    colorWarningTextActive: c[900],
-    colorError: l[500],
-    colorErrorBg: l[50],
-    colorErrorBgHover: l[100],
-    colorErrorBorder: l[200],
-    colorErrorBorderHover: l[300],
-    colorErrorHover: l[400],
-    colorErrorActive: l[600],
-    colorErrorTextHover: l[700],
-    colorErrorText: l[800],
-    colorErrorTextActive: l[900],
-    colorInfo: f[500],
-    colorInfoBg: f[50],
-    colorInfoBgHover: f[100],
-    colorInfoBorder: f[200],
-    colorInfoBorderHover: f[300],
-    colorInfoHover: f[400],
-    colorInfoActive: f[600],
-    colorInfoTextHover: f[700],
-    colorInfoText: f[800],
-    colorInfoTextActive: f[900],
+    lineHeightSM: t.xxxs,
+    lineHeight: t.xxs,
+    lineHeightLG: t.xs,
+    lineHeightHeading5: t.xs,
+    lineHeightHeading4: t.s,
+    lineHeightHeading3: t.m,
+    lineHeightHeading2: t.l,
+    lineHeightHeading1: t.xl,
+    colorSuccess: c[500],
+    colorSuccessBg: c[50],
+    colorSuccessBgHover: c[100],
+    colorSuccessBorder: c[200],
+    colorSuccessBorderHover: c[300],
+    colorSuccessHover: c[400],
+    colorSuccessActive: c[600],
+    colorSuccessTextHover: c[700],
+    colorSuccessText: c[800],
+    colorSuccessTextActive: c[900],
+    colorWarning: l[500],
+    colorWarningBg: l[50],
+    colorWarningBgHover: l[100],
+    colorWarningBorder: l[200],
+    colorWarningBorderHover: l[300],
+    colorWarningHover: l[400],
+    colorWarningActive: l[600],
+    colorWarningTextHover: l[700],
+    colorWarningText: l[800],
+    colorWarningTextActive: l[900],
+    colorError: f[500],
+    colorErrorBg: f[50],
+    colorErrorBgHover: f[100],
+    colorErrorBorder: f[200],
+    colorErrorBorderHover: f[300],
+    colorErrorHover: f[400],
+    colorErrorActive: f[600],
+    colorErrorTextHover: f[700],
+    colorErrorText: f[800],
+    colorErrorTextActive: f[900],
+    colorInfo: n[500],
+    colorInfoBg: n[50],
+    colorInfoBgHover: n[100],
+    colorInfoBorder: n[200],
+    colorInfoBorderHover: n[300],
+    colorInfoHover: n[400],
+    colorInfoActive: n[600],
+    colorInfoTextHover: n[700],
+    colorInfoText: n[800],
+    colorInfoTextActive: n[900],
     colorBgLayout: e[0],
     colorBgContainer: "#FFFFFF",
     colorBgElevated: "#FFFFFF",
@@ -279,19 +269,48 @@ const i = '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "
     colorTextQuaternary: e[300],
     colorTextDisabled: e[300],
     colorTextPlaceholder: e[400],
-    sizeXXS: x.xxs,
-    sizeXS: x.xs,
-    sizeLG: x.m,
-    sizeXL: x.l,
-    sizeXXL: x.xxl
+    sizeXXS: i.xxs,
+    sizeXS: i.xs,
+    sizeLG: i.m,
+    sizeXL: i.l,
+    sizeXXL: i.xxl
   },
   components: {
     Tag: {
-      borderRadiusSM: t.l
+      borderRadiusSM: g.l
     }
   }
+}, T = a;
+function x(H) {
+  const r = s[H];
+  return {
+    colorPrimary: r[500],
+    colorPrimaryBg: r[50],
+    colorPrimaryBgHover: r[100],
+    colorPrimaryBorder: r[200],
+    colorPrimaryBorderHover: r[300],
+    colorPrimaryHover: r[400],
+    colorPrimaryActive: r[600],
+    colorPrimaryTextHover: r[700],
+    colorPrimaryText: r[800],
+    colorPrimaryTextActive: r[900]
+  };
+}
+const u = {
+  ...a,
+  token: { ...a.token, ...x("blue") }
+}, y = {
+  ...a,
+  token: { ...a.token, ...x("orange") }
+}, B = {
+  ...a,
+  token: { ...a.token, ...x("purple") }
 };
 export {
-  S as theme,
-  H as tokens
+  y as casetrackingFirmsTheme,
+  B as casetrackingTheme,
+  u as lemonsuiteTheme,
+  a as rawTheme,
+  T as theme,
+  S as tokens
 };

package/dist/theme/antdTheme.d.ts

@@ -1,2 +1,3 @@
 import type { ThemeConfig } from "antd";
+export declare const rawTheme: ThemeConfig;
 export declare const antdTheme: ThemeConfig;

package/dist/theme/productThemes.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeConfig } from "antd";
+export declare const lemonsuiteTheme: ThemeConfig;
+export declare const casetrackingFirmsTheme: ThemeConfig;
+export declare const casetrackingTheme: ThemeConfig;

package/dist/theme/tokens.d.ts

@@ -1,4 +1,4 @@
-export declare const fontFamily = "\"Open Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+export declare const fontFamily = "\"Open Sans\", system-ui, -apple-system, sans-serif";
 export declare const spacing: Record<string, number>;
 export declare const fontSize: Record<string, number>;
 export declare const lineHeight: Record<string, number>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lemontech/sour-theme",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Tema para antd personalizado para proyectos de Lemontech",
   "license": "MIT",
   "type": "module",
@@ -41,6 +41,7 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
+    "@ant-design/icons": "^6.1.0",
     "@chromatic-com/storybook": "^5.0.1",
     "@eslint/js": "^9.39.1",
     "@storybook/addon-a11y": "^10.2.15",
@@ -53,7 +54,6 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "@ant-design/icons": "^6.1.0",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/coverage-v8": "^4.0.18",
     "autoprefixer": "^10.4.27",
@@ -73,6 +73,10 @@
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },
+  "dependencies": {
+    "@ant-design/cssinjs": "^2.1.2",
+    "@tailwindcss/vite": "^4.3.0"
+  },
   "scripts": {
     "clean": "rm -rf dist",
     "build": "tsc -b && vite build",