@club-employes/utopia 4.97.0 → 4.98.1

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.
Files changed (26) hide show
  1. package/dist/components/molecules/FilterLocation/FilterLocation.d.ts +1 -3
  2. package/dist/components/molecules/FilterLocation/types.d.ts +3 -3
  3. package/dist/components/molecules/FilterSelect/types.d.ts +1 -4
  4. package/dist/components/organisms/Table/Table.d.ts +1 -0
  5. package/dist/components/organisms/Table/types.d.ts +29 -2
  6. package/dist/composables/useTablePagination.d.ts +0 -1
  7. package/dist/dark-BaXwRrGN.js +4 -0
  8. package/dist/dark-Cs0vKpZt.js +4 -0
  9. package/dist/icons-list.json +1 -1
  10. package/dist/index.js +3403 -3404
  11. package/dist/light-BgwEUqT3.js +4 -0
  12. package/dist/light-DGbVygBu.js +4 -0
  13. package/dist/tokens/club-employes/dark.css +42 -0
  14. package/dist/tokens/club-employes/dark.js +42 -0
  15. package/dist/tokens/club-employes/light.css +42 -0
  16. package/dist/tokens/club-employes/light.js +42 -0
  17. package/dist/tokens/gifteo/dark.css +42 -0
  18. package/dist/tokens/gifteo/dark.js +42 -0
  19. package/dist/tokens/gifteo/light.css +42 -0
  20. package/dist/tokens/gifteo/light.js +42 -0
  21. package/dist/utopia.css +1 -1
  22. package/package.json +1 -1
  23. package/dist/dark-C-1-7iB8.js +0 -4
  24. package/dist/dark-CeTSRV8L.js +0 -4
  25. package/dist/light-AtV3A0SQ.js +0 -4
  26. package/dist/light-CNMWfMek.js +0 -4
package/dist/tokens/club-employes/dark.css CHANGED
@@ -22,6 +22,17 @@
22
22
  --border-radius-lg: 16px;
23
23
  --border-radius-xl: 24px;
24
24
  --border-radius-full: 9999px;
25
+ --color-active-dark-50: #162456;
26
+ --color-active-dark-100: #1c398e;
27
+ --color-active-dark-200: #193cb8;
28
+ --color-active-dark-300: #1447e6;
29
+ --color-active-dark-400: #155dfc;
30
+ --color-active-dark-500: #2b7fff;
31
+ --color-active-dark-600: #51a2ff;
32
+ --color-active-dark-700: #8ec5ff;
33
+ --color-active-dark-800: #bebdff;
34
+ --color-active-dark-900: #dbeafe;
35
+ --color-active-dark-950: #eff6ff;
25
36
  --color-slate-dark-50: #020618;
26
37
  --color-slate-dark-100: #0f172b;
27
38
  --color-slate-dark-200: #1d293d;
@@ -88,6 +99,17 @@
88
99
  --color-subvention-dark-800: #d0f6e3;
89
100
  --color-subvention-dark-900: #e6faf0;
90
101
  --color-subvention-dark-950: #f0fcf6;
102
+ --color-active-50: #eff6ff;
103
+ --color-active-100: #dbeafe;
104
+ --color-active-200: #bebdff;
105
+ --color-active-300: #8ec5ff;
106
+ --color-active-400: #51a2ff;
107
+ --color-active-500: #2b7fff;
108
+ --color-active-600: #155dfc;
109
+ --color-active-700: #1447e6;
110
+ --color-active-800: #193cb8;
111
+ --color-active-900: #1c398e;
112
+ --color-active-950: #162456;
91
113
  --color-slate-50: #f8fafc;
92
114
  --color-slate-100: #f1f5f9;
93
115
  --color-slate-200: #e2e8f0;
@@ -110,6 +132,15 @@
110
132
  --color-background-800: #292524;
111
133
  --color-background-900: #1c1917;
112
134
  --color-background-950: #0c0a09;
135
+ --color-background-black: #000000;
136
+ --color-background-white: #ffffff;
137
+ --color-background-transparence: rgba(255, 255, 255, 0);
138
+ --color-background-transparence-50: rgba(255, 255, 255, 0.04);
139
+ --color-background-transparence-100: rgba(255, 255, 255, 0.06);
140
+ --color-background-transparence-200: rgba(255, 255, 255, 0.1);
141
+ --color-background-transparence-300: rgba(255, 255, 255, 0.25);
142
+ --color-background-transparence-400: rgba(255, 255, 255, 0.5);
143
+ --color-background-transparence-500: #ffffff;
113
144
  --color-succeed-50: #e8fcf2;
