@polyxd/ds-bootstrap 0.1.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.
@@ -0,0 +1,608 @@
1
+ {
2
+ "$description": "Values Bootstrap does not define, for the dark theme.",
3
+ "bs": {
4
+ "$type": "color",
5
+ "black": {
6
+ "$value": "#000"
7
+ },
8
+ "blue": {
9
+ "$value": "#0d6efd"
10
+ },
11
+ "body-bg": {
12
+ "$value": "#212529"
13
+ },
14
+ "body-color": {
15
+ "$value": "#dee2e6"
16
+ },
17
+ "border-color": {
18
+ "$value": "#495057"
19
+ },
20
+ "border-color-translucent": {
21
+ "$value": "rgba(255, 255, 255, 0.15)"
22
+ },
23
+ "code-color": {
24
+ "$value": "#e685b5"
25
+ },
26
+ "cyan": {
27
+ "$value": "#0dcaf0"
28
+ },
29
+ "danger": {
30
+ "$value": "#dc3545"
31
+ },
32
+ "danger-bg-subtle": {
33
+ "$value": "#2c0b0e"
34
+ },
35
+ "danger-border-subtle": {
36
+ "$value": "#842029"
37
+ },
38
+ "danger-text-emphasis": {
39
+ "$value": "#ea868f"
40
+ },
41
+ "dark": {
42
+ "$value": "#212529"
43
+ },
44
+ "dark-bg-subtle": {
45
+ "$value": "#1a1d20"
46
+ },
47
+ "dark-border-subtle": {
48
+ "$value": "#343a40"
49
+ },
50
+ "dark-text-emphasis": {
51
+ "$value": "#dee2e6"
52
+ },
53
+ "emphasis-color": {
54
+ "$value": "#fff"
55
+ },
56
+ "focus-ring-color": {
57
+ "$value": "rgba(13, 110, 253, 0.25)"
58
+ },
59
+ "form-invalid-border-color": {
60
+ "$value": "#ea868f"
61
+ },
62
+ "form-invalid-color": {
63
+ "$value": "#ea868f"
64
+ },
65
+ "form-valid-border-color": {
66
+ "$value": "#75b798"
67
+ },
68
+ "form-valid-color": {
69
+ "$value": "#75b798"
70
+ },
71
+ "gray": {
72
+ "$value": "#6c757d"
73
+ },
74
+ "gray-100": {
75
+ "$value": "#f8f9fa"
76
+ },
77
+ "gray-200": {
78
+ "$value": "#e9ecef"
79
+ },
80
+ "gray-300": {
81
+ "$value": "#dee2e6"
82
+ },
83
+ "gray-400": {
84
+ "$value": "#ced4da"
85
+ },
86
+ "gray-500": {
87
+ "$value": "#adb5bd"
88
+ },
89
+ "gray-600": {
90
+ "$value": "#6c757d"
91
+ },
92
+ "gray-700": {
93
+ "$value": "#495057"
94
+ },
95
+ "gray-800": {
96
+ "$value": "#343a40"
97
+ },
98
+ "gray-900": {
99
+ "$value": "#212529"
100
+ },
101
+ "gray-dark": {
102
+ "$value": "#343a40"
103
+ },
104
+ "green": {
105
+ "$value": "#198754"
106
+ },
107
+ "highlight-bg": {
108
+ "$value": "#664d03"
109
+ },
110
+ "highlight-color": {
111
+ "$value": "#dee2e6"
112
+ },
113
+ "indigo": {
114
+ "$value": "#6610f2"
115
+ },
116
+ "info": {
117
+ "$value": "#0dcaf0"
118
+ },
119
+ "info-bg-subtle": {
120
+ "$value": "#032830"
121
+ },
122
+ "info-border-subtle": {
123
+ "$value": "#087990"
124
+ },
125
+ "info-text-emphasis": {
126
+ "$value": "#6edff6"
127
+ },
128
+ "light": {
129
+ "$value": "#f8f9fa"
130
+ },
131
+ "light-bg-subtle": {
132
+ "$value": "#343a40"
133
+ },
134
+ "light-border-subtle": {
135
+ "$value": "#495057"
136
+ },
137
+ "light-text-emphasis": {
138
+ "$value": "#f8f9fa"
139
+ },
140
+ "link-color": {
141
+ "$value": "#6ea8fe"
142
+ },
143
+ "link-hover-color": {
144
+ "$value": "#8bb9fe"
145
+ },
146
+ "orange": {
147
+ "$value": "#fd7e14"
148
+ },
149
+ "pink": {
150
+ "$value": "#d63384"
151
+ },
152
+ "primary": {
153
+ "$value": "#0d6efd"
154
+ },
155
+ "primary-bg-subtle": {
156
+ "$value": "#031633"
157
+ },
158
+ "primary-border-subtle": {
159
+ "$value": "#084298"
160
+ },
161
+ "primary-text-emphasis": {
162
+ "$value": "#6ea8fe"
163
+ },
164
+ "purple": {
165
+ "$value": "#6f42c1"
166
+ },
167
+ "red": {
168
+ "$value": "#dc3545"
169
+ },
170
+ "secondary": {
171
+ "$value": "#6c757d"
172
+ },
173
+ "secondary-bg": {
174
+ "$value": "#343a40"
175
+ },
176
+ "secondary-bg-subtle": {
177
+ "$value": "#161719"
178
+ },
179
+ "secondary-border-subtle": {
180
+ "$value": "#41464b"
181
+ },
182
+ "secondary-color": {
183
+ "$value": "rgba(222, 226, 230, 0.75)"
184
+ },
185
+ "secondary-text-emphasis": {
186
+ "$value": "#a7acb1"
187
+ },
188
+ "success": {
189
+ "$value": "#198754"
190
+ },
191
+ "success-bg-subtle": {
192
+ "$value": "#051b11"
193
+ },
194
+ "success-border-subtle": {
195
+ "$value": "#0f5132"
196
+ },
197
+ "success-text-emphasis": {
198
+ "$value": "#75b798"
199
+ },
200
+ "teal": {
201
+ "$value": "#20c997"
202
+ },
203
+ "tertiary-bg": {
204
+ "$value": "#2b3035"
205
+ },
206
+ "tertiary-color": {
207
+ "$value": "rgba(222, 226, 230, 0.5)"
208
+ },
209
+ "warning": {
210
+ "$value": "#ffc107"
211
+ },
212
+ "warning-bg-subtle": {
213
+ "$value": "#332701"
214
+ },
215
+ "warning-border-subtle": {
216
+ "$value": "#997404"
217
+ },
218
+ "warning-text-emphasis": {
219
+ "$value": "#ffda6a"
220
+ },
221
+ "white": {
222
+ "$value": "#fff"
223
+ },
224
+ "yellow": {
225
+ "$value": "#ffc107"
226
+ },
227
+ "body-font-family": {
228
+ "$value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
229
+ "$type": "fontFamily"
230
+ },
231
+ "body-font-size": {
232
+ "$value": {
233
+ "value": 16,
234
+ "unit": "px"
235
+ },
236
+ "$type": "dimension"
237
+ },
238
+ "body-font-weight": {
239
+ "$value": 400,
240
+ "$type": "number"
241
+ },
242
+ "body-line-height": {
243
+ "$value": 1.5,
244
+ "$type": "number"
245
+ },
246
+ "border-radius": {
247
+ "$value": {
248
+ "value": 6,
249
+ "unit": "px"
250
+ },
251
+ "$type": "dimension"
252
+ },
253
+ "border-radius-2xl": {
254
+ "$value": {
255
+ "value": 32,
256
+ "unit": "px"
257
+ },
258
+ "$type": "dimension"
259
+ },
260
+ "border-radius-lg": {
261
+ "$value": {
262
+ "value": 8,
263
+ "unit": "px"
264
+ },
265
+ "$type": "dimension"
266
+ },
267
+ "border-radius-pill": {
268
+ "$value": {
269
+ "value": 800,
270
+ "unit": "px"
271
+ },
272
+ "$type": "dimension"
273
+ },
274
+ "border-radius-sm": {
275
+ "$value": {
276
+ "value": 4,
277
+ "unit": "px"
278
+ },
279
+ "$type": "dimension"
280
+ },
281
+ "border-radius-xl": {
282
+ "$value": {
283
+ "value": 16,
284
+ "unit": "px"
285
+ },
286
+ "$type": "dimension"
287
+ },
288
+ "border-radius-xxl": {
289
+ "$value": {
290
+ "value": 32,
291
+ "unit": "px"
292
+ },
293
+ "$type": "dimension"
294
+ },
295
+ "border-width": {
296
+ "$value": {
297
+ "value": 1,
298
+ "unit": "px"
299
+ },
300
+ "$type": "dimension"
301
+ },
302
+ "box-shadow": {
303
+ "$value": [
304
+ {
305
+ "offsetX": {
306
+ "value": 0,
307
+ "unit": "px"
308
+ },
309
+ "offsetY": {
310
+ "value": 8,
311
+ "unit": "px"
312
+ },
313
+ "blur": {
314
+ "value": 16,
315
+ "unit": "px"
316
+ },
317
+ "spread": {
318
+ "value": 0,
319
+ "unit": "px"
320
+ },
321
+ "color": "rgba(0, 0, 0, 0.15)"
322
+ }
323
+ ],
324
+ "$type": "shadow"
325
+ },
326
+ "box-shadow-inset": {
327
+ "$value": [
328
+ {
329
+ "offsetX": {
330
+ "value": 0,
331
+ "unit": "px"
332
+ },
333
+ "offsetY": {
334
+ "value": 1,
335
+ "unit": "px"
336
+ },
337
+ "blur": {
338
+ "value": 2,
339
+ "unit": "px"
340
+ },
341
+ "spread": {
342
+ "value": 0,
343
+ "unit": "px"
344
+ },
345
+ "color": "rgba(0, 0, 0, 0.075)",
346
+ "inset": true
347
+ }
348
+ ],
349
+ "$type": "shadow"
350
+ },
351
+ "box-shadow-lg": {
352
+ "$value": [
353
+ {
354
+ "offsetX": {
355
+ "value": 0,
356
+ "unit": "px"
357
+ },
358
+ "offsetY": {
359
+ "value": 16,
360
+ "unit": "px"
361
+ },
362
+ "blur": {
363
+ "value": 48,
364
+ "unit": "px"
365
+ },
366
+ "spread": {
367
+ "value": 0,
368
+ "unit": "px"
369
+ },
370
+ "color": "rgba(0, 0, 0, 0.175)"
371
+ }
372
+ ],
373
+ "$type": "shadow"
374
+ },
375
+ "box-shadow-sm": {
376
+ "$value": [
377
+ {
378
+ "offsetX": {
379
+ "value": 0,
380
+ "unit": "px"
381
+ },
382
+ "offsetY": {
383
+ "value": 2,
384
+ "unit": "px"
385
+ },
386
+ "blur": {
387
+ "value": 4,
388
+ "unit": "px"
389
+ },
390
+ "spread": {
391
+ "value": 0,
392
+ "unit": "px"
393
+ },
394
+ "color": "rgba(0, 0, 0, 0.075)"
395
+ }
396
+ ],
397
+ "$type": "shadow"
398
+ },
399
+ "focus-ring-opacity": {
400
+ "$value": 0.25,
401
+ "$type": "number"
402
+ },
403
+ "focus-ring-width": {
404
+ "$value": {
405
+ "value": 4,
406
+ "unit": "px"
407
+ },
408
+ "$type": "dimension"
409
+ },
410
+ "font-monospace": {
411
+ "$value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
412
+ "$type": "fontFamily"
413
+ },
414
+ "font-sans-serif": {
415
+ "$value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
416
+ "$type": "fontFamily"
417
+ }
418
+ },
419
+ "polyxd": {
420
+ "sys": {
421
+ "$type": "color",
422
+ "data-1": {
423
+ "$value": "{bs.primary-text-emphasis}"
424
+ },
425
+ "data-2": {
426
+ "$value": "{bs.success-text-emphasis}"
427
+ },
428
+ "data-3": {
429
+ "$value": "{bs.danger-text-emphasis}"
430
+ },
431
+ "data-4": {
432
+ "$value": "{bs.warning-text-emphasis}"
433
+ },
434
+ "data-5": {
435
+ "$value": "{bs.info-text-emphasis}"
436
+ },
437
+ "data-6": {
438
+ "$value": "{bs.secondary-text-emphasis}"
439
+ },
440
+ "data-positive": {
441
+ "$value": "{bs.success-text-emphasis}"
442
+ },
443
+ "data-negative": {
444
+ "$value": "{bs.danger-text-emphasis}"
445
+ },
446
+ "data-neutral": {
447
+ "$value": "{bs.gray-500}"
448
+ },
449
+ "state": {
450
+ "$type": "number",
451
+ "hover": {
452
+ "$value": 0.08,
453
+ "$description": "Bootstrap shades hover with separate colour variables; Polyxd needs a state-layer opacity"
454
+ },
455
+ "pressed": {
456
+ "$value": 0.12
457
+ },
458
+ "focus": {
459
+ "$value": "{bs.focus-ring-opacity}"
460
+ },
461
+ "disabled": {
462
+ "$value": 0.6,
463
+ "$description": "Bootstrap's .disabled is 0.65; the contract caps it at 0.6 so disabled content stays perceivable"
464
+ }
465
+ },
466
+ "target": {
467
+ "$type": "dimension",
468
+ "min": {
469
+ "$value": {
470
+ "value": 44,
471
+ "unit": "px"
472
+ },
473
+ "$description": "Bootstrap's default button is 38px; 44px is the touch target a generated surface is held to"
474
+ }
475
+ },
476
+ "icon": {
477
+ "$type": "dimension",
478
+ "small": {
479
+ "$value": {
480
+ "value": 16,
481
+ "unit": "px"
482
+ }
483
+ },
484
+ "default": {
485
+ "$value": {
486
+ "value": 20,
487
+ "unit": "px"
488
+ }
489
+ }
490
+ },
491
+ "space": {
492
+ "1": {
493
+ "$value": {
494
+ "value": 4,
495
+ "unit": "px"
496
+ }
497
+ },
498
+ "2": {
499
+ "$value": {
500
+ "value": 8,
501
+ "unit": "px"
502
+ }
503
+ },
504
+ "3": {
505
+ "$value": {
506
+ "value": 16,
507
+ "unit": "px"
508
+ }
509
+ },
510
+ "4": {
511
+ "$value": {
512
+ "value": 24,
513
+ "unit": "px"
514
+ }
515
+ },
516
+ "5": {
517
+ "$value": {
518
+ "value": 48,
519
+ "unit": "px"
520
+ }
521
+ },
522
+ "$type": "dimension"
523
+ },
524
+ "type": {
525
+ "$type": "dimension",
526
+ "h1": {
527
+ "$value": {
528
+ "value": 40,
529
+ "unit": "px"
530
+ }
531
+ },
532
+ "h4": {
533
+ "$value": {
534
+ "value": 24,
535
+ "unit": "px"
536
+ }
537
+ },
538
+ "h5": {
539
+ "$value": {
540
+ "value": 20,
541
+ "unit": "px"
542
+ }
543
+ },
544
+ "small": {
545
+ "$value": {
546
+ "value": 14,
547
+ "unit": "px"
548
+ }
549
+ }
550
+ },
551
+ "motion": {
552
+ "$type": "duration",
553
+ "instant": {
554
+ "$value": {
555
+ "value": 100,
556
+ "unit": "ms"
557
+ }
558
+ },
559
+ "short": {
560
+ "$value": {
561
+ "value": 150,
562
+ "unit": "ms"
563
+ }
564
+ },
565
+ "medium": {
566
+ "$value": {
567
+ "value": 200,
568
+ "unit": "ms"
569
+ }
570
+ },
571
+ "long": {
572
+ "$value": {
573
+ "value": 300,
574
+ "unit": "ms"
575
+ }
576
+ }
577
+ },
578
+ "easing": {
579
+ "$type": "cubicBezier",
580
+ "standard": {
581
+ "$value": [
582
+ 0.25,
583
+ 0.1,
584
+ 0.25,
585
+ 1
586
+ ],
587
+ "$description": "Bootstrap's default transition-timing-function is ease"
588
+ },
589
+ "enter": {
590
+ "$value": [
591
+ 0,
592
+ 0,
593
+ 0.2,
594
+ 1
595
+ ]
596
+ },
597
+ "exit": {
598
+ "$value": [
599
+ 0.4,
600
+ 0,
601
+ 1,
602
+ 1
603
+ ]
604
+ }
605
+ }
606
+ }
607
+ }
608
+ }