tera-system-ui 0.0.23 → 0.0.25

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 (82) hide show
  1. package/dist/components/avatar/Avatar.svelte +43 -43
  2. package/dist/components/brand-logo/BrandLogo.svelte +31 -31
  3. package/dist/components/button/Button.svelte +49 -49
  4. package/dist/components/combobox/Combobox.svelte +8 -8
  5. package/dist/components/command/command.scss +72 -72
  6. package/dist/components/command/components/Command.svelte +120 -120
  7. package/dist/components/command/components/Command.svelte.d.ts +1 -1
  8. package/dist/components/command/components/CommandEmpty.svelte +30 -30
  9. package/dist/components/command/components/CommandEmpty.svelte.d.ts +1 -1
  10. package/dist/components/command/components/CommandGroup.svelte +110 -110
  11. package/dist/components/command/components/CommandGroup.svelte.d.ts +1 -1
  12. package/dist/components/command/components/CommandInput.svelte +92 -92
  13. package/dist/components/command/components/CommandInput.svelte.d.ts +1 -1
  14. package/dist/components/command/components/CommandItem.svelte +110 -110
  15. package/dist/components/command/components/CommandItem.svelte.d.ts +1 -1
  16. package/dist/components/command/components/CommandList.svelte +56 -56
  17. package/dist/components/command/components/CommandLoading.svelte +28 -28
  18. package/dist/components/command/components/CommandLoading.svelte.d.ts +1 -1
  19. package/dist/components/command/components/CommandSeparator.svelte +21 -21
  20. package/dist/components/command/components/CommandSeparator.svelte.d.ts +1 -1
  21. package/dist/components/dialog/Dialog.astro +64 -64
  22. package/dist/components/dialog/Dialog.svelte +109 -109
  23. package/dist/components/dialog/dialog.scss +115 -115
  24. package/dist/components/dropdown-menu/components/DropdownMenu.svelte +33 -33
  25. package/dist/components/dropdown-menu/components/DropdownMenuGroup.svelte +11 -11
  26. package/dist/components/dropdown-menu/components/DropdownMenuHeader.svelte +11 -11
  27. package/dist/components/dropdown-menu/components/DropdownMenuItem.svelte +30 -30
  28. package/dist/components/dropdown-menu/components/DropdownMenuSeparator.svelte +10 -10
  29. package/dist/components/header/Header.svelte +36 -36
  30. package/dist/components/header/header.scss +19 -19
  31. package/dist/components/icons/IconArrowBigRightFilled.svelte +10 -10
  32. package/dist/components/icons/IconBook.svelte +10 -10
  33. package/dist/components/icons/IconBookmarkPlus.svelte +10 -10
  34. package/dist/components/icons/IconCalculator.svelte +10 -10
  35. package/dist/components/icons/IconCheck.svelte +10 -10
  36. package/dist/components/icons/IconChevronDown.svelte +10 -10
  37. package/dist/components/icons/IconCopy.svelte +10 -10
  38. package/dist/components/icons/IconCopyCheckFilled.svelte +10 -10
  39. package/dist/components/icons/IconHamburger.svelte +10 -10
  40. package/dist/components/icons/IconLanguage.svelte +10 -10
  41. package/dist/components/icons/IconLoader2.svelte +10 -10
  42. package/dist/components/icons/IconLogout.svelte +10 -10
  43. package/dist/components/icons/IconMoon.svelte +10 -10
  44. package/dist/components/icons/IconPointFilled.svelte +10 -10
  45. package/dist/components/icons/IconSearch.svelte +10 -10
  46. package/dist/components/icons/IconSettings.svelte +10 -10
  47. package/dist/components/icons/IconSun.svelte +10 -10
  48. package/dist/components/icons/IconSwitchHorizontal.svelte +10 -10
  49. package/dist/components/icons/IconSwitchVertical.svelte +10 -10
  50. package/dist/components/icons/IconTransform.svelte +10 -10
  51. package/dist/components/icons/IconX.svelte +10 -10
  52. package/dist/components/input/Input.svelte +24 -24
  53. package/dist/components/language-picker-button/LanguagePickerButton.svelte +109 -109
  54. package/dist/components/light-dark-toggle/LightDarkToggle.svelte +36 -36
  55. package/dist/components/popover/Popover.svelte +159 -159
  56. package/dist/components/popover-responsive/PopoverResponsive.svelte +87 -87
  57. package/dist/components/side-navigation/SideNavigation.svelte +114 -114
  58. package/dist/components/side-navigation/SideNavigationItem.svelte +17 -17
  59. package/dist/components/side-navigation/SideNavigationLayout.svelte +19 -19
  60. package/dist/components/side-navigation/sidenav.scss +149 -149
  61. package/dist/components/slider/Slider.svelte +181 -181
  62. package/dist/components/star-rating/StarRating.d.ts +10 -0
  63. package/dist/components/star-rating/StarRating.js +7 -0
  64. package/dist/components/star-rating/StarRating.svelte +88 -0
  65. package/dist/components/star-rating/StarRating.svelte.d.ts +3 -0
  66. package/dist/components/star-rating/index.d.ts +1 -0
  67. package/dist/components/star-rating/index.js +1 -0
  68. package/dist/components/tabs/components/Tabs.svelte +47 -47
  69. package/dist/components/tabs/components/TabsContent.svelte +34 -34
  70. package/dist/components/tabs/components/TabsItem.svelte +29 -29
  71. package/dist/components/tabs/components/TabsList.svelte +41 -41
  72. package/dist/components/tera-ui-context/TeraUiContext.svelte +28 -28
  73. package/dist/components/text-area/TextArea.svelte +88 -88
  74. package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte +67 -67
  75. package/dist/index.d.ts +1 -0
  76. package/dist/index.js +1 -0
  77. package/dist/themes/scrollbar.scss +37 -37
  78. package/dist/themes/tera-ui-base.css +208 -210
  79. package/dist/themes/tw-preset.cjs +153 -153
  80. package/package.json +98 -98
  81. package/scripts/add-component-template.js +120 -120
  82. package/scripts/generate-ts-index.js +138 -138