114
145
  --color-succeed-100: #d0fae5;
115
146
  --color-succeed-200: #a4f4cf;
@@ -1554,6 +1585,17 @@
1554
1585
  --theme-colors-border-default: #374151;
1555
1586
  --theme-colors-border-muted: #1f2937;
1556
1587
  --theme-colors-border-strong: #4b5563;
1588
+ --theme-colors-common-active-50: #162456;
1589
+ --theme-colors-common-active-100: #1c398e;
1590
+ --theme-colors-common-active-200: #193cb8;
1591
+ --theme-colors-common-active-300: #1447e6;
1592
+ --theme-colors-common-active-400: #155dfc;
1593
+ --theme-colors-common-active-500: #2b7fff;
1594
+ --theme-colors-common-active-600: #51a2ff;
1595
+ --theme-colors-common-active-700: #8ec5ff;
1596
+ --theme-colors-common-active-800: #bebdff;
1597
+ --theme-colors-common-active-900: #dbeafe;
1598
+ --theme-colors-common-active-950: #eff6ff;
1557
1599
  --theme-colors-common-slate-50: #020618;
1558
1600
  --theme-colors-common-slate-200: #1d293d;
1559
1601
  --theme-colors-common-slate-400: #45556c;
package/dist/tokens/club-employes/dark.js CHANGED
@@ -29,6 +29,17 @@ export const borderRadiusMd = "12px";
29
29
  export const borderRadiusLg = "16px";
30
30
  export const borderRadiusXl = "24px";
31
31
  export const borderRadiusFull = "9999px";
32
+ export const colorActiveDark50 = "#162456";
33
+ export const colorActiveDark100 = "#1c398e";
34
+ export const colorActiveDark200 = "#193cb8";
35
+ export const colorActiveDark300 = "#1447e6";
36
+ export const colorActiveDark400 = "#155dfc";
37
+ export const colorActiveDark500 = "#2b7fff";
38
+ export const colorActiveDark600 = "#51a2ff";
39
+ export const colorActiveDark700 = "#8ec5ff";
40
+ export const colorActiveDark800 = "#bebdff";
41
+ export const colorActiveDark900 = "#dbeafe";
42
+ export const colorActiveDark950 = "#eff6ff";
32
43
  export const colorSlateDark50 = "#020618";
33
44
  export const colorSlateDark100 = "#0f172b";
34
45
  export const colorSlateDark200 = "#1d293d";
@@ -95,6 +106,17 @@ export const colorSubventionDark700 = "#bbf2d7";
95
106
  export const colorSubventionDark800 = "#d0f6e3";
96
107
  export const colorSubventionDark900 = "#e6faf0";
97
108
  export const colorSubventionDark950 = "#f0fcf6";
109
+ export const colorActive50 = "#eff6ff";
110
+ export const colorActive100 = "#dbeafe";
111
+ export const colorActive200 = "#bebdff";
112
+ export const colorActive300 = "#8ec5ff";
113
+ export const colorActive400 = "#51a2ff";
114
+ export const colorActive500 = "#2b7fff";
115
+ export const colorActive600 = "#155dfc";
116
+ export const colorActive700 = "#1447e6";
117
+ export const colorActive800 = "#193cb8";
118
+ export const colorActive900 = "#1c398e";
119
+ export const colorActive950 = "#162456";
98
120
  export const colorSlate50 = "#f8fafc";
99
121
  export const colorSlate100 = "#f1f5f9";
100
122
  export const colorSlate200 = "#e2e8f0";
@@ -117,6 +139,15 @@ export const colorBackground700 = "#44403b";
117
139
  export const colorBackground800 = "#292524";
118
140
  export const colorBackground900 = "#1c1917";
119
141
  export const colorBackground950 = "#0c0a09";
142
+ export const colorBackgroundBlack = "#000000";
143
+ export const colorBackgroundWhite = "#ffffff";
144
+ export const colorBackgroundTransparence = "#ffffff00";
145
+ export const colorBackgroundTransparence50 = "#ffffff0a";
146
+ export const colorBackgroundTransparence100 = "#ffffff0f";
147
+ export const colorBackgroundTransparence200 = "#ffffff1a";
148
+ export const colorBackgroundTransparence300 = "#ffffff40";
149
+ export const colorBackgroundTransparence400 = "#ffffff80";
150
+ export const colorBackgroundTransparence500 = "#ffffff";
120
151
  export const colorSucceed50 = "#e8fcf2";
121
152
  export const colorSucceed100 = "#d0fae5";
122
153
  export const colorSucceed200 = "#a4f4cf";
