@actabldesign/bellhop-styles 0.0.3 → 0.0.4

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 (73) hide show
  1. package/README.md +3 -3
  2. package/dist/index.css +1505 -0
  3. package/llms.txt +206 -0
  4. package/package.json +27 -23
  5. package/project.json +29 -0
  6. package/rollup.config.js +29 -0
  7. package/{base → src/base}/normalize.css +4 -0
  8. package/src/index.css +22 -0
  9. package/src/tokens/bellhop-animations.css +392 -0
  10. package/src/tokens/bellhop-global.css +175 -0
  11. package/src/tokens/bellhop-icons.css +77 -0
  12. package/src/tokens/bellhop-layout.css +216 -0
  13. package/src/tokens/bellhop-primary-colors.css +96 -0
  14. package/src/tokens/bellhop-radius.css +14 -0
  15. package/src/tokens/bellhop-secondary-colors.css +154 -0
  16. package/src/tokens/bellhop-shadows.css +55 -0
  17. package/src/tokens/bellhop-spacing.css +66 -0
  18. package/src/tokens/bellhop-styles.css +174 -0
  19. package/src/tokens/bellhop-typography.css +112 -0
  20. package/src/tokens/colors.json +737 -0
  21. package/src/tokens/colors.mdx +59 -0
  22. package/src/tokens/index.css +17 -0
  23. package/components/appbar.css +0 -167
  24. package/components/autocomplete-menu.css +0 -142
  25. package/components/avatar-add.css +0 -112
  26. package/components/avatar.css +0 -253
  27. package/components/badge-dot.css +0 -78
  28. package/components/badge.css +0 -337
  29. package/components/bar-chart-card.css +0 -261
  30. package/components/bar-chart.css +0 -149
  31. package/components/breadcrumbs.css +0 -136
  32. package/components/button.css +0 -266
  33. package/components/chart-tooltip.css +0 -96
  34. package/components/checkbox-label.css +0 -53
  35. package/components/checkbox.css +0 -127
  36. package/components/container-footer.css +0 -22
  37. package/components/container.css +0 -17
  38. package/components/date-picker-content.css +0 -337
  39. package/components/date-picker.css +0 -103
  40. package/components/date-range-picker-content.css +0 -85
  41. package/components/date-range-picker.css +0 -72
  42. package/components/dropdown-menu.css +0 -204
  43. package/components/dropdown.css +0 -126
  44. package/components/empty-state.css +0 -83
  45. package/components/featured-icon.css +0 -194
  46. package/components/illustrations.css +0 -120
  47. package/components/input-autocomplete.css +0 -158
  48. package/components/input-number.css +0 -2
  49. package/components/input-verification.css +0 -137
  50. package/components/input.css +0 -374
  51. package/components/loader-spinner.css +0 -421
  52. package/components/logo-box.css +0 -85
  53. package/components/month-picker-content.css +0 -190
  54. package/components/month-picker.css +0 -83
  55. package/components/nav-item.css +0 -110
  56. package/components/notification.css +0 -262
  57. package/components/page-navigation.css +0 -294
  58. package/components/picker-menu.css +0 -43
  59. package/components/pie-chart-card.css +0 -213
  60. package/components/pie-chart.css +0 -80
  61. package/components/product-switcher.css +0 -127
  62. package/components/property-switcher.css +0 -95
  63. package/components/radio-button-label.css +0 -53
  64. package/components/radio-button.css +0 -134
  65. package/components/sidebar.css +0 -178
  66. package/components/skeleton-loader.css +0 -47
  67. package/components/tag.css +0 -214
  68. package/components/textarea.css +0 -211
  69. package/components/toggle.css +0 -298
  70. package/components/tooltip.css +0 -85
  71. package/components/trend-chart-card.css +0 -189
  72. package/components/trend-chart.css +0 -94
  73. package/index.css +0 -8115
