cekat-ui 1.2.8 → 1.3.0

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 (113) hide show
  1. package/README.md +24 -2
  2. package/dist/index.d.mts +864 -0
  3. package/dist/index.d.ts +864 -23
  4. package/dist/index.mjs +14209 -0
  5. package/dist/index.umd.js +8 -3
  6. package/dist/style.css +813 -684
  7. package/package.json +35 -6
  8. package/tailwind.preset.cjs +452 -453
  9. package/dist/components/Alert/Alert.d.ts +0 -6
  10. package/dist/components/Alert/alert.styles.d.ts +0 -47
  11. package/dist/components/Alert/alert.types.d.ts +0 -46
  12. package/dist/components/Alert/index.d.ts +0 -3
  13. package/dist/components/Avatar/Avatar.d.ts +0 -6
  14. package/dist/components/Avatar/AvatarIcons.d.ts +0 -8
  15. package/dist/components/Avatar/avatar.styles.d.ts +0 -12
  16. package/dist/components/Avatar/avatar.types.d.ts +0 -16
  17. package/dist/components/Avatar/index.d.ts +0 -3
  18. package/dist/components/AvatarGroup/AvatarGroup.d.ts +0 -6
  19. package/dist/components/AvatarGroup/avatargroup.styles.d.ts +0 -17
  20. package/dist/components/AvatarGroup/avatargroup.types.d.ts +0 -18
  21. package/dist/components/AvatarGroup/index.d.ts +0 -3
  22. package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts +0 -6
  23. package/dist/components/AvatarLabelGroup/avatarlabelgroup.styles.d.ts +0 -5
  24. package/dist/components/AvatarLabelGroup/avatarlabelgroup.types.d.ts +0 -14
  25. package/dist/components/AvatarLabelGroup/index.d.ts +0 -3
  26. package/dist/components/AvatarProfilePhoto/AvatarProfilePhoto.d.ts +0 -6
  27. package/dist/components/AvatarProfilePhoto/avatarprofilephoto.styles.d.ts +0 -10
  28. package/dist/components/AvatarProfilePhoto/avatarprofilephoto.types.d.ts +0 -12
  29. package/dist/components/AvatarProfilePhoto/index.d.ts +0 -3
  30. package/dist/components/Badge/Badge.d.ts +0 -6
  31. package/dist/components/Badge/badge.styles.d.ts +0 -20
  32. package/dist/components/Badge/badge.types.d.ts +0 -23
  33. package/dist/components/Badge/index.d.ts +0 -3
  34. package/dist/components/BadgeGroup/BadgeGroup.d.ts +0 -6
  35. package/dist/components/BadgeGroup/badgegroup.styles.d.ts +0 -28
  36. package/dist/components/BadgeGroup/badgegroup.types.d.ts +0 -19
  37. package/dist/components/BadgeGroup/index.d.ts +0 -3
  38. package/dist/components/Button/Button.d.ts +0 -9
  39. package/dist/components/Button/ButtonIcon.d.ts +0 -2
  40. package/dist/components/Button/ButtonText.d.ts +0 -2
  41. package/dist/components/Button/button.styles.d.ts +0 -6
  42. package/dist/components/Button/button.types.d.ts +0 -18
  43. package/dist/components/Button/index.d.ts +0 -3
  44. package/dist/components/Checkbox/Checkbox.d.ts +0 -4
  45. package/dist/components/Checkbox/checkbox.styles.d.ts +0 -5
  46. package/dist/components/Checkbox/checkbox.types.d.ts +0 -12
  47. package/dist/components/Checkbox/index.d.ts +0 -3
  48. package/dist/components/Dropdown/Dropdown.d.ts +0 -2
  49. package/dist/components/Dropdown/dropdown.styles.d.ts +0 -19
  50. package/dist/components/Dropdown/dropdown.types.d.ts +0 -44
  51. package/dist/components/Dropdown/index.d.ts +0 -3
  52. package/dist/components/Input/CardNumberInput.d.ts +0 -19
  53. package/dist/components/Input/Input.d.ts +0 -8
  54. package/dist/components/Input/InputCounter.d.ts +0 -18
  55. package/dist/components/Input/InputPrefix.d.ts +0 -4
  56. package/dist/components/Input/InputSuffix.d.ts +0 -4
  57. package/dist/components/Input/PhoneInput.d.ts +0 -18
  58. package/dist/components/Input/SaleAmountInput.d.ts +0 -20
  59. package/dist/components/Input/index.d.ts +0 -13
  60. package/dist/components/Input/input.styles.d.ts +0 -36
  61. package/dist/components/Input/input.types.d.ts +0 -39
  62. package/dist/components/InputDropdown/InputDropdown.d.ts +0 -2
  63. package/dist/components/InputDropdown/index.d.ts +0 -3
  64. package/dist/components/InputDropdown/inputDropdown.styles.d.ts +0 -15
  65. package/dist/components/InputDropdown/inputDropdown.types.d.ts +0 -45
  66. package/dist/components/Loading/Loading.d.ts +0 -6
  67. package/dist/components/Loading/LoadingSpinner.d.ts +0 -9
  68. package/dist/components/Loading/index.d.ts +0 -3
  69. package/dist/components/Loading/loading.styles.d.ts +0 -6
  70. package/dist/components/Loading/loading.types.d.ts +0 -10
  71. package/dist/components/MultiSelectInput/MultiSelectInput.d.ts +0 -24
  72. package/dist/components/MultiSelectInput/index.d.ts +0 -1
  73. package/dist/components/MultiSelectInput/multiSelectInput.styles.d.ts +0 -17
  74. package/dist/components/Radio/RadioGroup.d.ts +0 -6
  75. package/dist/components/Radio/RadioGroupItem.d.ts +0 -3
  76. package/dist/components/Radio/index.d.ts +0 -3
  77. package/dist/components/Radio/radio.styles.d.ts +0 -9
  78. package/dist/components/Radio/radio.types.d.ts +0 -17
  79. package/dist/components/Tab/Tab.d.ts +0 -13
  80. package/dist/components/Tab/TabList.d.ts +0 -14
  81. package/dist/components/Tab/index.d.ts +0 -4
  82. package/dist/components/Tab/tab.styles.d.ts +0 -15
  83. package/dist/components/Tab/tab.types.d.ts +0 -46
  84. package/dist/components/TabBrowser/TabBrowser.d.ts +0 -4
  85. package/dist/components/TabBrowser/TabBrowserBar.d.ts +0 -17
  86. package/dist/components/TabBrowser/index.d.ts +0 -4
  87. package/dist/components/TabBrowser/tabbrowser.styles.d.ts +0 -53
  88. package/dist/components/TabBrowser/tabbrowser.types.d.ts +0 -44
  89. package/dist/components/Tag/Tag.d.ts +0 -6
  90. package/dist/components/Tag/index.d.ts +0 -3
  91. package/dist/components/Tag/tag.styles.d.ts +0 -19
  92. package/dist/components/Tag/tag.types.d.ts +0 -21
  93. package/dist/components/Textarea/Textarea.d.ts +0 -4
  94. package/dist/components/Textarea/index.d.ts +0 -3
  95. package/dist/components/Textarea/textarea.styles.d.ts +0 -14
  96. package/dist/components/Textarea/textarea.types.d.ts +0 -17
  97. package/dist/components/Toggle/Toggle.d.ts +0 -4
  98. package/dist/components/Toggle/index.d.ts +0 -3
  99. package/dist/components/Toggle/toggle.styles.d.ts +0 -10
  100. package/dist/components/Toggle/toggle.types.d.ts +0 -11
  101. package/dist/components/Tooltip/Tooltip.d.ts +0 -6
  102. package/dist/components/Tooltip/index.d.ts +0 -2
  103. package/dist/components/Tooltip/tooltip.styles.d.ts +0 -8
  104. package/dist/components/Tooltip/tooltip.types.d.ts +0 -13
  105. package/dist/components/WebsiteCopyInput/WebsiteCopyInput.d.ts +0 -19
  106. package/dist/components/WebsiteCopyInput/index.d.ts +0 -1
  107. package/dist/components/WebsiteCopyInput/websiteCopyInput.styles.d.ts +0 -25
  108. package/dist/components/WebsiteInput/WebsiteInput.d.ts +0 -18
  109. package/dist/components/WebsiteInput/index.d.ts +0 -1
  110. package/dist/components/WebsiteInput/websiteInput.styles.d.ts +0 -24
  111. package/dist/index.es.js +0 -10994
  112. package/dist/utils/cn.d.ts +0 -2
  113. package/dist/utils/color.d.ts +0 -4