@@ -2803,6 +2834,17 @@ export const themeColorsTextInverse = "#111827";
2803
2834
  export const themeColorsBorderDefault = "#374151";
2804
2835
  export const themeColorsBorderMuted = "#1f2937";
2805
2836
  export const themeColorsBorderStrong = "#4b5563";
2837
+ export const themeColorsCommonActive50 = "#162456";
2838
+ export const themeColorsCommonActive100 = "#1c398e";
2839
+ export const themeColorsCommonActive200 = "#193cb8";
2840
+ export const themeColorsCommonActive300 = "#1447e6";
2841
+ export const themeColorsCommonActive400 = "#155dfc";
2842
+ export const themeColorsCommonActive500 = "#2b7fff";
2843
+ export const themeColorsCommonActive600 = "#51a2ff";
2844
+ export const themeColorsCommonActive700 = "#8ec5ff";
2845
+ export const themeColorsCommonActive800 = "#bebdff";
2846
+ export const themeColorsCommonActive900 = "#dbeafe";
2847
+ export const themeColorsCommonActive950 = "#eff6ff";
2806
2848
  export const themeColorsCommonSlate50 = "#020618";
2807
2849
  export const themeColorsCommonSlate200 = "#1d293d";
2808
2850
  export const themeColorsCommonSlate400 = "#45556c";
package/dist/tokens/club-employes/light.css CHANGED
@@ -22,6 +22,17 @@
22
22
  --border-radius-lg: 16px;
23
23
  --border-radius-xl: 24px;
24
24
  --border-radius-full: 9999px;
25
+ --color-active-dark-50: #162456;
26
+ --color-active-dark-100: #1c398e;
27
+ --color-active-dark-200: #193cb8;
28
+ --color-active-dark-300: #1447e6;
29
+ --color-active-dark-400: #155dfc;
30
+ --color-active-dark-500: #2b7fff;
31
+ --color-active-dark-600: #51a2ff;
32
+ --color-active-dark-700: #8ec5ff;
33
+ --color-active-dark-800: #bebdff;
34
+ --color-active-dark-900: #dbeafe;
35
+ --color-active-dark-950: #eff6ff;
25
36
  --color-slate-dark-50: #020618;
26
37
  --color-slate-dark-100: #0f172b;
27
38
  --color-slate-dark-200: #1d293d;
@@ -88,6 +99,17 @@
88
99
  --color-subvention-dark-800: #d0f6e3;
89
100
  --color-subvention-dark-900: #e6faf0;
90
101
  --color-subvention-dark-950: #f0fcf6;
102
+ --color-active-50: #eff6ff;
103
+ --color-active-100: #dbeafe;
104
+ --color-active-200: #bebdff;
105
+ --color-active-300: #8ec5ff;
106
+ --color-active-400: #51a2ff;
107
+ --color-active-500: #2b7fff;
108
+ --color-active-600: #155dfc;
109
+ --color-active-700: #1447e6;
110
+ --color-active-800: #193cb8;
111
+ --color-active-900: #1c398e;
112
+ --color-active-950: #162456;
91
113
  --color-slate-50: #f8fafc;
92
114
  --color-slate-100: #f1f5f9;
93
115
  --color-slate-200: #e2e8f0;
@@ -110,6 +132,15 @@
110
132
  --color-background-800: #292524;
111
133
  --color-background-900: #1c1917;
112
134
  --color-background-950: #0c0a09;
135
+ --color-background-black: #000000;
136
+ --color-background-white: #ffffff;
137
+ --color-background-transparence: rgba(255, 255, 255, 0);
138
+ --color-background-transparence-50: rgba(255, 255, 255, 0.04);
139
+ --color-background-transparence-100: rgba(255, 255, 255, 0.06);
140
+ --color-background-transparence-200: rgba(255, 255, 255, 0.1);
141
+ --color-background-transparence-300: rgba(255, 255, 255, 0.25);
142
+ --color-background-transparence-400: rgba(255, 255, 255, 0.5);
143
+ --color-background-transparence-500: #ffffff;
113
144
  --color-succeed-50: #e8fcf2;
114
145
  --color-succeed-100: #d0fae5;
115
146
  --color-succeed-200: #a4f4cf;
@@ -1554,6 +1585,17 @@
1554
1585
  --theme-colors-border-default: #e5e7eb;
1555
1586
  --theme-colors-border-muted: #f3f4f6;
1556
1587
  --theme-colors-border-strong: #d1d5db;
