@lemontech/sour-theme 1.3.6 → 1.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/tailwind-lemonsuite.css +11 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ Design system basado en Ant Design que exporta tema, tokens y temas por producto
|
|
|
9
9
|
| Instalación y uso | [Getting Started](https://lemontechsa.github.io/sour-theme/?path=/docs/getting-started-installation--docs) |
|
|
10
10
|
| Tokens de diseño | [Tokens](https://lemontechsa.github.io/sour-theme/?path=/docs/getting-started-tokens--docs) |
|
|
11
11
|
| Integración Tailwind CSS | [Tailwind CSS](https://lemontechsa.github.io/sour-theme/?path=/docs/getting-started-tailwind-css--docs) |
|
|
12
|
-
| Paleta de colores | [
|
|
12
|
+
| Paleta de colores | [Semantic Colors](https://lemontechsa.github.io/sour-theme/?path=/docs/design-tokens-semantic-colors--docs) |
|
|
13
13
|
| Componentes | [Components](https://lemontechsa.github.io/sour-theme/?path=/docs/components-tag--docs) |
|
|
14
14
|
| Arquitectura y mantenibilidad | [Maintainability](https://lemontechsa.github.io/sour-theme/?path=/docs/maintainability-overview--docs) |
|
|
15
15
|
|
|
@@ -89,7 +89,7 @@ Temas disponibles:
|
|
|
89
89
|
|
|
90
90
|
| Export | Producto | Color primario |
|
|
91
91
|
|----------------------------|---------------------|----------------|
|
|
92
|
-
| `lemonsuiteTheme` | LemonSuite |
|
|
92
|
+
| `lemonsuiteTheme` | LemonSuite | Azure |
|
|
93
93
|
| `casetrackingFirmsTheme` | Casetracking Firms | Orange |
|
|
94
94
|
| `casetrackingTheme` | Casetracking | Purple |
|
|
95
95
|
| `rawTheme` | Base (sin primario) | — |
|
|
@@ -103,7 +103,7 @@ const { color, spacing, fontSize } = tokens
|
|
|
103
103
|
|
|
104
104
|
const Component = () => (
|
|
105
105
|
<div style={{
|
|
106
|
-
color: color.
|
|
106
|
+
color: color.azure[500],
|
|
107
107
|
padding: spacing.m,
|
|
108
108
|
fontSize: fontSize.s,
|
|
109
109
|
}}>
|
|
@@ -128,7 +128,7 @@ El paquete incluye archivos CSS pre-generados para Tailwind v4 con tokens semán
|
|
|
128
128
|
|
|
129
129
|
| Archivo | Producto | `primary` |
|
|
130
130
|
| --- | --- | --- |
|
|
131
|
-
| `tailwind-lemonsuite.css` | LemonSuite | `
|
|
131
|
+
| `tailwind-lemonsuite.css` | LemonSuite | `azure` |
|
|
132
132
|
| `tailwind-casetracking.css` | Casetracking | `purple` |
|
|
133
133
|
| `tailwind-casetracking-firms.css` | Casetracking Firms | `orange` |
|
|
134
134
|
| `tailwind-theme.css` | Base sin primary | — |
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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("
|
|
1
|
+
"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("azure")}},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.js
CHANGED
|
@@ -86,15 +86,15 @@
|
|
|
86
86
|
--text-xxl: 48px;
|
|
87
87
|
--text-xxxl: 64px;
|
|
88
88
|
--font-sans: "Open Sans", system-ui, -apple-system, sans-serif;
|
|
89
|
-
--color-primary-0: #
|
|
90
|
-
--color-primary-50: #
|
|
91
|
-
--color-primary-100: #
|
|
92
|
-
--color-primary-200: #
|
|
93
|
-
--color-primary-300: #
|
|
94
|
-
--color-primary-400: #
|
|
95
|
-
--color-primary-500: #
|
|
96
|
-
--color-primary-600: #
|
|
97
|
-
--color-primary-700: #
|
|
98
|
-
--color-primary-800: #
|
|
99
|
-
--color-primary-900: #
|
|
89
|
+
--color-primary-0: #f5fbff;
|
|
90
|
+
--color-primary-50: #e0f3ff;
|
|
91
|
+
--color-primary-100: #bde5ff;
|
|
92
|
+
--color-primary-200: #85ceff;
|
|
93
|
+
--color-primary-300: #52baff;
|
|
94
|
+
--color-primary-400: #059cff;
|
|
95
|
+
--color-primary-500: #007bcc;
|
|
96
|
+
--color-primary-600: #005c99;
|
|
97
|
+
--color-primary-700: #00406b;
|
|
98
|
+
--color-primary-800: #003152;
|
|
99
|
+
--color-primary-900: #00253d;
|
|
100
100
|
}
|