@@ -6,543 +6,542 @@ module.exports = {
6
6
  },
7
7
  extend: {
8
8
  animation: {
9
- "spin-slow": "spin 3s linear infinite",
10
- loading: "loading 1.5s ease-in-out infinite",
9
+ 'spin-slow': 'spin 3s linear infinite',
10
+ loading: 'loading 1.5s ease-in-out infinite',
11
11
  },
12
12
  keyframes: {
13
13
  loading: {
14
- "0%": { transform: "translateX(-100%)" },
15
- "100%": { transform: "translateX(200%)" },
14
+ '0%': { transform: 'translateX(-100%)' },
15
+ '100%': { transform: 'translateX(200%)' },
16
16
  },
17
17
  },
18
18
 
19
19
  colors: {
20
20
  black: {
21
- DEFAULT: "#000000",
22
- light: "#E3E4EB",
23
- "dark-light": "rgba(14,23,38,.15)",
21
+ DEFAULT: '#000000',
22
+ light: '#E3E4EB',
23
+ 'dark-light': 'rgba(14,23,38,.15)',
24
24
  },
25
25
  white: {
26
- DEFAULT: "#FFFFFF",
27
- light: "#E0E6ED",
28
- dark: "#888EA8",
26
+ DEFAULT: '#FFFFFF',
27
+ light: '#E0E6ED',
28
+ dark: '#888EA8',
29
29
  },
30
30
  transparent: {
31
- DEFAULT: "#FFFFFF00",
31
+ DEFAULT: '#FFFFFF00',
32
32
  },
33
33
  primary: {
34
- DEFAULT: "#1352BF",
35
- light: "#E4EBF9",
36
- "dark-light": "rgba(67,97,238,.15)",
37
- 50: "#FBFCFF",
38
- 100: "#E4EBF9",
39
- 200: "#CDDAF2",
40
- 300: "#9EB8E5",
41
- 400: "#7096D9",
42
- 500: "#1352BF",
43
- 600: "#0F4299",
44
- 700: "#0B3173",
45
- 800: "#08214C",
46
- 900: "#041026",
34
+ DEFAULT: '#1352BF',
35
+ light: '#E4EBF9',
36
+ 'dark-light': 'rgba(67,97,238,.15)',
37
+ 50: '#FBFCFF',
38
+ 100: '#E4EBF9',
39
+ 200: '#CDDAF2',
40
+ 300: '#9EB8E5',
41
+ 400: '#7096D9',
42
+ 500: '#1352BF',
43
+ 600: '#0F4299',
44
+ 700: '#0B3173',
45
+ 800: '#08214C',
46
+ 900: '#041026',
47
47
  },
48
48
  secondary: {
49
- DEFAULT: "#13A8BF",
50
- light: "#EBE4F7",
51
- "dark-light": "rgb(128 93 202 / 15%)",
52
- 50: "#FBFEFF",
53
- 100: "#E4F5F9",
54
- 200: "#9EDCE5",
55
- 300: "#70CAD9",
56
- 400: "#41B9CC",
57
- 500: "#13A8BF",
58
- 600: "#0F8699",
59
- 700: "#0B6573",
60
- 800: "#08434C",
61
- 900: "#042226",
49
+ DEFAULT: '#13A8BF',
50
+ light: '#EBE4F7',
51
+ 'dark-light': 'rgb(128 93 202 / 15%)',
52
+ 50: '#FBFEFF',
53
+ 100: '#E4F5F9',
54
+ 200: '#9EDCE5',
55
+ 300: '#70CAD9',
56
+ 400: '#41B9CC',
57
+ 500: '#13A8BF',
58
+ 600: '#0F8699',
59
+ 700: '#0B6573',
60
+ 800: '#08434C',
61
+ 900: '#042226',
62
62
  },
63
63
  light: {
64
- DEFAULT: "#182230",
65
- 50: "#F9FAFB",
66
- 100: "#F2F4F7",
67
- 200: "#E4E7EC",
68
- 300: "#D0D5DD",
69
- 400: "#98A2B3",
70
- 500: "#667085",
71
- 600: "#475467",
72
- 700: "#344054",
73
- 800: "#182230",
74
- 900: "#101828",
64
+ DEFAULT: '#182230',
65
+ 50: '#F9FAFB',
66
+ 100: '#F2F4F7',
67
+ 200: '#E4E7EC',
68
+ 300: '#D0D5DD',
69
+ 400: '#98A2B3',
70
+ 500: '#667085',
71
+ 600: '#475467',
72
+ 700: '#344054',
73
+ 800: '#182230',
74
+ 900: '#101828',
75
75
  },
76
76
  dark: {
77
- DEFAULT: "#1F242F",
78
- light: "#EAEAEC",
79
- "dark-light": "rgba(59,63,92,.15)",
80
- 50: "#F5F5F6",
81
- 100: "#F0F1F1",
82
- 200: "#ECECED",
83
- 300: "#CECFD2",
84
- 400: "#94969C",
85
- 500: "#85888E",
86
- 600: "#61646C",
87
- 700: "#333741",
88
- 800: "#1F242F",
89
- 900: "#161B26",
77
+ DEFAULT: '#1F242F',
78
+ light: '#EAEAEC',
79
+ 'dark-light': 'rgba(59,63,92,.15)',
80
+ 50: '#F5F5F6',
81
+ 100: '#F0F1F1',
82
+ 200: '#ECECED',
83
+ 300: '#CECFD2',
84
+ 400: '#94969C',
85
+ 500: '#85888E',
86
+ 600: '#61646C',
87
+ 700: '#333741',
88
+ 800: '#1F242F',
89
+ 900: '#161B26',
90
90
  },
91
91
  error: {
92
- DEFAULT: "#FDE2D1",
93
- light: "#FFF5F5",
94
- "dark-light": "rgba(226,38,31,.15)",
95
- 50: "#FFEFE5",
96
- 100: "#FDE2D1",
97
- 200: "#FCBEA5",
98
- 300: "#F69076",
99
- 400: "#ED6653",
100
- 500: "#E2261F",
101
- 600: "#C2161F",
102
- 700: "#A20F23",
103
- 800: "#830924",
104
- 900: "#6C0524",
92
+ DEFAULT: '#FDE2D1',
93
+ light: '#FFF5F5',
94
+ 'dark-light': 'rgba(226,38,31,.15)',
95
+ 50: '#FFEFE5',
96
+ 100: '#FDE2D1',
97
+ 200: '#FCBEA5',
98
+ 300: '#F69076',
99
+ 400: '#ED6653',
100
+ 500: '#E2261F',
101
+ 600: '#C2161F',
102
+ 700: '#A20F23',
103
+ 800: '#830924',
104
+ 900: '#6C0524',
105
105
  },
106
106
  danger: {
107
107
  //SAME LIKE ERROR, BUT THIS ONE WAS ADDED TO PREVENT ERROR ON THE COMPONENTS THAT STILL USE DANGER CLASS
108
- DEFAULT: "#FDE2D1",
109
- light: "#FDE2D1",
110
- "dark-light": "rgba(226,38,31,.15)",
111
- 50: "#FFEFE5",
112
- 100: "#FDE2D1",
113
- 200: "#FCBEA5",
114
- 300: "#F69076",
115
- 400: "#ED6653",
116
- 500: "#E2261F",
117
- 600: "#C2161F",
118
- 700: "#A20F23",
119
- 800: "#830924",
120
- 900: "#6C0524",
108
+ DEFAULT: '#FDE2D1',
109
+ light: '#FDE2D1',
110
+ 'dark-light': 'rgba(226,38,31,.15)',
111
+ 50: '#FFEFE5',
112
+ 100: '#FDE2D1',
113
+ 200: '#FCBEA5',
114
+ 300: '#F69076',
115
+ 400: '#ED6653',
116
+ 500: '#E2261F',
117
+ 600: '#C2161F',
118
+ 700: '#A20F23',
119
+ 800: '#830924',
120
+ 900: '#6C0524',
121
121
  },
122
122
  warning: {
123
- DEFAULT: "#FFFAEB",
124
- light: "#FFFAEB",
125
- "dark-light": "rgba(226,160,63,.15)",
126
- 50: "#FFFCF5",
127
- 100: "#FFFAEB",
128
- 200: "#FEF0C7",
129
- 300: "#FEC84B",
130
- 400: "#FDB022",
131
- 500: "#F79009",
132
- 600: "#DC6803",
133
- 700: "#B54708",
134
- 800: "#93370D",
135
- 900: "#7A2E0E",
123
+ DEFAULT: '#FFFAEB',
124
+ light: '#FFFAEB',
125
+ 'dark-light': 'rgba(226,160,63,.15)',
126
+ 50: '#FFFCF5',
127
+ 100: '#FFFAEB',
128
+ 200: '#FEF0C7',
129
+ 300: '#FEC84B',
130
+ 400: '#FDB022',
131
+ 500: '#F79009',
132
+ 600: '#DC6803',
133
+ 700: '#B54708',
134
+ 800: '#93370D',
135
+ 900: '#7A2E0E',
136
136
  },
137
137
  success: {
138
- DEFAULT: "#CAF9CC",
139
- light: "#CAF9CC",
140
- "dark-light": "rgba(0,171,85,.15)",
141
- 50: "#EEFFEE",
142
- 100: "#CAF9CC",
143
- 200: "#97F4A5",
144
- 300: "#60DE7F",
145
- 400: "#37BD66",
146
- 500: "#089146",
147
- 600: "#057C47",
148
- 700: "#046845",
149
- 800: "#02543F",
150
- 900: "#01453B",
138
+ DEFAULT: '#CAF9CC',
139
+ light: '#CAF9CC',
140
+ 'dark-light': 'rgba(0,171,85,.15)',
141
+ 50: '#EEFFEE',
142
+ 100: '#CAF9CC',
143
+ 200: '#97F4A5',
144
+ 300: '#60DE7F',
145
+ 400: '#37BD66',
146
+ 500: '#089146',
147
+ 600: '#057C47',
148
+ 700: '#046845',
149
+ 800: '#02543F',
150
+ 900: '#01453B',
151
151
  },
152
152
  info: {
153
- DEFAULT: "#CEE9FD",
154
- light: "#CEE9FD",
155
- "dark-light": "rgba(33,150,243,.15)",
156
- 50: "#E5F4FF",
157
- 100: "#CEE9FD",
158
- 200: "#9ED1FC",
159
- 300: "#6DB1F7",
160
- 400: "#4894EF",
161
- 500: "#1068E5",
162
- 600: "#0B50C4",
163
- 700: "#083BA4",
164
- 800: "#052984",
165
- 900: "#031D6D",
166
- },
167
- "grey-base": {
168
- DEFAULT: "#808080",
153
+ DEFAULT: '#CEE9FD',
154
+ light: '#CEE9FD',
155
+ 'dark-light': 'rgba(33,150,243,.15)',
156
+ 50: '#E5F4FF',
157
+ 100: '#CEE9FD',
158
+ 200: '#9ED1FC',
159
+ 300: '#6DB1F7',
160
+ 400: '#4894EF',
161
+ 500: '#1068E5',
162
+ 600: '#0B50C4',
163
+ 700: '#083BA4',
164
+ 800: '#052984',
165
+ 900: '#031D6D',
166
+ },
167
+ 'grey-base': {
168
+ DEFAULT: '#808080',
169
169
  },
170
170
 
171
- "blue-gray": {
172
- 50: "#F8F9FC",
173
- 100: "#EAECF5",
174
- 200: "#D5D9EB",
175
- 300: "#B3B8DB",
176
- 400: "#717BBC",
177
- 500: "#4E5BA6",
178
- 600: "#3E4784",
179
- 700: "#363F72",
180
- 800: "#293056",
181
- 900: "#101323",
182
- },
183
- "blue-light": {
184
- 50: "#F0F9FF",
185
- 100: "#E0F2FE",
186
- 200: "#B9E6FE",
187
- 300: "#7CD4FD",
188
- 400: "#36BFFA",
189
- 500: "#0BA5EC",
190
- 600: "#0086C9",
191
- 700: "#026AA2",
192
- 800: "#065986",
193
- 900: "#0B4A6F",
171
+ 'blue-gray': {
172
+ 50: '#F8F9FC',
173
+ 100: '#EAECF5',
174
+ 200: '#D5D9EB',
175
+ 300: '#B3B8DB',
176
+ 400: '#717BBC',
177
+ 500: '#4E5BA6',
178
+ 600: '#3E4784',
179
+ 700: '#363F72',
180
+ 800: '#293056',
181
+ 900: '#101323',
182
+ },
183
+ 'blue-light': {
184
+ 50: '#F0F9FF',
185
+ 100: '#E0F2FE',
186
+ 200: '#B9E6FE',
187
+ 300: '#7CD4FD',
188
+ 400: '#36BFFA',
189
+ 500: '#0BA5EC',
190
+ 600: '#0086C9',
191
+ 700: '#026AA2',
192
+ 800: '#065986',
193
+ 900: '#0B4A6F',
194
194
  },
195
195
  indigo: {
196
- 50: "#EEF4FF",
197
- 100: "#E0EAFF",
198
- 200: "#C7D7FE",
199
- 300: "#A4BCFD",
200
- 400: "#8098F9",
201
- 500: "#6172F3",
202
- 600: "#444CE7",
203
- 700: "#3538CD",
204
- 800: "#2D31A6",
205
- 900: "#2D3282",
196
+ 50: '#EEF4FF',
197
+ 100: '#E0EAFF',
198
+ 200: '#C7D7FE',
199
+ 300: '#A4BCFD',
200
+ 400: '#8098F9',
201
+ 500: '#6172F3',
202
+ 600: '#444CE7',
203
+ 700: '#3538CD',
204
+ 800: '#2D31A6',
205
+ 900: '#2D3282',
206
206
  },
207
207
  purple: {
208
- 50: "#F4F3FF",
209
- 100: "#EBE9FE",
210
- 200: "#D9D6FE",
211
- 300: "#BDB4FE",
212
- 400: "#9B8AFB",
213
- 500: "#7A5AF8",
214
- 600: "#6938EF",
215
- 700: "#5925DC",
216
- 800: "#4A1FB8",
217
- 900: "#3E1C96",
208
+ 50: '#F4F3FF',
209
+ 100: '#EBE9FE',
210
+ 200: '#D9D6FE',
211
+ 300: '#BDB4FE',
212
+ 400: '#9B8AFB',
213
+ 500: '#7A5AF8',
214
+ 600: '#6938EF',
215
+ 700: '#5925DC',
216
+ 800: '#4A1FB8',
217
+ 900: '#3E1C96',
218
218
  },
219
219
  blue: {
220
- 50: "#EFF8FF",
221
- 100: "#D1E9FF",
222
- 200: "#B2DDFF",
223
- 300: "#84CAFF",
224
- 400: "#53B1FD",
225
- 500: "#2E90FA",
226
- 600: "#1570EF",
227
- 700: "#175CD3",
228
- 800: "#1849A9",
229
- 900: "#194185",
220
+ 50: '#EFF8FF',
221
+ 100: '#D1E9FF',
222
+ 200: '#B2DDFF',
223
+ 300: '#84CAFF',
224
+ 400: '#53B1FD',
225
+ 500: '#2E90FA',
226
+ 600: '#1570EF',
227
+ 700: '#175CD3',
228
+ 800: '#1849A9',
229
+ 900: '#194185',
230
230
  },
231
231
  pink: {
232
- 50: "#FDF2FA",
233
- 100: "#FCE7F6",
234
- 200: "#FCCEEE",
235
- 300: "#FAA7E0",
236
- 400: "#F670C7",
237
- 500: "#EE46BC",
238
- 600: "#DD2590",
239
- 700: "#C11574",
240
- 800: "#9E165F",
241
- 900: "#851651",
232
+ 50: '#FDF2FA',
233
+ 100: '#FCE7F6',
234
+ 200: '#FCCEEE',
235
+ 300: '#FAA7E0',
236
+ 400: '#F670C7',
237
+ 500: '#EE46BC',
238
+ 600: '#DD2590',
239
+ 700: '#C11574',
240
+ 800: '#9E165F',
241
+ 900: '#851651',
242
242
  },
243
243
  orange: {
244
- 50: "#FEF6EE",
245
- 100: "#FDEAD7",
246
- 200: "#F9DBAF",
247
- 300: "#F7B27A",
248
- 400: "#F38744",
249
- 500: "#EF6820",
250
- 600: "#E04F16",
251
- 700: "#B93815",
252
- 800: "#932F19",
253
- 900: "#772917",
254
- },
255
- "gray-cool": {
256
- 25: "#FCFCFD",
257
- 50: "#F9F9FB",
258
- 100: "#EFF1F5",
259
- 200: "#DCDFEA",
260
- 300: "#B9C0D4",
261
- 400: "#7D89B0",
262
- 500: "#5D6B98",
263
- 600: "#4A5578",
264
- 700: "#404968",
265
- 800: "#30374F",
266
- 900: "#111322",
267
- 950: "#0E101B",
268
- },
269
- "gray-modern": {
270
- 25: "#FCFCFD",
271
- 50: "#F8FAFC",
272
- 100: "#EEF2F6",
273
- 200: "#E3E8EF",
274
- 300: "#CDD5DF",
275
- 400: "#9AA4B2",
276
- 500: "#697586",
277
- 600: "#4B5565",
278
- 700: "#364152",
279
- 800: "#202939",
280
- 900: "#121926",
281
- 950: "#0D121C",
282
- },
283
- "gray-neutral": {
284
- 25: "#FCFCFD",
285
- 50: "#F9FAFB",
286
- 100: "#F3F4F6",
287
- 200: "#E5E7EB",
288
- 300: "#D2D6DB",
289
- 400: "#9DA4AE",
290
- 500: "#6C737F",
291
- 600: "#4D5761",
292
- 700: "#384250",
293
- 800: "#1F2A37",
294
- 900: "#111927",
295
- 950: "#0D121C",
296
- },
297
- "gray-iron": {
298
- 25: "#FCFCFC",
299
- 50: "#FAFAFA",
300
- 100: "#F4F4F5",
301
- 200: "#E4E4E7",
302
- 300: "#D1D1D6",
303
- 400: "#A0A0AB",
304
- 500: "#70707B",
305
- 600: "#51525C",
306
- 700: "#3F3F46",
307
- 800: "#26272B",
308
- 900: "#1A1A1E",
309
- 950: "#131316",
310
- },
311
- "gray-true": {
312
- 25: "#FCFCFC",
313
- 50: "#FAFAFA",
314
- 100: "#F5F5F5",
315
- 200: "#E5E5E5",
316
- 300: "#D6D6D6",
317
- 400: "#A3A3A3",
318
- 500: "#737373",
319
- 600: "#525252",
320
- 700: "#424242",
321
- 800: "#292929",
322
- 900: "#141414",
323
- 950: "#0F0F0F",
324
- },
325
- "gray-warm": {
326
- 25: "#FDFDFC",
327
- 50: "#FAFAF9",
328
- 100: "#F5F5F4",
329
- 200: "#E7E5E4",
330
- 300: "#D7D3D0",
331
- 400: "#A9A29D",
332
- 500: "#79716B",
333
- 600: "#57534E",
334
- 700: "#44403C",
335
- 800: "#292524",
336
- 900: "#1C1917",
337
- 950: "#171412",
244
+ 50: '#FEF6EE',
245
+ 100: '#FDEAD7',
246
+ 200: '#F9DBAF',
247
+ 300: '#F7B27A',
248
+ 400: '#F38744',
249
+ 500: '#EF6820',
250
+ 600: '#E04F16',
251
+ 700: '#B93815',
252
+ 800: '#932F19',
253
+ 900: '#772917',
254
+ },
255
+ 'gray-cool': {
256
+ 25: '#FCFCFD',
257
+ 50: '#F9F9FB',
258
+ 100: '#EFF1F5',
259
+ 200: '#DCDFEA',
260
+ 300: '#B9C0D4',
261
+ 400: '#7D89B0',
262
+ 500: '#5D6B98',
263
+ 600: '#4A5578',
264
+ 700: '#404968',
265
+ 800: '#30374F',
266
+ 900: '#111322',
267
+ 950: '#0E101B',
268
+ },
269
+ 'gray-modern': {
270
+ 25: '#FCFCFD',
271
+ 50: '#F8FAFC',
272
+ 100: '#EEF2F6',
273
+ 200: '#E3E8EF',
274
+ 300: '#CDD5DF',
275
+ 400: '#9AA4B2',
276
+ 500: '#697586',
277
+ 600: '#4B5565',
278
+ 700: '#364152',
279
+ 800: '#202939',
280
+ 900: '#121926',
281
+ 950: '#0D121C',
282
+ },
283
+ 'gray-neutral': {
284
+ 25: '#FCFCFD',
285
+ 50: '#F9FAFB',
286
+ 100: '#F3F4F6',
287
+ 200: '#E5E7EB',
288
+ 300: '#D2D6DB',
289
+ 400: '#9DA4AE',
290
+ 500: '#6C737F',
291
+ 600: '#4D5761',
292
+ 700: '#384250',
293
+ 800: '#1F2A37',
294
+ 900: '#111927',
295
+ 950: '#0D121C',
296
+ },
297
+ 'gray-iron': {
298
+ 25: '#FCFCFC',
299
+ 50: '#FAFAFA',
300
+ 100: '#F4F4F5',
301
+ 200: '#E4E4E7',
302
+ 300: '#D1D1D6',
303
+ 400: '#A0A0AB',
304
+ 500: '#70707B',
305
+ 600: '#51525C',
306
+ 700: '#3F3F46',
307
+ 800: '#26272B',
308
+ 900: '#1A1A1E',
309
+ 950: '#131316',
310
+ },
311
+ 'gray-true': {
312
+ 25: '#FCFCFC',
313
+ 50: '#FAFAFA',
314
+ 100: '#F5F5F5',
315
+ 200: '#E5E5E5',
316
+ 300: '#D6D6D6',
317
+ 400: '#A3A3A3',
318
+ 500: '#737373',
319
+ 600: '#525252',
320
+ 700: '#424242',
321
+ 800: '#292929',
322
+ 900: '#141414',
323
+ 950: '#0F0F0F',
324
+ },
325
+ 'gray-warm': {
326
+ 25: '#FDFDFC',
327
+ 50: '#FAFAF9',
328
+ 100: '#F5F5F4',
329
+ 200: '#E7E5E4',
330
+ 300: '#D7D3D0',
331
+ 400: '#A9A29D',
332
+ 500: '#79716B',
333
+ 600: '#57534E',
334
+ 700: '#44403C',
335
+ 800: '#292524',
336
+ 900: '#1C1917',
337
+ 950: '#171412',
338
338
  },
339
339
  moss: {
340
- 25: "#FAFDF7",
341
- 50: "#F5FBEE",
342
- 100: "#E6F4D7",
343
- 200: "#CEEAB0",
344
- 300: "#ACDC79",
345
- 400: "#86CB3C",
346
- 500: "#669F2A",
347
- 600: "#4F7A21",
348
- 700: "#3F621A",
349
- 800: "#335015",
350
- 900: "#2B4212",
351
- 950: "#1A280B",
352
- },
353
- "green-light": {
354
- 25: "#FAFEF5",
355
- 50: "#F3FEE7",
356
- 100: "#E4FBCC",
357
- 200: "#D0F8AB",
358
- 300: "#A6EF67",
359
- 400: "#85E13A",
360
- 500: "#66C61C",
361
- 600: "#4CA30D",
362
- 700: "#3B7C0F",
363
- 800: "#326212",
364
- 900: "#2B5314",
365
- 950: "#15290A",
340
+ 25: '#FAFDF7',
341
+ 50: '#F5FBEE',
342
+ 100: '#E6F4D7',
343
+ 200: '#CEEAB0',
344
+ 300: '#ACDC79',
345
+ 400: '#86CB3C',
346
+ 500: '#669F2A',
347
+ 600: '#4F7A21',
348
+ 700: '#3F621A',
349
+ 800: '#335015',
350
+ 900: '#2B4212',
351
+ 950: '#1A280B',
352
+ },
353
+ 'green-light': {
354
+ 25: '#FAFEF5',
355
+ 50: '#F3FEE7',
356
+ 100: '#E4FBCC',
357
+ 200: '#D0F8AB',
358
+ 300: '#A6EF67',
359
+ 400: '#85E13A',
360
+ 500: '#66C61C',
361
+ 600: '#4CA30D',
362
+ 700: '#3B7C0F',
363
+ 800: '#326212',
364
+ 900: '#2B5314',
365
+ 950: '#15290A',
366
366
  },
367
367
  green: {
368
- 25: "#F6FEF9",
369
- 50: "#EDFCF2",
370
- 100: "#D3F8DF",
371
- 200: "#AAF0C4",
372
- 300: "#73E2A3",
373
- 400: "#3CCB7F",
374
- 500: "#16B364",
375
- 600: "#099250",
376
- 700: "#087443",
377
- 800: "#095C37",
378
- 900: "#084C2E",
379
- 950: "#052E1C",
368
+ 25: '#F6FEF9',
369
+ 50: '#EDFCF2',
370
+ 100: '#D3F8DF',
371
+ 200: '#AAF0C4',
372
+ 300: '#73E2A3',
373
+ 400: '#3CCB7F',
374
+ 500: '#16B364',
375
+ 600: '#099250',
376
+ 700: '#087443',
377
+ 800: '#095C37',
378
+ 900: '#084C2E',
379
+ 950: '#052E1C',
380
380
  },
381
381
  teal: {
382
- 25: "#F6FEFC",
383
- 50: "#F0FDF9",
384
- 100: "#CCFBEF",
385
- 200: "#99F6E0",
386
- 300: "#5FE9D0",
387
- 400: "#2ED3B7",
388
- 500: "#15B79E",
389
- 600: "#0E9384",
390
- 700: "#107569",
391
- 800: "#125D56",
392
- 900: "#134E48",
393
- 950: "#0A2926",
382
+ 25: '#F6FEFC',
383
+ 50: '#F0FDF9',
384
+ 100: '#CCFBEF',
385
+ 200: '#99F6E0',
386
+ 300: '#5FE9D0',
387
+ 400: '#2ED3B7',
388
+ 500: '#15B79E',
389
+ 600: '#0E9384',
390
+ 700: '#107569',
391
+ 800: '#125D56',
392
+ 900: '#134E48',
393
+ 950: '#0A2926',
394
394
  },
395
395
  cyan: {
396
- 25: "#F5FEFF",
397
- 50: "#ECFDFF",
398
- 100: "#CFF9FE",
399
- 200: "#A5F0FC",
400
- 300: "#67E3F9",
401
- 400: "#22CCEE",
402
- 500: "#06AED4",
403
- 600: "#088AB2",
404
- 700: "#0E7090",
405
- 800: "#155B75",
406
- 900: "#164C63",
407
- 950: "#0D2D3A",
408
- },
409
- "blue-dark": {
410
- 25: "#F5F8FF",
411
- 50: "#EFF4FF",
412
- 100: "#D1E0FF",
413
- 200: "#B2CCFF",
414
- 300: "#84ADFF",
415
- 400: "#528BFF",
416
- 500: "#2970FF",
417
- 600: "#155EEF",
418
- 700: "#004EEB",
419
- 800: "#0040C1",
420
- 900: "#00359E",
421
- 950: "#002266",
396
+ 25: '#F5FEFF',
397
+ 50: '#ECFDFF',
398
+ 100: '#CFF9FE',
399
+ 200: '#A5F0FC',
400
+ 300: '#67E3F9',
401
+ 400: '#22CCEE',
402
+ 500: '#06AED4',
403
+ 600: '#088AB2',
404
+ 700: '#0E7090',
405
+ 800: '#155B75',
406
+ 900: '#164C63',
407
+ 950: '#0D2D3A',
408
+ },
409
+ 'blue-dark': {
410
+ 25: '#F5F8FF',
411
+ 50: '#EFF4FF',
412
+ 100: '#D1E0FF',
413
+ 200: '#B2CCFF',
414
+ 300: '#84ADFF',
415
+ 400: '#528BFF',
416
+ 500: '#2970FF',
417
+ 600: '#155EEF',
418
+ 700: '#004EEB',
419
+ 800: '#0040C1',
420
+ 900: '#00359E',
421
+ 950: '#002266',
422
422
  },
423
423
  violet: {
424
- 25: "#FBFAFF",
425
- 50: "#F5F3FF",
426
- 100: "#ECE9FE",
427
- 200: "#DDD6FE",
428
- 300: "#C3B5FD",
429
- 400: "#A48AFB",
430
- 500: "#875BF7",
431
- 600: "#7839EE",
432
- 700: "#6927DA",
433
- 800: "#5720B7",
434
- 900: "#491C96",
435
- 950: "#2E125E",
424
+ 25: '#FBFAFF',
425
+ 50: '#F5F3FF',
426
+ 100: '#ECE9FE',
427
+ 200: '#DDD6FE',
428
+ 300: '#C3B5FD',
429
+ 400: '#A48AFB',
430
+ 500: '#875BF7',
431
+ 600: '#7839EE',
432
+ 700: '#6927DA',
433
+ 800: '#5720B7',
434
+ 900: '#491C96',
435
+ 950: '#2E125E',
436
436
  },
437
437
  fuchsia: {
438
- 25: "#FEFAFF",
439
- 50: "#FDF4FF",
440
- 100: "#FBE8FF",
441
- 200: "#F6D0FE",
442
- 300: "#EEAAFD",
443
- 400: "#E478FA",
444
- 500: "#D444F1",
445
- 600: "#BA24D5",
446
- 700: "#9F1AB1",
447
- 800: "#821890",
448
- 900: "#6F1877",
449
- 950: "#47104C",
438
+ 25: '#FEFAFF',
439
+ 50: '#FDF4FF',
440
+ 100: '#FBE8FF',
441
+ 200: '#F6D0FE',
442
+ 300: '#EEAAFD',
443
+ 400: '#E478FA',
444
+ 500: '#D444F1',
445
+ 600: '#BA24D5',
446
+ 700: '#9F1AB1',
447
+ 800: '#821890',
448
+ 900: '#6F1877',
449
+ 950: '#47104C',
450
450
  },
451
451
  rose: {
452
- 25: "#FFF5F6",
453
- 50: "#FFF1F3",
454
- 100: "#FFE4E8",
455
- 200: "#FECDD6",
456
- 300: "#FEA3B4",
457
- 400: "#FD6F8E",
458
- 500: "#F63D68",
459
- 600: "#E31B54",
460
- 700: "#C01048",
461
- 800: "#A11043",
462
- 900: "#89123E",
463
- 950: "#510B24",
464
- },
465
- "orange-dark": {
466
- 25: "#FFF9F5",
467
- 50: "#FFF4ED",
468
- 100: "#FFE6D5",
469
- 200: "#FFD6AE",
470
- 300: "#FF9C66",
471
- 400: "#FF692E",
472
- 500: "#FF4405",
473
- 600: "#E62E05",
474
- 700: "#BC1B06",
475
- 800: "#97180C",
476
- 900: "#771A0D",
477
- 950: "#57130A",
452
+ 25: '#FFF5F6',
453
+ 50: '#FFF1F3',
454
+ 100: '#FFE4E8',
455
+ 200: '#FECDD6',
456
+ 300: '#FEA3B4',
457
+ 400: '#FD6F8E',
458
+ 500: '#F63D68',
459
+ 600: '#E31B54',
460
+ 700: '#C01048',
461
+ 800: '#A11043',
462
+ 900: '#89123E',
463
+ 950: '#510B24',
464
+ },
465
+ 'orange-dark': {
466
+ 25: '#FFF9F5',
467
+ 50: '#FFF4ED',
468
+ 100: '#FFE6D5',
469
+ 200: '#FFD6AE',
470
+ 300: '#FF9C66',
471
+ 400: '#FF692E',
472
+ 500: '#FF4405',
473
+ 600: '#E62E05',
474
+ 700: '#BC1B06',
475
+ 800: '#97180C',
476
+ 900: '#771A0D',
477
+ 950: '#57130A',
478
478
  },
479
479
  yellow: {
480
- 25: "#FEFDF0",
481
- 50: "#FEFBE8",
482
- 100: "#FEF7C3",
483
- 200: "#FEEE95",
484
- 300: "#FDE272",
485
- 400: "#FAC515",
486
- 500: "#EAAA08",
487
- 600: "#CA8504",
488
- 700: "#A15C07",
489
- 800: "#854A0E",
490
- 900: "#713B12",
491
- 950: "#542C0D",
480
+ 25: '#FEFDF0',
481
+ 50: '#FEFBE8',
482
+ 100: '#FEF7C3',
483
+ 200: '#FEEE95',
484
+ 300: '#FDE272',
485
+ 400: '#FAC515',
486
+ 500: '#EAAA08',
487
+ 600: '#CA8504',
488
+ 700: '#A15C07',
489
+ 800: '#854A0E',
490
+ 900: '#713B12',
491
+ 950: '#542C0D',
492
492
  },
493
493
  },
494
494
 
495
495
  fontFamily: {
496
- nunito: ["Nunito", "sans-serif"],
496
+ nunito: ['Nunito', 'sans-serif'],
497
497
  },
498
498
 
499
499
  fontWeight: {
500
500
  // Tailwind's default theme already provides extralight/light/medium/semibold/bold/extrabold/black
501
501
  // at these same values; "regular" is the only addition (Figma's name for weight 400, aliasing "normal").
502
- regular: "400",
502
+ regular: '400',
503
503
  },
504
504
 
505
505
  spacing: {
506
- 4.5: "18px",
506
+ 4.5: '18px',
507
507
  },
508
508
 
509
509
  boxShadow: {
510
- "3xl":
511
- "0 2px 2px rgb(224 230 237 / 46%), 1px 6px 7px rgb(224 230 237 / 46%)",
512
- "custom-1": "0px 4px 9px 0px rgba(152, 160, 180, 0.25)",
513
- lg: "0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.08)",
514
- xs: "0px 1px 2px 0px rgba(16,24,40,0.05)",
515
- md: "0px 2px 4px -2px rgba(16,24,40,0.06), 0px 4px 8px -2px rgba(16,24,40,0.1)",
510
+ '3xl': '0 2px 2px rgb(224 230 237 / 46%), 1px 6px 7px rgb(224 230 237 / 46%)',
511
+ 'custom-1': '0px 4px 9px 0px rgba(152, 160, 180, 0.25)',
512
+ lg: '0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.08)',
513
+ xs: '0px 1px 2px 0px rgba(16,24,40,0.05)',
514
+ md: '0px 2px 4px -2px rgba(16,24,40,0.06), 0px 4px 8px -2px rgba(16,24,40,0.1)',
516
515
  },
517
516
 
518
517
  fontSize: {
519
- h1: ["3.75rem", { lineHeight: "4.5rem" }],
520
- h2: ["3rem", { lineHeight: "3.5rem" }],
521
- h3: ["2.25rem", { lineHeight: "2.75rem" }],
522
- h4: ["1.875rem", { lineHeight: "2.5rem" }],
523
- h5: ["1.5rem", { lineHeight: "2.25rem" }],
524
- h6: ["1.25rem", { lineHeight: "1.75rem" }],
518
+ h1: ['3.75rem', { lineHeight: '4.5rem' }],
519
+ h2: ['3rem', { lineHeight: '3.5rem' }],
520
+ h3: ['2.25rem', { lineHeight: '2.75rem' }],
521
+ h4: ['1.875rem', { lineHeight: '2.5rem' }],
522
+ h5: ['1.5rem', { lineHeight: '2.25rem' }],
523
+ h6: ['1.25rem', { lineHeight: '1.75rem' }],
525
524
 
526
- "body-lg": ["1.125rem", { lineHeight: "1.75rem" }],
527
- "body-sm": ["1rem", { lineHeight: "1.5rem" }],
525
+ 'body-lg': ['1.125rem', { lineHeight: '1.75rem' }],
526
+ 'body-sm': ['1rem', { lineHeight: '1.5rem' }],
528
527
 
529
- "caption-lg": ["0.875rem", { lineHeight: "1.25rem" }],
530
- "caption-sm": ["0.75rem", { lineHeight: "1.125rem" }],
528
+ 'caption-lg': ['0.875rem', { lineHeight: '1.25rem' }],
529
+ 'caption-sm': ['0.75rem', { lineHeight: '1.125rem' }],
531
530
  },
532
531
 
533
532
  lineHeight: {
534
- h1: "4.5rem",
535
- h2: "3.5rem",
536
- h3: "2.75rem",
537
- h4: "2.5rem",
538
- h5: "2.25rem",
539
- h6: "1.75rem",
533
+ h1: '4.5rem',
534
+ h2: '3.5rem',
535
+ h3: '2.75rem',
536
+ h4: '2.5rem',
537
+ h5: '2.25rem',
538
+ h6: '1.75rem',
540
539
 
541
- "body-lg": "1.75rem",
542
- "body-sm": "1.5rem",
540
+ 'body-lg': '1.75rem',
541
+ 'body-sm': '1.5rem',
543
542
 
544
- "caption-lg": "1.25rem",
545
- "caption-sm": "1.125rem",
543
+ 'caption-lg': '1.25rem',
544
+ 'caption-sm': '1.125rem',
546
545
  },
547
546
  },
548
547
  },