1588
+ --theme-colors-common-active-50: #eff6ff;
1589
+ --theme-colors-common-active-100: #dbeafe;
1590
+ --theme-colors-common-active-200: #bebdff;
1591
+ --theme-colors-common-active-300: #8ec5ff;
1592
+ --theme-colors-common-active-400: #51a2ff;
1593
+ --theme-colors-common-active-500: #2b7fff;
1594
+ --theme-colors-common-active-600: #155dfc;
1595
+ --theme-colors-common-active-700: #1447e6;
1596
+ --theme-colors-common-active-800: #193cb8;
1597
+ --theme-colors-common-active-900: #1c398e;
1598
+ --theme-colors-common-active-950: #162456;
1557
1599
  --theme-colors-common-slate-50: #f8fafc;
1558
1600
  --theme-colors-common-slate-200: #e2e8f0;
1559
1601
  --theme-colors-common-slate-400: #90a1b9;
package/dist/tokens/club-employes/light.js CHANGED
@@ -29,6 +29,17 @@ export const borderRadiusMd = "12px";
29
29
  export const borderRadiusLg = "16px";
30
30
  export const borderRadiusXl = "24px";
31
31
  export const borderRadiusFull = "9999px";
32
+ export const colorActiveDark50 = "#162456";
33
+ export const colorActiveDark100 = "#1c398e";
34
+ export const colorActiveDark200 = "#193cb8";
35
+ export const colorActiveDark300 = "#1447e6";
36
+ export const colorActiveDark400 = "#155dfc";
37
+ export const colorActiveDark500 = "#2b7fff";
38
+ export const colorActiveDark600 = "#51a2ff";
39
+ export const colorActiveDark700 = "#8ec5ff";
40
+ export const colorActiveDark800 = "#bebdff";
41
+ export const colorActiveDark900 = "#dbeafe";
42
+ export const colorActiveDark950 = "#eff6ff";
32
43
  export const colorSlateDark50 = "#020618";
33
44
  export const colorSlateDark100 = "#0f172b";
34
45
  export const colorSlateDark200 = "#1d293d";
@@ -95,6 +106,17 @@ export const colorSubventionDark700 = "#bbf2d7";
95
106
  export const colorSubventionDark800 = "#d0f6e3";
96
107
  export const colorSubventionDark900 = "#e6faf0";
97
108
  export const colorSubventionDark950 = "#f0fcf6";
109
+ export const colorActive50 = "#eff6ff";
110
+ export const colorActive100 = "#dbeafe";
111
+ export const colorActive200 = "#bebdff";
112
+ export const colorActive300 = "#8ec5ff";
113
+ export const colorActive400 = "#51a2ff";
114
+ export const colorActive500 = "#2b7fff";
115
+ export const colorActive600 = "#155dfc";
116
+ export const colorActive700 = "#1447e6";
117
+ export const colorActive800 = "#193cb8";
118
+ export const colorActive900 = "#1c398e";
119
+ export const colorActive950 = "#162456";
98
120
  export const colorSlate50 = "#f8fafc";
99
121
  export const colorSlate100 = "#f1f5f9";
100
122
  export const colorSlate200 = "#e2e8f0";
@@ -117,6 +139,15 @@ export const colorBackground700 = "#44403b";
117
139
  export const colorBackground800 = "#292524";
118
140
  export const colorBackground900 = "#1c1917";
119
141
  export const colorBackground950 = "#0c0a09";
142
+ export const colorBackgroundBlack = "#000000";
143
+ export const colorBackgroundWhite = "#ffffff";
144
+ export const colorBackgroundTransparence = "#ffffff00";
145
+ export const colorBackgroundTransparence50 = "#ffffff0a";
146
+ export const colorBackgroundTransparence100 = "#ffffff0f";
147
+ export const colorBackgroundTransparence200 = "#ffffff1a";
148
+ export const colorBackgroundTransparence300 = "#ffffff40";
149
+ export const colorBackgroundTransparence400 = "#ffffff80";
150
+ export const colorBackgroundTransparence500 = "#ffffff";
120
151
  export const colorSucceed50 = "#e8fcf2";
121
152
  export const colorSucceed100 = "#d0fae5";
122
153
  export const colorSucceed200 = "#a4f4cf";
@@ -2803,6 +2834,17 @@ export const themeColorsTextInverse = "#ffffff";
2803
2834
  export const themeColorsBorderDefault = "#e5e7eb";
2804
2835
  export const themeColorsBorderMuted = "#f3f4f6";
2805
2836
  export const themeColorsBorderStrong = "#d1d5db";