package/src/tokens/colors.json ADDED
@@ -0,0 +1,737 @@
1
+ {
2
+ "colors": {
3
+ "base": {
4
+ "white": {
5
+ "value": "#ffffff"
6
+ },
7
+ "black": {
8
+ "value": "#000000"
9
+ },
10
+ "transparent": {
11
+ "value": "rgba(255, 255, 255, 0.0000)"
12
+ }
13
+ },
14
+ "indigo": {
15
+ "25": {
16
+ "value": "#f5f8fe"
17
+ },
18
+ "50": {
19
+ "value": "#f1f5fe"
20
+ },
21
+ "100": {
22
+ "value": "#e1eafe"
23
+ },
24
+ "200": {
25
+ "value": "#bacefc"
26
+ },
27
+ "300": {
28
+ "value": "#8daafc"
29
+ },
30
+ "400": {
31
+ "value": "#7498fb"
32
+ },
33
+ "500": {
34
+ "value": "#5068dd"
35
+ },
36
+ "600": {
37
+ "value": "#2642cf"
38
+ },
39
+ "700": {
40
+ "value": "#1930a9"
41
+ },
42
+ "800": {
43
+ "value": "#1b2192"
44
+ },
45
+ "900": {
46
+ "value": "#161b79"
47
+ },
48
+ "950": {
49
+ "value": "#141752"
50
+ }
51
+ },
52
+ "gray": {
53
+ "25": {
54
+ "value": "#fcfcfd"
55
+ },
56
+ "50": {
57
+ "value": "#f9f9fb"
58
+ },
59
+ "100": {
60
+ "value": "#eff1f5"
61
+ },
62
+ "200": {
63
+ "value": "#dcdfea"
64
+ },
65
+ "300": {
66
+ "value": "#b9c0d4"
67
+ },
68
+ "400": {
69
+ "value": "#7d89b0"
70
+ },
71
+ "500": {
72
+ "value": "#5d6b98"
73
+ },
74
+ "600": {
75
+ "value": "#4a5578"
76
+ },
77
+ "700": {
78
+ "value": "#404968"
79
+ },
80
+ "800": {
81
+ "value": "#30374f"
82
+ },
83
+ "900": {
84
+ "value": "#111322"
85
+ },
86
+ "950": {
87
+ "value": "#0e101b"
88
+ }
89
+ },
90
+ "neutral": {
91
+ "25": {
92
+ "value": "{colors.gray.25}"
93
+ },
94
+ "50": {
95
+ "value": "{colors.gray.50}"
96
+ },
97
+ "100": {
98
+ "value": "{colors.gray.100}"
99
+ },
100
+ "200": {
101
+ "value": "{colors.gray.200}"
102
+ },
103
+ "300": {
104
+ "value": "{colors.gray.300}"
105
+ },
106
+ "400": {
107
+ "value": "{colors.gray.400}"
108
+ },
109
+ "500": {
110
+ "value": "{colors.gray.500}"
111
+ },
112
+ "600": {
113
+ "value": "{colors.gray.600}"
114
+ },
115
+ "700": {
116
+ "value": "{colors.gray.700}"
117
+ },
118
+ "800": {
119
+ "value": "{colors.gray.800}"
120
+ },
121
+ "900": {
122
+ "value": "{colors.gray.900}"
123
+ },
124
+ "950": {
125
+ "value": "{colors.gray.950}"
126
+ }
127
+ },
128
+ "brand": {
129
+ "25": {
130
+ "value": "{colors.indigo.25}"
131
+ },
132
+ "50": {
133
+ "value": "{colors.indigo.50}"
134
+ },
135
+ "100": {
136
+ "value": "{colors.indigo.100}"
137
+ },
138
+ "200": {
139
+ "value": "{colors.indigo.200}"
140
+ },
141
+ "300": {
142
+ "value": "{colors.indigo.300}"
143
+ },
144
+ "400": {
145
+ "value": "{colors.indigo.400}"
146
+ },
147
+ "500": {
148
+ "value": "{colors.indigo.500}"
149
+ },
150
+ "600": {
151
+ "value": "{colors.indigo.600}"
152
+ },
153
+ "700": {
154
+ "value": "{colors.indigo.700}"
155
+ },
156
+ "800": {
157
+ "value": "{colors.indigo.800}"
158
+ },
159
+ "900": {
160
+ "value": "{colors.indigo.900}"
161
+ },
162
+ "950": {
163
+ "value": "{colors.indigo.950}"
164
+ }
165
+ },
166
+ "accent": {
167
+ "25": {
168
+ "value": "{colors.guava.25}"
169
+ },
170
+ "50": {
171
+ "value": "{colors.guava.50}"
172
+ },
173
+ "100": {
174
+ "value": "{colors.guava.100}"
175
+ },
176
+ "200": {
177
+ "value": "{colors.guava.200}"
178
+ },
179
+ "300": {
180
+ "value": "{colors.guava.300}"
181
+ },
182
+ "400": {
183
+ "value": "{colors.guava.400}"
184
+ },
185
+ "500": {
186
+ "value": "{colors.guava.500}"
187
+ },
188
+ "600": {
189
+ "value": "{colors.guava.600}"
190
+ },
191
+ "700": {
192
+ "value": "{colors.guava.700}"
193
+ },
194
+ "800": {
195
+ "value": "{colors.guava.800}"
196
+ },
197
+ "900": {
198
+ "value": "{colors.guava.900}"
199
+ },
200
+ "950": {
201
+ "value": "{colors.guava.950}"
202
+ }
203
+ },
204
+ "error": {
205
+ "25": {
206
+ "value": "#fffbfa"
207
+ },
208
+ "50": {
209
+ "value": "#feefeb"
210
+ },
211
+ "100": {
212
+ "value": "#fce3e3"
213
+ },
214
+ "200": {
215
+ "value": "#fbd0d0"
216
+ },
217
+ "300": {
218
+ "value": "#f7abab"
219
+ },
220
+ "400": {
221
+ "value": "#f87272"
222
+ },
223
+ "500": {
224
+ "value": "#f05250"
225
+ },
226
+ "600": {
227
+ "value": "#d6341f"
228
+ },
229
+ "700": {
230
+ "value": "#bf2b18"
231
+ },
232
+ "800": {
233
+ "value": "#992424"
234
+ },
235
+ "900": {
236
+ "value": "#701e19"
237
+ },
238
+ "950": {
239
+ "value": "#55160c"
240
+ }
241
+ },
242
+ "warning": {
243
+ "25": {
244
+ "value": "#fffcf5"
245
+ },
246
+ "50": {
247
+ "value": "#fffaeb"
248
+ },
249
+ "100": {
250
+ "value": "#fef0c7"
251
+ },
252
+ "200": {
253
+ "value": "#fedf89"
254
+ },
255
+ "300": {
256
+ "value": "#fec84b"
257
+ },
258
+ "400": {
259
+ "value": "#fdb022"
260
+ },
261
+ "500": {
262
+ "value": "#f79009"
263
+ },
264
+ "600": {
265
+ "value": "#dc6803"
266
+ },
267
+ "700": {
268
+ "value": "#b54708"
269
+ },
270
+ "800": {
271
+ "value": "#93370d"
272
+ },
273
+ "900": {
274
+ "value": "#7a2e0e"
275
+ },
276
+ "950": {
277
+ "value": "#4e1d09"
278
+ }
279
+ },
280
+ "success": {
281
+ "25": {
282
+ "value": "#f6fef9"
283
+ },
284
+ "50": {
285
+ "value": "#ecfdf3"
286
+ },
287
+ "100": {
288
+ "value": "#dcfae6"
289
+ },
290
+ "200": {
291
+ "value": "#abefc6"
292
+ },
293
+ "300": {
294
+ "value": "#75e0a7"
295
+ },
296
+ "400": {
297
+ "value": "#47cd89"
298
+ },
299
+ "500": {
300
+ "value": "#17b26a"
301
+ },
302
+ "600": {
303
+ "value": "#079455"
304
+ },
305
+ "700": {
306
+ "value": "#067647"
307
+ },
308
+ "800": {
309
+ "value": "#085d3a"
310
+ },
311
+ "900": {
312
+ "value": "#074d31"
313
+ },
314
+ "950": {
315
+ "value": "#053321"
316
+ }
317
+ },
318
+ "guava": {
319
+ "25": {
320
+ "value": "{colors.error.25}"
321
+ },
322
+ "50": {
323
+ "value": "{colors.error.50}"
324
+ },
325
+ "100": {
326
+ "value": "{colors.rose.100}"
327
+ },
328
+ "200": {
329
+ "value": "{colors.rose.200}"
330
+ },
331
+ "300": {
332
+ "value": "{colors.rose.300}"
333
+ },
334
+ "400": {
335
+ "value": "{colors.rose.400}"
336
+ },
337
+ "500": {
338
+ "value": "{colors.rose.500}"
339
+ },
340
+ "600": {
341
+ "value": "{colors.rose.600}"
342
+ },
343
+ "700": {
344
+ "value": "{colors.rose.700}"
345
+ },
346
+ "800": {
347
+ "value": "{colors.rose.800}"
348
+ },
349
+ "900": {
350
+ "value": "{colors.rose.900}"
351
+ },
352
+ "950": {
353
+ "value": "{colors.rose.950}"
354
+ }
355
+ },
356
+ "lime": {
357
+ "25": {
358
+ "value": "#fafdf7"
359
+ },
360
+ "50": {
361
+ "value": "#f5fbee"
362
+ },
363
+ "100": {
364
+ "value": "#e6f4d7"
365
+ },
366
+ "200": {
367
+ "value": "#ceeab0"
368
+ },
369
+ "300": {
370
+ "value": "#acdc79"
371
+ },
372
+ "400": {
373
+ "value": "#86c93e"
374
+ },
375
+ "500": {
376
+ "value": "#669f2a"
377
+ },
378
+ "600": {
379
+ "value": "#4f7a21"
380
+ },
381
+ "700": {
382
+ "value": "#3f621a"
383
+ },
384
+ "800": {
385
+ "value": "#335015"
386
+ },
387
+ "900": {
388
+ "value": "#2b4212"
389
+ },
390
+ "950": {
391
+ "value": "#1a280b"
392
+ }
393
+ },
394
+ "teal": {
395
+ "25": {
396
+ "value": "#f6fefc"
397
+ },
398
+ "50": {
399
+ "value": "#f0fdf9"
400
+ },
401
+ "100": {
402
+ "value": "#ccfbef"
403
+ },
404
+ "200": {
405
+ "value": "#99f6e0"
406
+ },
407
+ "300": {
408
+ "value": "#5fe9d0"
409
+ },
410
+ "400": {
411
+ "value": "#2ed3b7"
412
+ },
413
+ "500": {
414
+ "value": "#15b79e"
415
+ },
416
+ "600": {
417
+ "value": "#0e9384"
418
+ },
419
+ "700": {
420
+ "value": "#107569"
421
+ },
422
+ "800": {
423
+ "value": "#125d56"
424
+ },
425
+ "900": {
426
+ "value": "#134e48"
427
+ },
428
+ "950": {
429
+ "value": "#0a2926"
430
+ }
431
+ },
432
+ "blue": {
433
+ "25": {
434
+ "value": "#f5faff"
435
+ },
436
+ "50": {
437
+ "value": "#eff8ff"
438
+ },
439
+ "100": {
440
+ "value": "#d1e9ff"
441
+ },
442
+ "200": {
443
+ "value": "#b2ddff"
444
+ },
445
+ "300": {
446
+ "value": "#84caff"
447
+ },
448
+ "400": {
449
+ "value": "#53b1fd"
450
+ },
451
+ "500": {
452
+ "value": "#2e90fa"
453
+ },
454
+ "600": {
455
+ "value": "#1570ef"
456
+ },
457
+ "700": {
458
+ "value": "#175cd3"
459
+ },
460
+ "800": {
461
+ "value": "#1849a9"
462
+ },
463
+ "900": {
464
+ "value": "#194185"
465
+ },
466
+ "950": {
467
+ "value": "#102a56"
468
+ }
469
+ },
470
+ "violet": {
471
+ "25": {
472
+ "value": "#fbfaff"
473
+ },
474
+ "50": {
475
+ "value": "#f5f3ff"
476
+ },
477
+ "100": {
478
+ "value": "#ece9fe"
479
+ },
480
+ "200": {
481
+ "value": "#ddd6fe"
482
+ },
483
+ "300": {
484
+ "value": "#c3b5fd"
485
+ },
486
+ "400": {
487
+ "value": "#a48afb"
488
+ },
489
+ "500": {
490
+ "value": "#875bf7"
491
+ },
492
+ "600": {
493
+ "value": "#7839ee"
494
+ },
495
+ "700": {
496
+ "value": "#6927da"
497
+ },
498
+ "800": {
499
+ "value": "#5720b7"
500
+ },
501
+ "900": {
502
+ "value": "#491c96"
503
+ },
504
+ "950": {
505
+ "value": "#2e125e"
506
+ }
507
+ },
508
+ "purple": {
509
+ "25": {
510
+ "value": "#fafaff"
511
+ },
512
+ "50": {
513
+ "value": "#f4f3ff"
514
+ },
515
+ "100": {
516
+ "value": "#ebe9fe"
517
+ },
518
+ "200": {
519
+ "value": "#d9d6fe"
520
+ },
521
+ "300": {
522
+ "value": "#bdb4fe"
523
+ },
524
+ "400": {
525
+ "value": "#a28afb"
526
+ },
527
+ "500": {
528
+ "value": "#875af8"
529
+ },
530
+ "600": {
531
+ "value": "#8438ef"
532
+ },
533
+ "700": {
534
+ "value": "#7125dc"
535
+ },
536
+ "800": {
537
+ "value": "#5f1fb8"
538
+ },
539
+ "900": {
540
+ "value": "#4f1c96"
541
+ },
542
+ "950": {
543
+ "value": "#32115f"
544
+ }
545
+ },
546
+ "lavender": {
547
+ "25": {
548
+ "value": "#f8f2f8"
549
+ },
550
+ "50": {
551
+ "value": "#f4ebf4"
552
+ },
553
+ "100": {
554
+ "value": "#ebdbeb"
555
+ },
556
+ "200": {
557
+ "value": "#dbbddb"
558
+ },
559
+ "300": {
560
+ "value": "#cfa5ce"
561
+ },
562
+ "400": {
563
+ "value": "#bb81ba"
564
+ },
565
+ "500": {
566
+ "value": "#a05da8"
567
+ },
568
+ "600": {
569
+ "value": "#8e4b9b"
570
+ },
571
+ "700": {
572
+ "value": "#7d368c"
573
+ },
574
+ "800": {
575
+ "value": "#6c3177"
576
+ },
577
+ "900": {
578
+ "value": "#56255f"
579
+ },
580
+ "950": {
581
+ "value": "#3d1745"
582
+ }
583
+ },
584
+ "pink": {
585
+ "25": {
586
+ "value": "#fef6fb"
587
+ },
588
+ "50": {
589
+ "value": "#fdf2f8"
590
+ },
591
+ "100": {
592
+ "value": "#fbdfef"
593
+ },
594
+ "200": {
595
+ "value": "#f9c8e4"
596
+ },
597
+ "300": {
598
+ "value": "#f6a2d0"
599
+ },
600
+ "400": {
601
+ "value": "#f17eb8"
602
+ },
603
+ "500": {
604
+ "value": "#e14c94"
605
+ },
606
+ "600": {
607
+ "value": "#c92273"
608
+ },
609
+ "700": {
610
+ "value": "#b71f69"
611
+ },
612
+ "800": {
613
+ "value": "#a11b5c"
614
+ },
615
+ "900": {
616
+ "value": "#6d123e"
617
+ },
618
+ "950": {
619
+ "value": "#4b0c2a"
620
+ }
621
+ },
622
+ "orange": {
623
+ "25": {
624
+ "value": "#fefaf5"
625
+ },
626
+ "50": {
627
+ "value": "#fef6ee"
628
+ },
629
+ "100": {
630
+ "value": "#fdead7"
631
+ },
632
+ "200": {
633
+ "value": "#f9dbaf"
634
+ },
635
+ "300": {
636
+ "value": "#f7b27a"
637
+ },
638
+ "400": {
639
+ "value": "#f38744"
640
+ },
641
+ "500": {
642
+ "value": "#ef6820"
643
+ },
644
+ "600": {
645
+ "value": "#e04f16"
646
+ },
647
+ "700": {
648
+ "value": "#b93815"
649
+ },
650
+ "800": {
651
+ "value": "#932f19"
652
+ },
653
+ "900": {
654
+ "value": "#772917"
655
+ },
656
+ "950": {
657
+ "value": "#511c10"
658
+ }
659
+ },
660
+ "yellow": {
661
+ "25": {
662
+ "value": "#fefdf0"
663
+ },
664
+ "50": {
665
+ "value": "#fefbe8"
666
+ },
667
+ "100": {
668
+ "value": "#fef7c3"
669
+ },
670
+ "200": {
671
+ "value": "#feee95"
672
+ },
673
+ "300": {
674
+ "value": "#fde272"
675
+ },
676
+ "400": {
677
+ "value": "#fac515"
678
+ },
679
+ "500": {
680
+ "value": "#eaaa08"
681
+ },
682
+ "600": {
683
+ "value": "#ca8504"
684
+ },
685
+ "700": {
686
+ "value": "#a15c07"
687
+ },
688
+ "800": {
689
+ "value": "#854a0e"
690
+ },
691
+ "900": {
692
+ "value": "#713b12"
693
+ },
694
+ "950": {
695
+ "value": "#542c0d"
696
+ }
697
+ },
698
+ "rose": {
699
+ "25": {
700
+ "value": "#fcf4f3"
701
+ },
702
+ "50": {
703
+ "value": "#fbf0ee"
704
+ },
705
+ "100": {
706
+ "value": "#f5dcdb"
707
+ },
708
+ "200": {
709
+ "value": "#efc3c2"
710
+ },
711
+ "300": {
712
+ "value": "#e9aaae"
713
+ },
714
+ "400": {
715
+ "value": "#e38c91"
716
+ },
717
+ "500": {
718
+ "value": "#e26e76"
719
+ },
720
+ "600": {
721
+ "value": "#d25664"
722
+ },
723
+ "700": {
724
+ "value": "#c34151"
725
+ },
726
+ "800": {
727
+ "value": "#a52c40"
728
+ },
729
+ "900": {
730
+ "value": "#6f1f2d"
731
+ },
732
+ "950": {
733
+ "value": "#500c17"
734
+ }
735
+ }
736
+ }
737
+ }