@aristobyte-ui/switch 1.0.12 → 1.0.13

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 (7) hide show
  1. package/dist/index.js +321 -24
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +321 -24
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.css +0 -326
  7. package/dist/index.css.map +0 -1
package/dist/index.css DELETED
@@ -1,326 +0,0 @@
1
- /* components/Switch/Switch.module.scss */
2
- .Switch_module_switch {
3
- align-items: center;
4
- cursor: pointer;
5
- display: flex;
6
- gap: 10px;
7
- max-width: max-content;
8
- user-select: none;
9
- position: relative;
10
- }
11
- .Switch_module_switch-align-label--horizontal {
12
- flex-direction: row;
13
- }
14
- .Switch_module_switch-align-label--vertical {
15
- flex-direction: column;
16
- }
17
- .Switch_module_switch--disabled {
18
- opacity: 0.5;
19
- cursor: not-allowed;
20
- }
21
- .Switch_module_switch-size--xsm .Switch_module_switch__track {
22
- height: 1rem;
23
- width: 1.8rem;
24
- }
25
- .Switch_module_switch-size--xsm .Switch_module_switch__track-icon {
26
- height: 0.48rem;
27
- width: 0.48rem;
28
- }
29
- .Switch_module_switch-size--xsm .Switch_module_switch__thumb {
30
- border-radius: 0.4rem;
31
- height: 0.8rem;
32
- left: 0.16rem;
33
- width: 0.8rem;
34
- }
35
- .Switch_module_switch-size--xsm .Switch_module_switch__thumb-icon {
36
- height: 0.6rem;
37
- width: 0.6rem;
38
- }
39
- .Switch_module_switch-size--xsm .Switch_module_switch__label {
40
- color: #ffffff;
41
- font-size: 0.625rem;
42
- }
43
- .Switch_module_switch-size--xsm input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
44
- left: -2rem;
45
- }
46
- .Switch_module_switch-size--xsm input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
47
- right: 0.18rem;
48
- }
49
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
50
- left: 0.18rem;
51
- }
52
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
53
- right: -2rem;
54
- }
55
- .Switch_module_switch-size--xsm input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
56
- transform: translate(0.68rem, -50%);
57
- }
58
- .Switch_module_switch-size--xsm input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
59
- width: 1rem;
60
- }
61
- .Switch_module_switch-size--xsm input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
62
- transform: translate(0.48rem, -50%);
63
- width: 1rem;
64
- }
65
- .Switch_module_switch-size--sm .Switch_module_switch__track {
66
- height: 1.4rem;
67
- width: 2.6rem;
68
- }
69
- .Switch_module_switch-size--sm .Switch_module_switch__track-icon {
70
- height: 0.8rem;
71
- width: 0.8rem;
72
- }
73
- .Switch_module_switch-size--sm .Switch_module_switch__thumb {
74
- border-radius: 0.5rem;
75
- height: 1rem;
76
- left: 0.2rem;
77
- width: 1rem;
78
- }
79
- .Switch_module_switch-size--sm .Switch_module_switch__thumb-icon {
80
- height: 0.8rem;
81
- width: 0.8rem;
82
- }
83
- .Switch_module_switch-size--sm .Switch_module_switch__label {
84
- color: #ffffff;
85
- font-size: 0.75rem;
86
- }
87
- .Switch_module_switch-size--sm input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
88
- left: -2rem;
89
- }
90
- .Switch_module_switch-size--sm input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
91
- right: 0.24rem;
92
- }
93
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
94
- left: 0.24rem;
95
- }
96
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
97
- right: -2rem;
98
- }
99
- .Switch_module_switch-size--sm input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
100
- transform: translate(1.2rem, -50%);
101
- }
102
- .Switch_module_switch-size--sm input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
103
- width: 1.3rem;
104
- }
105
- .Switch_module_switch-size--sm input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
106
- transform: translate(0.9rem, -50%);
107
- width: 1.3rem;
108
- }
109
- .Switch_module_switch-size--md .Switch_module_switch__track {
110
- height: 1.6rem;
111
- width: 3rem;
112
- }
113
- .Switch_module_switch-size--md .Switch_module_switch__track-icon {
114
- height: 1rem;
115
- width: 1rem;
116
- }
117
- .Switch_module_switch-size--md .Switch_module_switch__thumb {
118
- border-radius: 0.6rem;
119
- height: 1.2rem;
120
- left: 0.2rem;
121
- width: 1.2rem;
122
- }
123
- .Switch_module_switch-size--md .Switch_module_switch__thumb-icon {
124
- height: 0.9rem;
125
- width: 0.9rem;
126
- }
127
- .Switch_module_switch-size--md .Switch_module_switch__label {
128
- color: #ffffff;
129
- font-size: 0.875rem;
130
- }
131
- .Switch_module_switch-size--md input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
132
- left: -2rem;
133
- }
134
- .Switch_module_switch-size--md input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
135
- right: 0.3rem;
136
- }
137
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
138
- left: 0.3rem;
139
- }
140
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
141
- right: -2rem;
142
- }
143
- .Switch_module_switch-size--md input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
144
- transform: translate(1.4rem, -50%);
145
- }
146
- .Switch_module_switch-size--md input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
147
- width: 1.5rem;
148
- }
149
- .Switch_module_switch-size--md input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
150
- transform: translate(1.05rem, -50%);
151
- width: 1.5rem;
152
- }
153
- .Switch_module_switch-size--lg .Switch_module_switch__track {
154
- height: 1.8rem;
155
- width: 3.4rem;
156
- }
157
- .Switch_module_switch-size--lg .Switch_module_switch__track-icon {
158
- height: 1rem;
159
- width: 1rem;
160
- }
161
- .Switch_module_switch-size--lg .Switch_module_switch__thumb {
162
- border-radius: 0.7rem;
163
- height: 1.4rem;
164
- left: 0.3rem;
165
- width: 1.4rem;
166
- }
167
- .Switch_module_switch-size--lg .Switch_module_switch__thumb-icon {
168
- height: 1rem;
169
- width: 1rem;
170
- }
171
- .Switch_module_switch-size--lg .Switch_module_switch__label {
172
- color: #ffffff;
173
- font-size: 1rem;
174
- }
175
- .Switch_module_switch-size--lg input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
176
- left: -2rem;
177
- }
178
- .Switch_module_switch-size--lg input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
179
- right: 0.34rem;
180
- }
181
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
182
- left: 0.34rem;
183
- }
184
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
185
- right: -2rem;
186
- }
187
- .Switch_module_switch-size--lg input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
188
- transform: translate(1.45rem, -50%);
189
- }
190
- .Switch_module_switch-size--lg input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
191
- width: 1.8rem;
192
- }
193
- .Switch_module_switch-size--lg input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
194
- transform: translate(1.05rem, -50%);
195
- width: 1.8rem;
196
- }
197
- .Switch_module_switch-size--xlg .Switch_module_switch__track {
198
- height: 2rem;
199
- width: 3.8rem;
200
- }
201
- .Switch_module_switch-size--xlg .Switch_module_switch__track-icon {
202
- height: 1.2rem;
203
- width: 1.2rem;
204
- }
205
- .Switch_module_switch-size--xlg .Switch_module_switch__thumb {
206
- border-radius: 0.8rem;
207
- height: 1.6rem;
208
- left: 0.3rem;
209
- width: 1.6rem;
210
- }
211
- .Switch_module_switch-size--xlg .Switch_module_switch__thumb-icon {
212
- height: 1.2rem;
213
- width: 1.2rem;
214
- }
215
- .Switch_module_switch-size--xlg .Switch_module_switch__label {
216
- color: #ffffff;
217
- font-size: 1.125rem;
218
- }
219
- .Switch_module_switch-size--xlg input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
220
- left: -2rem;
221
- }
222
- .Switch_module_switch-size--xlg input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
223
- right: 0.38rem;
224
- }
225
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
226
- left: 0.38rem;
227
- }
228
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
229
- right: -2rem;
230
- }
231
- .Switch_module_switch-size--xlg input:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
232
- transform: translate(1.6rem, -50%);
233
- }
234
- .Switch_module_switch-size--xlg input:active + .Switch_module_switch__track .Switch_module_switch__thumb {
235
- width: 2rem;
236
- }
237
- .Switch_module_switch-size--xlg input:active:checked + .Switch_module_switch__track .Switch_module_switch__thumb {
238
- transform: translate(1.22rem, -50%);
239
- width: 2rem;
240
- }
241
- .Switch_module_switch-variant--default input:checked + .Switch_module_switch__track {
242
- background-color: #6b7280;
243
- }
244
- .Switch_module_switch-variant--primary input:checked + .Switch_module_switch__track {
245
- background-color: #2563eb;
246
- }
247
- .Switch_module_switch-variant--secondary input:checked + .Switch_module_switch__track {
248
- background-color: #4f46e5;
249
- }
250
- .Switch_module_switch-variant--success input:checked + .Switch_module_switch__track {
251
- background-color: #16a34a;
252
- }
253
- .Switch_module_switch-variant--error input:checked + .Switch_module_switch__track {
254
- background-color: #dc2626;
255
- }
256
- .Switch_module_switch-variant--warning input:checked + .Switch_module_switch__track {
257
- background-color: #d97706;
258
- }
259
- .Switch_module_switch input {
260
- display: none;
261
- }
262
- .Switch_module_switch input + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
263
- opacity: 0;
264
- transform: translate(0, -50%) scale(0.55);
265
- }
266
- .Switch_module_switch input + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
267
- opacity: 1;
268
- transform: translate(0, -50%) scale(1);
269
- }
270
- .Switch_module_switch input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--checked {
271
- opacity: 1;
272
- transform: translate(0, -50%) scale(1);
273
- }
274
- .Switch_module_switch input:checked + .Switch_module_switch__track .Switch_module_switch__track-icon--unchecked {
275
- opacity: 0;
276
- transform: translate(0, -50%) scale(0.55);
277
- }
278
- .Switch_module_switch__track {
279
- position: relative;
280
- background-color: #374151;
281
- border-radius: 999px;
282
- overflow: hidden;
283
- position: relative;
284
- transition: background-color 0.3s ease;
285
- }
286
- .Switch_module_switch__track-icon {
287
- align-items: center;
288
- display: flex;
289
- justify-content: center;
290
- position: absolute;
291
- top: 50%;
292
- transition:
293
- transform 120ms ease-out,
294
- left 200ms ease-out,
295
- right 200ms ease-out,
296
- opacity 100ms ease-out;
297
- z-index: 0;
298
- }
299
- .Switch_module_switch__track-icon svg {
300
- height: 100%;
301
- width: 100%;
302
- }
303
- .Switch_module_switch__thumb {
304
- align-items: center;
305
- background-color: white;
306
- display: flex;
307
- justify-content: center;
308
- position: absolute;
309
- top: 50%;
310
- transform: translate(0, -50%);
311
- transition: all 200ms ease-out;
312
- z-index: 1;
313
- }
314
- .Switch_module_switch__thumb-icon {
315
- align-items: center;
316
- display: flex;
317
- justify-content: center;
318
- }
319
- .Switch_module_switch__thumb-icon svg {
320
- height: 100%;
321
- width: 100%;
322
- }
323
- .Switch_module_switch__label {
324
- color: #ffffff;
325
- }
326
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../components/Switch.module.scss","../../styles/_settings.scss"],"sourcesContent":["@use \"../../styles/settings\" as *;\n\n.switch {\n align-items: center;\n cursor: pointer;\n display: flex;\n gap: 10px;\n max-width: max-content;\n user-select: none;\n position: relative;\n\n &-align-label {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &-size {\n &--xsm {\n .switch {\n &__track {\n height: 1rem;\n width: 1.8rem;\n\n &-icon {\n height: calc(0.8rem - 0.16rem * 2);\n width: calc(0.8rem - 0.16rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(0.8rem / 2);\n height: 0.8rem;\n left: 0.16rem;\n width: 0.8rem;\n\n &-icon {\n height: 0.6rem;\n width: 0.6rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.625rem; // 10px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.18rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.18rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(1.8rem - 0.8rem - 0.16rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(0.8rem / 2 + 0.08rem), -50%);\n width: 1rem;\n }\n }\n }\n }\n\n &--sm {\n .switch {\n &__track {\n height: 1.4rem;\n width: 2.6rem;\n\n &-icon {\n height: calc(1.2rem - 0.2rem * 2);\n width: calc(1.2rem - 0.2rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1rem / 2);\n height: 1rem;\n left: 0.2rem;\n width: 1rem;\n\n &-icon {\n height: 0.8rem;\n width: 0.8rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.75rem; // 12px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.24rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.24rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(2.6rem - 1rem - 0.2rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1.3rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.3rem / 2 + 0.25rem), -50%);\n width: 1.3rem;\n }\n }\n }\n }\n\n &--md {\n .switch {\n &__track {\n height: 1.6rem;\n width: 3rem;\n\n &-icon {\n height: calc(1.4rem - 0.2rem * 2);\n width: calc(1.4rem - 0.2rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.2rem / 2);\n height: 1.2rem;\n left: 0.2rem;\n width: 1.2rem;\n\n &-icon {\n height: 0.9rem;\n width: 0.9rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 0.875rem; // 14px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.3rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.3rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(3rem - 1.2rem - 0.2rem * 2), -50%);\n }\n }\n &:active {\n + .switch__track .switch__thumb {\n width: 1.5rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.5rem / 2 + 0.3rem), -50%);\n width: 1.5rem;\n }\n }\n }\n }\n\n &--lg {\n .switch {\n &__track {\n height: 1.8rem;\n width: 3.4rem;\n\n &-icon {\n height: calc(1.6rem - 0.3rem * 2);\n width: calc(1.6rem - 0.3rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.4rem / 2);\n height: 1.4rem;\n left: 0.3rem;\n width: 1.4rem;\n\n &-icon {\n height: 1rem;\n width: 1rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 1rem; // 16px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.34rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.34rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(\n calc(3.4rem - 1.4rem - 0.3rem * 2 + 0.05rem),\n -50%\n );\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 1.8rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(1.8rem / 2 + 0.2rem - 0.05rem), -50%);\n width: 1.8rem;\n }\n }\n }\n }\n\n &--xlg {\n .switch {\n &__track {\n height: 2rem;\n width: 3.8rem;\n\n &-icon {\n height: calc(1.8rem - 0.3rem * 2);\n width: calc(1.8rem - 0.3rem * 2);\n }\n }\n\n &__thumb {\n border-radius: calc(1.6rem / 2);\n height: 1.6rem;\n left: 0.3rem;\n width: 1.6rem;\n\n &-icon {\n height: 1.2rem;\n width: 1.2rem;\n }\n }\n\n &__label {\n color: $white;\n font-size: 1.125rem; // 18px\n }\n }\n\n input {\n + .switch__track .switch__track-icon {\n &--checked {\n left: -2rem;\n }\n\n &--unchecked {\n right: 0.38rem;\n }\n }\n\n &:checked + .switch__track {\n .switch__track-icon {\n &--checked {\n left: 0.38rem;\n }\n\n &--unchecked {\n right: -2rem;\n }\n }\n\n .switch__thumb {\n transform: translate(calc(3.8rem - 1.6rem - 0.3rem * 2), -50%);\n }\n }\n\n &:active {\n + .switch__track .switch__thumb {\n width: 2rem;\n }\n\n &:checked + .switch__track .switch__thumb {\n transform: translate(calc(2rem / 2 + 0.22rem), -50%);\n width: 2rem;\n }\n }\n }\n }\n }\n\n &-variant--default input:checked + &__track {\n background-color: $grey-500;\n }\n\n &-variant--primary input:checked + &__track {\n background-color: $color-primary;\n }\n\n &-variant--secondary input:checked + &__track {\n background-color: $color-secondary;\n }\n\n &-variant--success input:checked + &__track {\n background-color: $color-success;\n }\n\n &-variant--error input:checked + &__track {\n background-color: $color-error;\n }\n\n &-variant--warning input:checked + &__track {\n background-color: $color-warning;\n }\n\n input {\n display: none;\n\n + .switch__track .switch__track-icon {\n &--checked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n }\n\n &--unchecked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n }\n }\n\n &:checked {\n + .switch__track .switch__track-icon {\n &--checked {\n opacity: 1;\n transform: translate(0, -50%) scale(1);\n }\n\n &--unchecked {\n opacity: 0;\n transform: translate(0, -50%) scale(0.55);\n }\n }\n }\n }\n\n &__track {\n position: relative;\n background-color: $grey-700;\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n transition: background-color 0.3s ease;\n\n &-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transition:\n transform 120ms ease-out,\n left 200ms ease-out,\n right 200ms ease-out,\n opacity 100ms ease-out;\n z-index: 0;\n\n svg {\n height: 100%;\n width: 100%;\n }\n }\n }\n\n &__thumb {\n align-items: center;\n background-color: white;\n display: flex;\n justify-content: center;\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n transition: all 200ms ease-out;\n z-index: 1;\n\n &-icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n svg {\n height: 100%;\n width: 100%;\n }\n }\n }\n\n &__label {\n color: $white;\n }\n}\n","// === Design Tokens — Color Palette ===\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale ===\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale ===\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) ===\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) ===\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) ===\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) ===\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) ===\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) ===\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens ===\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows ===\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families ===\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights ===\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights ===\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens ===\n\n// === Titles ===\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles ===\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text ===\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions ===\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons ===\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations ===\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":["switch","switch-align-label--horizontal","switch-align-label--vertical","switch--disabled","switch-size--xsm","switch__track","switch__track-icon","switch__thumb","switch__thumb-icon","switch__label","switch__track-icon--checked","switch__track-icon--unchecked","switch-size--sm","switch-size--md","switch-size--lg","switch-size--xlg","switch-variant--default","switch-variant--primary","switch-variant--secondary","switch-variant--success","switch-variant--error","switch-variant--warning"]}