2837
+ export const themeColorsCommonActive50 = "#eff6ff";
2838
+ export const themeColorsCommonActive100 = "#dbeafe";
2839
+ export const themeColorsCommonActive200 = "#bebdff";
2840
+ export const themeColorsCommonActive300 = "#8ec5ff";
2841
+ export const themeColorsCommonActive400 = "#51a2ff";
2842
+ export const themeColorsCommonActive500 = "#2b7fff";
2843
+ export const themeColorsCommonActive600 = "#155dfc";
2844
+ export const themeColorsCommonActive700 = "#1447e6";
2845
+ export const themeColorsCommonActive800 = "#193cb8";
2846
+ export const themeColorsCommonActive900 = "#1c398e";
2847
+ export const themeColorsCommonActive950 = "#162456";
2806
2848
  export const themeColorsCommonSlate50 = "#f8fafc";
2807
2849
  export const themeColorsCommonSlate200 = "#e2e8f0";
2808
2850
  export const themeColorsCommonSlate400 = "#90a1b9";
package/dist/tokens/gifteo/dark.css CHANGED
@@ -22,6 +22,17 @@
22
22
  --border-radius-lg: 16px;
23
23
  --border-radius-xl: 24px;
24
24
  --border-radius-full: 9999px;
25
+ --color-active-dark-50: #162456;
26
+ --color-active-dark-100: #1c398e;
27
+ --color-active-dark-200: #193cb8;
28
+ --color-active-dark-300: #1447e6;
29
+ --color-active-dark-400: #155dfc;
30
+ --color-active-dark-500: #2b7fff;
31
+ --color-active-dark-600: #51a2ff;
32
+ --color-active-dark-700: #8ec5ff;
33
+ --color-active-dark-800: #bebdff;
34
+ --color-active-dark-900: #dbeafe;
35
+ --color-active-dark-950: #eff6ff;
25
36
  --color-slate-dark-50: #020618;
26
37
  --color-slate-dark-100: #0f172b;
27
38
  --color-slate-dark-200: #1d293d;
@@ -88,6 +99,17 @@
88
99
  --color-subvention-dark-800: #d0f6e3;
89
100
  --color-subvention-dark-900: #e6faf0;
90
101
  --color-subvention-dark-950: #f0fcf6;
102
+ --color-active-50: #eff6ff;
103
+ --color-active-100: #dbeafe;
104
+ --color-active-200: #bebdff;
105
+ --color-active-300: #8ec5ff;
106
+ --color-active-400: #51a2ff;
107
+ --color-active-500: #2b7fff;
108
+ --color-active-600: #155dfc;
109
+ --color-active-700: #1447e6;
110
+ --color-active-800: #193cb8;
111
+ --color-active-900: #1c398e;
112
+ --color-active-950: #162456;
91
113
  --color-slate-50: #f8fafc;
92
114
  --color-slate-100: #f1f5f9;
93
115
  --color-slate-200: #e2e8f0;
@@ -110,6 +132,15 @@
110
132
  --color-background-800: #292524;
111
133
  --color-background-900: #1c1917;
112
134
  --color-background-950: #0c0a09;
135
+ --color-background-black: #000000;
136
+ --color-background-white: #ffffff;
137
+ --color-background-transparence: rgba(255, 255, 255, 0);
138
+ --color-background-transparence-50: rgba(255, 255, 255, 0.04);
139
+ --color-background-transparence-100: rgba(255, 255, 255, 0.06);
140
+ --color-background-transparence-200: rgba(255, 255, 255, 0.1);
141
+ --color-background-transparence-300: rgba(255, 255, 255, 0.25);
142
+ --color-background-transparence-400: rgba(255, 255, 255, 0.5);
143
+ --color-background-transparence-500: #ffffff;
113
144
  --color-succeed-50: #e8fcf2;
114
145
  --color-succeed-100: #d0fae5;
115
146
  --color-succeed-200: #a4f4cf;
@@ -1560,6 +1591,17 @@
1560
1591
  --theme-colors-border-default: #44403c;
1561
1592
  --theme-colors-border-muted: #292524;
1562
1593
  --theme-colors-border-strong: #57534e;
1594
+ --theme-colors-common-active-50: #162456;
1595
+ --theme-colors-common-active-100: #1c398e;
1596
+ --theme-colors-common-active-200: #193cb8;
1597
+ --theme-colors-common-active-300: #1447e6;
1598
+ --theme-colors-common-active-400: #155dfc;
1599
+ --theme-colors-common-active-500: #2b7fff;
1600
+ --theme-colors-common-active-600: #51a2ff;
1601
+ --theme-colors-common-active-700: #8ec5ff;
1602
+ --theme-colors-common-active-800: #bebdff;
1603
+ --theme-colors-common-active-900: #dbeafe;
1604
+ --theme-colors-common-active-950: #eff6ff;
1563
1605
  --theme-colors-common-slate-50: #020618;