package/dist/themes/tera-ui-base.css CHANGED
@@ -1,210 +1,208 @@
1
- /* Default base style */
2
- @tailwind base;
3
- @tailwind components;
4
- @tailwind utilities;
5
-
6
- @import "scrollbar.scss";
7
-
8
- .ripple {
9
- position: absolute;
10
- border-radius: 50%;
11
- transform: scale(0);
12
- animation: ripple-animation 1s ease-out;
13
- pointer-events: none;
14
- }
15
-
16
- @keyframes ripple-animation {
17
- to {
18
- transform: scale(4);
19
- opacity: 0;
20
- }
21
- }
22
-
23
- body {
24
- background: theme(colors.neutral.token.1);
25
- color: theme(colors.neutral.token.13);
26
- }
27
-
28
-
29
-
30
- @layer components {
31
- .border,
32
- .border-r,
33
- .border-l,
34
- .border-t,
35
- .border-b,
36
- .border-x,
37
- .border-y {
38
- border-color: theme(colors.neutral.token.5);
39
- }
40
- }
41
-
42
-
43
- @layer utilities {
44
- /* Hide scrollbar for Chrome, Safari and Opera */
45
- .hide-scrollbar::-webkit-scrollbar {
46
- display: none !important;
47
- }
48
- /* Hide scrollbar for IE, Edge and Firefox */
49
- .hide-scrollbar {
50
- -ms-overflow-style: none !important; /* IE and Edge */
51
- scrollbar-width: none !important; /* Firefox */
52
- }
53
-
54
- .skeleton {
55
- @apply animate-pulse bg-neutral-token-4 rounded h-4 w-full;
56
- }
57
- }
58
-
59
-
60
-
61
-
62
- :root {
63
- --border-radius-base: 0.25rem;
64
- --border-radius-container: 0.5rem;
65
- --tw---alias-color-primary-50: 215 90 96;
66
- --tw---alias-color-primary-100: 217 91 87;
67
- --tw---alias-color-primary-200: 217 91 82;
68
- --tw---alias-color-primary-300: 217 91 73;
69
- --tw---alias-color-primary-400: 217 91 68;
70
- --tw---alias-color-primary-500: 217 91 60;
71
- --tw---alias-color-primary-600: 217 73 55;
72
- --tw---alias-color-primary-700: 217 61 43;
73
- --tw---alias-color-primary-800: 217 62 33;
74
- --tw---alias-color-primary-900: 217 61 25;
75
- --tw---alias-color-error-50: 0 81 96;
76
- --tw---alias-color-error-100: 0 84 88;
77
- --tw---alias-color-error-200: 0 85 82;
78
- --tw---alias-color-error-300: 0 84 73;
79
- --tw---alias-color-error-400: 0 84 68;
80
- --tw---alias-color-error-500: 0 84 60;
81
- --tw---alias-color-error-600: 0 67 55;
82
- --tw---alias-color-error-700: 0 56 43;
83
- --tw---alias-color-error-800: 0 56 33;
84
- --tw---alias-color-error-900: 0 55 25;
85
- --tw---alias-color-success-50: 143 57 95;
86
- --tw---alias-color-success-100: 142 59 83;
87
- --tw---alias-color-success-200: 142 58 75;
88
- --tw---alias-color-success-300: 142 58 63;
89
- --tw---alias-color-success-400: 142 59 56;
90
- --tw---alias-color-success-500: 142 71 45;
91
- --tw---alias-color-success-600: 142 70 41;
92
- --tw---alias-color-success-700: 142 71 32;
93
- --tw---alias-color-success-800: 142 70 25;
94
- --tw---alias-color-success-900: 142 71 19;
95
- --tw---alias-color-neutral-1: 0 0 100;
96
- --tw---alias-color-neutral-2: 0 0 99;
97
- --tw---alias-color-neutral-3: 0 0 96;
98
- --tw---alias-color-neutral-4: 0 0 94;
99
- --tw---alias-color-neutral-5: 0 0 85;
100
- --tw---alias-color-neutral-6: 0 0 75;
101
- --tw---alias-color-neutral-7: 0 0 55;
102
- --tw---alias-color-neutral-8: 0 0 35;
103
- --tw---alias-color-neutral-9: 0 0 27;
104
- --tw---alias-color-neutral-10: 0 0 15;
105
- --tw---alias-color-neutral-11: 0 0 12;
106
- --tw---alias-color-neutral-12: 0 0 8;
107
- --tw---alias-color-neutral-13: 0 0 0;
108
- --tw---alias-color-warning-50: 25 92 95;
109
- --tw---alias-color-warning-100: 25 95 85;
110
- --tw---alias-color-warning-200: 25 95 78;
111
- --tw---alias-color-warning-300: 24 95 69;
112
- --tw---alias-color-warning-400: 25 95 63;
113
- --tw---alias-color-warning-500: 25 95 53;
114
- --tw---alias-color-warning-600: 25 84 48;
115
- --tw---alias-color-warning-700: 25 83 38;
116
- --tw---alias-color-warning-800: 24 84 29;
117
- --tw---alias-color-warning-900: 24 84 22;
118
- --tw---alias-color-information-50: 215 90 96;
119
- --tw---alias-color-information-100: 217 91 87;
120
- --tw---alias-color-information-200: 217 91 82;
121
- --tw---alias-color-information-300: 217 91 73;
122
- --tw---alias-color-information-400: 217 91 68;
123
- --tw---alias-color-information-500: 217 91 60;
124
- --tw---alias-color-information-600: 217 73 55;
125
- --tw---alias-color-information-700: 217 61 43;
126
- --tw---alias-color-information-800: 217 62 33;
127
- --tw---alias-color-information-900: 217 61 25;
128
- --tw---alias-color-secondary-50: 330 80 96;
129
- --tw---alias-color-secondary-100: 331 81 88;
130
- --tw---alias-color-secondary-200: 330 81 82;
131
- --tw---alias-color-secondary-300: 330 81 73;
132
- --tw---alias-color-secondary-400: 331 81 68;
133
- --tw---alias-color-secondary-500: 330 81 60;
134
- --tw---alias-color-secondary-600: 331 65 55;
135
- --tw---alias-color-secondary-700: 330 53 43;
136
- --tw---alias-color-secondary-800: 331 53 33;
137
- --tw---alias-color-secondary-900: 330 53 25;
138
- --tw---alias-color-brand-500: 212 100 47;
139
- --tw---token-color-brand-token-5: 212 100 47;
140
- --tw---token-color-neutral-token-1: 0 0 100;
141
- --tw---token-color-neutral-token-2: 0 0 99;
142
- --tw---token-color-neutral-token-3: 0 0 96;
143
- --tw---token-color-neutral-token-4: 0 0 94;
144
- --tw---token-color-neutral-token-5: 0 0 85;
145
- --tw---token-color-neutral-token-6: 0 0 75;
146
- --tw---token-color-neutral-token-7: 0 0 55;
147
- --tw---token-color-neutral-token-8: 0 0 35;
148
- --tw---token-color-neutral-token-9: 0 0 27;
149
- --tw---token-color-neutral-token-10: 0 0 15;
150
- --tw---token-color-neutral-token-11: 0 0 12;
151
- --tw---token-color-neutral-token-12: 0 0 8;
152
- --tw---token-color-neutral-token-13: 0 0 0;
153
- --tw---token-color-primary-token-1: 215 90 96;
154
- --tw---token-color-primary-token-2: 217 91 87;
155
- --tw---token-color-primary-token-3: 217 91 82;
156
- --tw---token-color-primary-token-4: 217 91 73;
157
- --tw---token-color-primary-token-5: 217 91 68;
158
- --tw---token-color-primary-token-6: 217 91 60;
159
- --tw---token-color-primary-token-7: 217 73 55;
160
- --tw---token-color-primary-token-8: 217 61 43;
161
- --tw---token-color-primary-token-9: 217 62 33;
162
- --tw---token-color-primary-token-10: 217 61 25;
163
- }
164
-
165
-
166
-
167
- :root.dark {
168
- --tw---token-color-brand-token-5: 212 100 47;
169
- --tw---token-color-neutral-token-1: 0 0 0;
170
- --tw---token-color-neutral-token-2: 0 0 8;
171
- --tw---token-color-neutral-token-3: 0 0 12;
172
- --tw---token-color-neutral-token-4: 0 0 15;
173
- --tw---token-color-neutral-token-5: 0 0 27;
174
- --tw---token-color-neutral-token-6: 0 0 35;
175
- --tw---token-color-neutral-token-7: 0 0 55;
176
- --tw---token-color-neutral-token-8: 0 0 75;
177
- --tw---token-color-neutral-token-9: 0 0 85;
178
- --tw---token-color-neutral-token-10: 0 0 94;
179
- --tw---token-color-neutral-token-11: 0 0 96;
180
- --tw---token-color-neutral-token-12: 0 0 99;
181
- --tw---token-color-neutral-token-13: 0 0 100;
182
- --tw---token-color-primary-token-1: 217 61 25;
183
- --tw---token-color-primary-token-2: 217 62 33;
184
- --tw---token-color-primary-token-3: 217 61 43;
185
- --tw---token-color-primary-token-4: 217 73 55;
186
- --tw---token-color-primary-token-5: 217 91 60;
187
- --tw---token-color-primary-token-6: 217 91 68;
188
- --tw---token-color-primary-token-7: 217 91 73;
189
- --tw---token-color-primary-token-8: 217 91 82;
190
- --tw---token-color-primary-token-9: 217 91 87;
191
- --tw---token-color-primary-token-10: 215 90 96;
192
- }
193
-
194
-
195
-
196
- /* Base responsive variable */
197
- :root {
198
- --header-height: 3rem;
199
- }
200
-
201
- @media (min-width: theme(screens.md)) {
202
- :root {
203
- --header-height: 3.5rem;
204
- }
205
- }
206
-
207
- @media (min-width: theme(screens.lg)) {
208
- :root {
209
- }
210
- }
1
+ @import "scrollbar.scss"; /* Default base style */
2
+ @tailwind base;
3
+ @tailwind components;
4
+ @tailwind utilities;
5
+
6
+ .ripple {
7
+ position: absolute;
8
+ border-radius: 50%;
9
+ transform: scale(0);
10
+ animation: ripple-animation 1s ease-out;
11
+ pointer-events: none;
12
+ }
13
+
14
+ @keyframes ripple-animation {
15
+ to {
16
+ transform: scale(4);
17
+ opacity: 0;
18
+ }
19
+ }
20
+
21
+ body {
22
+ background: theme(colors.neutral.token.1);
23
+ color: theme(colors.neutral.token.13);
24
+ }
25
+
26
+
27
+
28
+ @layer components {
29
+ .border,
30
+ .border-r,
31
+ .border-l,
32
+ .border-t,
33
+ .border-b,
34
+ .border-x,
35
+ .border-y {
36
+ border-color: theme(colors.neutral.token.5);
37
+ }
38
+ }
39
+
40
+
41
+ @layer utilities {
42
+ /* Hide scrollbar for Chrome, Safari and Opera */
43
+ .hide-scrollbar::-webkit-scrollbar {
44
+ display: none !important;
45
+ }
46
+ /* Hide scrollbar for IE, Edge and Firefox */
47
+ .hide-scrollbar {
48
+ -ms-overflow-style: none !important; /* IE and Edge */
49
+ scrollbar-width: none !important; /* Firefox */
50
+ }
51
+
52
+ .skeleton {
53
+ @apply animate-pulse bg-neutral-token-4 rounded h-4 w-full;
54
+ }
55
+ }
56
+
57
+
58
+
59
+
60
+ :root {
61
+ --border-radius-base: 0.25rem;
62
+ --border-radius-container: 0.5rem;
63
+ --tw---alias-color-primary-50: 215 90 96;
64
+ --tw---alias-color-primary-100: 217 91 87;
65
+ --tw---alias-color-primary-200: 217 91 82;
66
+ --tw---alias-color-primary-300: 217 91 73;
67
+ --tw---alias-color-primary-400: 217 91 68;
68
+ --tw---alias-color-primary-500: 217 91 60;
69
+ --tw---alias-color-primary-600: 217 73 55;
70
+ --tw---alias-color-primary-700: 217 61 43;
71
+ --tw---alias-color-primary-800: 217 62 33;
72
+ --tw---alias-color-primary-900: 217 61 25;
73
+ --tw---alias-color-error-50: 0 81 96;
74
+ --tw---alias-color-error-100: 0 84 88;
75
+ --tw---alias-color-error-200: 0 85 82;
76
+ --tw---alias-color-error-300: 0 84 73;
77
+ --tw---alias-color-error-400: 0 84 68;
78
+ --tw---alias-color-error-500: 0 84 60;
79
+ --tw---alias-color-error-600: 0 67 55;
80
+ --tw---alias-color-error-700: 0 56 43;
81
+ --tw---alias-color-error-800: 0 56 33;
82
+ --tw---alias-color-error-900: 0 55 25;
83
+ --tw---alias-color-success-50: 143 57 95;
84
+ --tw---alias-color-success-100: 142 59 83;
85
+ --tw---alias-color-success-200: 142 58 75;
86
+ --tw---alias-color-success-300: 142 58 63;
87
+ --tw---alias-color-success-400: 142 59 56;
88
+ --tw---alias-color-success-500: 142 71 45;
89
+ --tw---alias-color-success-600: 142 70 41;
90
+ --tw---alias-color-success-700: 142 71 32;
91
+ --tw---alias-color-success-800: 142 70 25;
92
+ --tw---alias-color-success-900: 142 71 19;
93
+ --tw---alias-color-neutral-1: 0 0 100;
94
+ --tw---alias-color-neutral-2: 0 0 99;
95
+ --tw---alias-color-neutral-3: 0 0 96;
96
+ --tw---alias-color-neutral-4: 0 0 94;
97
+ --tw---alias-color-neutral-5: 0 0 85;
98
+ --tw---alias-color-neutral-6: 0 0 75;
99
+ --tw---alias-color-neutral-7: 0 0 55;
100
+ --tw---alias-color-neutral-8: 0 0 35;
101
+ --tw---alias-color-neutral-9: 0 0 27;
102
+ --tw---alias-color-neutral-10: 0 0 15;
103
+ --tw---alias-color-neutral-11: 0 0 12;
104
+ --tw---alias-color-neutral-12: 0 0 8;
105
+ --tw---alias-color-neutral-13: 0 0 0;
106
+ --tw---alias-color-warning-50: 25 92 95;
107
+ --tw---alias-color-warning-100: 25 95 85;
108
+ --tw---alias-color-warning-200: 25 95 78;
109
+ --tw---alias-color-warning-300: 24 95 69;
110
+ --tw---alias-color-warning-400: 25 95 63;
111
+ --tw---alias-color-warning-500: 25 95 53;
112
+ --tw---alias-color-warning-600: 25 84 48;
113
+ --tw---alias-color-warning-700: 25 83 38;
114
+ --tw---alias-color-warning-800: 24 84 29;
115
+ --tw---alias-color-warning-900: 24 84 22;
116
+ --tw---alias-color-information-50: 215 90 96;
117
+ --tw---alias-color-information-100: 217 91 87;
118
+ --tw---alias-color-information-200: 217 91 82;
119
+ --tw---alias-color-information-300: 217 91 73;
120
+ --tw---alias-color-information-400: 217 91 68;
121
+ --tw---alias-color-information-500: 217 91 60;
122
+ --tw---alias-color-information-600: 217 73 55;
123
+ --tw---alias-color-information-700: 217 61 43;
124
+ --tw---alias-color-information-800: 217 62 33;
125
+ --tw---alias-color-information-900: 217 61 25;
126
+ --tw---alias-color-secondary-50: 330 80 96;
127
+ --tw---alias-color-secondary-100: 331 81 88;
128
+ --tw---alias-color-secondary-200: 330 81 82;
129
+ --tw---alias-color-secondary-300: 330 81 73;
130
+ --tw---alias-color-secondary-400: 331 81 68;
131
+ --tw---alias-color-secondary-500: 330 81 60;
132
+ --tw---alias-color-secondary-600: 331 65 55;
133
+ --tw---alias-color-secondary-700: 330 53 43;
134
+ --tw---alias-color-secondary-800: 331 53 33;
135
+ --tw---alias-color-secondary-900: 330 53 25;
136
+ --tw---alias-color-brand-500: 212 100 47;
137
+ --tw---token-color-brand-token-5: 212 100 47;
138
+ --tw---token-color-neutral-token-1: 0 0 100;
139
+ --tw---token-color-neutral-token-2: 0 0 99;
140
+ --tw---token-color-neutral-token-3: 0 0 96;
141
+ --tw---token-color-neutral-token-4: 0 0 94;
142
+ --tw---token-color-neutral-token-5: 0 0 85;
143
+ --tw---token-color-neutral-token-6: 0 0 75;
144
+ --tw---token-color-neutral-token-7: 0 0 55;
145
+ --tw---token-color-neutral-token-8: 0 0 35;
146
+ --tw---token-color-neutral-token-9: 0 0 27;
147
+ --tw---token-color-neutral-token-10: 0 0 15;
148
+ --tw---token-color-neutral-token-11: 0 0 12;
149
+ --tw---token-color-neutral-token-12: 0 0 8;
150
+ --tw---token-color-neutral-token-13: 0 0 0;
151
+ --tw---token-color-primary-token-1: 215 90 96;
152
+ --tw---token-color-primary-token-2: 217 91 87;
153
+ --tw---token-color-primary-token-3: 217 91 82;
154
+ --tw---token-color-primary-token-4: 217 91 73;
155
+ --tw---token-color-primary-token-5: 217 91 68;
156
+ --tw---token-color-primary-token-6: 217 91 60;
157
+ --tw---token-color-primary-token-7: 217 73 55;
158
+ --tw---token-color-primary-token-8: 217 61 43;
159
+ --tw---token-color-primary-token-9: 217 62 33;
160
+ --tw---token-color-primary-token-10: 217 61 25;
161
+ }
162
+
163
+
164
+
165
+ :root.dark {
166
+ --tw---token-color-brand-token-5: 212 100 47;
167
+ --tw---token-color-neutral-token-1: 0 0 0;
168
+ --tw---token-color-neutral-token-2: 0 0 8;
169
+ --tw---token-color-neutral-token-3: 0 0 12;
170
+ --tw---token-color-neutral-token-4: 0 0 15;
171
+ --tw---token-color-neutral-token-5: 0 0 27;
172
+ --tw---token-color-neutral-token-6: 0 0 35;
173
+ --tw---token-color-neutral-token-7: 0 0 55;
174
+ --tw---token-color-neutral-token-8: 0 0 75;
175
+ --tw---token-color-neutral-token-9: 0 0 85;
176
+ --tw---token-color-neutral-token-10: 0 0 94;
177
+ --tw---token-color-neutral-token-11: 0 0 96;
178
+ --tw---token-color-neutral-token-12: 0 0 99;
179
+ --tw---token-color-neutral-token-13: 0 0 100;
180
+ --tw---token-color-primary-token-1: 217 61 25;
181
+ --tw---token-color-primary-token-2: 217 62 33;
182
+ --tw---token-color-primary-token-3: 217 61 43;
183
+ --tw---token-color-primary-token-4: 217 73 55;
184
+ --tw---token-color-primary-token-5: 217 91 60;
185
+ --tw---token-color-primary-token-6: 217 91 68;
186
+ --tw---token-color-primary-token-7: 217 91 73;
187
+ --tw---token-color-primary-token-8: 217 91 82;
188
+ --tw---token-color-primary-token-9: 217 91 87;
189
+ --tw---token-color-primary-token-10: 215 90 96;
190
+ }
191
+
192
+
193
+
194
+ /* Base responsive variable */
195
+ :root {
196
+ --header-height: 3rem;
197
+ }
198
+
199
+ @media (min-width: theme(screens.md)) {
200
+ :root {
201
+ --header-height: 3.5rem;
202
+ }
203
+ }
204
+
205
+ @media (min-width: theme(screens.lg)) {
206
+ :root {
207
+ }
208
+ }