1564
1606
  --theme-colors-common-slate-200: #1d293d;
1565
1607
  --theme-colors-common-slate-400: #45556c;
package/dist/tokens/gifteo/dark.js CHANGED
@@ -29,6 +29,17 @@ export const borderRadiusMd = "12px";
29
29
  export const borderRadiusLg = "16px";
30
30
  export const borderRadiusXl = "24px";
31
31
  export const borderRadiusFull = "9999px";
32
+ export const colorActiveDark50 = "#162456";
33
+ export const colorActiveDark100 = "#1c398e";
34
+ export const colorActiveDark200 = "#193cb8";
35
+ export const colorActiveDark300 = "#1447e6";
36
+ export const colorActiveDark400 = "#155dfc";
37
+ export const colorActiveDark500 = "#2b7fff";
38
+ export const colorActiveDark600 = "#51a2ff";
39
+ export const colorActiveDark700 = "#8ec5ff";
40
+ export const colorActiveDark800 = "#bebdff";
41
+ export const colorActiveDark900 = "#dbeafe";
42
+ export const colorActiveDark950 = "#eff6ff";
32
43
  export const colorSlateDark50 = "#020618";
33
44
  export const colorSlateDark100 = "#0f172b";
34
45
  export const colorSlateDark200 = "#1d293d";
@@ -95,6 +106,17 @@ export const colorSubventionDark700 = "#bbf2d7";
95
106
  export const colorSubventionDark800 = "#d0f6e3";
96
107
  export const colorSubventionDark900 = "#e6faf0";
97
108
  export const colorSubventionDark950 = "#f0fcf6";
109
+ export const colorActive50 = "#eff6ff";
110
+ export const colorActive100 = "#dbeafe";
111
+ export const colorActive200 = "#bebdff";
112
+ export const colorActive300 = "#8ec5ff";
113
+ export const colorActive400 = "#51a2ff";
114
+ export const colorActive500 = "#2b7fff";
115
+ export const colorActive600 = "#155dfc";
116
+ export const colorActive700 = "#1447e6";
117
+ export const colorActive800 = "#193cb8";
118
+ export const colorActive900 = "#1c398e";
119
+ export const colorActive950 = "#162456";
98
120
  export const colorSlate50 = "#f8fafc";
99
121
  export const colorSlate100 = "#f1f5f9";
100
122
  export const colorSlate200 = "#e2e8f0";
@@ -117,6 +139,15 @@ export const colorBackground700 = "#44403b";
117
139
  export const colorBackground800 = "#292524";
118
140
  export const colorBackground900 = "#1c1917";
119
141
  export const colorBackground950 = "#0c0a09";
142
+ export const colorBackgroundBlack = "#000000";
143
+ export const colorBackgroundWhite = "#ffffff";
144
+ export const colorBackgroundTransparence = "#ffffff00";
145
+ export const colorBackgroundTransparence50 = "#ffffff0a";
146
+ export const colorBackgroundTransparence100 = "#ffffff0f";
147
+ export const colorBackgroundTransparence200 = "#ffffff1a";
148
+ export const colorBackgroundTransparence300 = "#ffffff40";
149
+ export const colorBackgroundTransparence400 = "#ffffff80";
150
+ export const colorBackgroundTransparence500 = "#ffffff";
120
151
  export const colorSucceed50 = "#e8fcf2";
121
152
  export const colorSucceed100 = "#d0fae5";
122
153
  export const colorSucceed200 = "#a4f4cf";
@@ -2805,6 +2836,17 @@ export const themeColorsTextInverse = "#1c1917";
2805
2836
  export const themeColorsBorderDefault = "#44403c";
2806
2837
  export const themeColorsBorderMuted = "#292524";
2807
2838
  export const themeColorsBorderStrong = "#57534e";
2839
+ export const themeColorsCommonActive50 = "#162456";
2840
+ export const themeColorsCommonActive100 = "#1c398e";
2841
+ export const themeColorsCommonActive200 = "#193cb8";
2842
+ export const themeColorsCommonActive300 = "#1447e6";
2843
+ export const themeColorsCommonActive400 = "#155dfc";
2844
+ export const themeColorsCommonActive500 = "#2b7fff";
2845
+ export const themeColorsCommonActive600 = "#51a2ff";
2846
+ export const themeColorsCommonActive700 = "#8ec5ff";
2847
+ export const themeColorsCommonActive800 = "#bebdff";
2848
+ export const themeColorsCommonActive900 = "#dbeafe";
2849
+ export const themeColorsCommonActive950 = "#eff6ff";
2808
2850
  export const themeColorsCommonSlate50 = "#020618";
2809
2851
  export const themeColorsCommonSlate200 = "#1d293d";
2810
2852
  export const themeColorsCommonSlate400 = "#45556c";
package/dist/tokens/gifteo/light.css CHANGED
@@ -22,6 +22,17 @@
22
22
  --border-radius-lg: 16px;
23
23
  --border-radius-xl: 24px;
24
24
  --border-radius-full: 9999px;
25
+ --color-active-dark-50: #162456;
26
+ --color-active-dark-100: #1c398e;
27
+ --color-active-dark-200: #193cb8;
28
+ --color-active-dark-300: #1447e6;
29
+ --color-active-dark-400: #155dfc;
30
+ --color-active-dark-500: #2b7fff;
31
+ --color-active-dark-600: #51a2ff;
32
+ --color-active-dark-700: #8ec5ff;
33
+ --color-active-dark-800: #bebdff;
34
+ --color-active-dark-900: #dbeafe;
35
+ --color-active-dark-950: #eff6ff;
25
36
  --color-slate-dark-50: #020618;
26
37
  --color-slate-dark-100: #0f172b;
27
38
  --color-slate-dark-200: #1d293d;
@@ -88,6 +99,17 @@
88
99
  --color-subvention-dark-800: #d0f6e3;
89
100
  --color-subvention-dark-900: #e6faf0;
90
101
  --color-subvention-dark-950: #f0fcf6;
102
+ --color-active-50: #eff6ff;
103
+ --color-active-100: #dbeafe;
104
+ --color-active-200: #bebdff;
105
+ --color-active-300: #8ec5ff;
106
+ --color-active-400: #51a2ff;
107
+ --color-active-500: #2b7fff;
108
+ --color-active-600: #155dfc;
109
+ --color-active-700: #1447e6;
110
+ --color-active-800: #193cb8;
111
+ --color-active-900: #1c398e;
112
+ --color-active-950: #162456;
91
113
  --color-slate-50: #f8fafc;
92
114
  --color-slate-100: #f1f5f9;
93
115
  --color-slate-200: #e2e8f0;
@@ -110,6 +132,15 @@
110
132
  --color-background-800: #292524;
111
133
  --color-background-900: #1c1917;
112
134
  --color-background-950: #0c0a09;
135
+ --color-background-black: #000000;
136
+ --color-background-white: #ffffff;
137
+ --color-background-transparence: rgba(255, 255, 255, 0);
138
+ --color-background-transparence-50: rgba(255, 255, 255, 0.04);
139
+ --color-background-transparence-100: rgba(255, 255, 255, 0.06);
140
+ --color-background-transparence-200: rgba(255, 255, 255, 0.1);
141
+ --color-background-transparence-300: rgba(255, 255, 255, 0.25);
142
+ --color-background-transparence-400: rgba(255, 255, 255, 0.5);
143
+ --color-background-transparence-500: #ffffff;
113
144
  --color-succeed-50: #e8fcf2;
114
145
  --color-succeed-100: #d0fae5;
115
146
  --color-succeed-200: #a4f4cf;
@@ -1560,6 +1591,17 @@
1560
1591
  --theme-colors-border-default: #e7e5e4;
1561
1592
  --theme-colors-border-muted: #f5f5f4;
1562
1593
  --theme-colors-border-strong: #d6d3d1;
1594
+ --theme-colors-common-active-50: #eff6ff;
1595
+ --theme-colors-common-active-100: #dbeafe;
1596
+ --theme-colors-common-active-200: #bebdff;
1597
+ --theme-colors-common-active-300: #8ec5ff;
1598
+ --theme-colors-common-active-400: #51a2ff;
1599
+ --theme-colors-common-active-500: #2b7fff;
1600
+ --theme-colors-common-active-600: #155dfc;
1601
+ --theme-colors-common-active-700: #1447e6;
1602
+ --theme-colors-common-active-800: #193cb8;
1603
+ --theme-colors-common-active-900: #1c398e;
1604
+ --theme-colors-common-active-950: #162456;
1563
1605
  --theme-colors-common-slate-50: #f8fafc;
1564
1606
  --theme-colors-common-slate-200: #e2e8f0;
1565
1607
  --theme-colors-common-slate-400: #90a1b9;
package/dist/tokens/gifteo/light.js CHANGED
@@ -29,6 +29,17 @@ export const borderRadiusMd = "12px";
29
29
  export const borderRadiusLg = "16px";
30
30
  export const borderRadiusXl = "24px";
31
31
  export const borderRadiusFull = "9999px";
32
+ export const colorActiveDark50 = "#162456";
33
+ export const colorActiveDark100 = "#1c398e";
34
+ export const colorActiveDark200 = "#193cb8";
35
+ export const colorActiveDark300 = "#1447e6";
36
+ export const colorActiveDark400 = "#155dfc";
37
+ export const colorActiveDark500 = "#2b7fff";
38
+ export const colorActiveDark600 = "#51a2ff";
39
+ export const colorActiveDark700 = "#8ec5ff";
40
+ export const colorActiveDark800 = "#bebdff";
41
+ export const colorActiveDark900 = "#dbeafe";
42
+ export const colorActiveDark950 = "#eff6ff";
32
43
  export const colorSlateDark50 = "#020618";
33
44
  export const colorSlateDark100 = "#0f172b";
34
45
  export const colorSlateDark200 = "#1d293d";
@@ -95,6 +106,17 @@ export const colorSubventionDark700 = "#bbf2d7";
95
106
  export const colorSubventionDark800 = "#d0f6e3";
96
107
  export const colorSubventionDark900 = "#e6faf0";
97
108
  export const colorSubventionDark950 = "#f0fcf6";
109
+ export const colorActive50 = "#eff6ff";
110
+ export const colorActive100 = "#dbeafe";
111
+ export const colorActive200 = "#bebdff";
112
+ export const colorActive300 = "#8ec5ff";
113
+ export const colorActive400 = "#51a2ff";
114
+ export const colorActive500 = "#2b7fff";
115
+ export const colorActive600 = "#155dfc";
116
+ export const colorActive700 = "#1447e6";
117
+ export const colorActive800 = "#193cb8";
118
+ export const colorActive900 = "#1c398e";
119
+ export const colorActive950 = "#162456";
98
120
  export const colorSlate50 = "#f8fafc";
99
121
  export const colorSlate100 = "#f1f5f9";
100
122
  export const colorSlate200 = "#e2e8f0";
@@ -117,6 +139,15 @@ export const colorBackground700 = "#44403b";
117
139
  export const colorBackground800 = "#292524";
118
140
  export const colorBackground900 = "#1c1917";
119
141
  export const colorBackground950 = "#0c0a09";
142
+ export const colorBackgroundBlack = "#000000";
143
+ export const colorBackgroundWhite = "#ffffff";
144
+ export const colorBackgroundTransparence = "#ffffff00";
145
+ export const colorBackgroundTransparence50 = "#ffffff0a";
146
+ export const colorBackgroundTransparence100 = "#ffffff0f";
147
+ export const colorBackgroundTransparence200 = "#ffffff1a";
148
+ export const colorBackgroundTransparence300 = "#ffffff40";
149
+ export const colorBackgroundTransparence400 = "#ffffff80";
150
+ export const colorBackgroundTransparence500 = "#ffffff";
120
151
  export const colorSucceed50 = "#e8fcf2";
121
152
  export const colorSucceed100 = "#d0fae5";
122
153
  export const colorSucceed200 = "#a4f4cf";
@@ -2805,6 +2836,17 @@ export const themeColorsTextInverse = "#ffffff";
2805
2836
  export const themeColorsBorderDefault = "#e7e5e4";
2806
2837
  export const themeColorsBorderMuted = "#f5f5f4";
2807
2838
  export const themeColorsBorderStrong = "#d6d3d1";
2839
+ export const themeColorsCommonActive50 = "#eff6ff";
2840
+ export const themeColorsCommonActive100 = "#dbeafe";
2841
+ export const themeColorsCommonActive200 = "#bebdff";
2842
+ export const themeColorsCommonActive300 = "#8ec5ff";
2843
+ export const themeColorsCommonActive400 = "#51a2ff";
2844
+ export const themeColorsCommonActive500 = "#2b7fff";
2845
+ export const themeColorsCommonActive600 = "#155dfc";
2846
+ export const themeColorsCommonActive700 = "#1447e6";
2847
+ export const themeColorsCommonActive800 = "#193cb8";
2848
+ export const themeColorsCommonActive900 = "#1c398e";
2849
+ export const themeColorsCommonActive950 = "#162456";
2808
2850
  export const themeColorsCommonSlate50 = "#f8fafc";
2809
2851
  export const themeColorsCommonSlate200 = "#e2e8f0";
2810
2852
  export const themeColorsCommonSlate400 = "#90a1b9";