@lmfaole/basics 0.4.0 → 0.5.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 (68) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +78 -499
  3. package/basic-components/basic-accordion/README.md +53 -0
  4. package/{components → basic-components}/basic-accordion/index.js +59 -37
  5. package/basic-components/basic-alert/README.md +48 -0
  6. package/basic-components/basic-carousel/README.md +108 -0
  7. package/basic-components/basic-carousel/index.d.ts +73 -0
  8. package/basic-components/basic-carousel/index.js +255 -0
  9. package/basic-components/basic-carousel/register.js +3 -0
  10. package/basic-components/basic-dialog/README.md +57 -0
  11. package/basic-components/basic-popover/README.md +56 -0
  12. package/basic-components/basic-summary-table/README.md +93 -0
  13. package/basic-components/basic-table/README.md +89 -0
  14. package/basic-components/basic-tabs/README.md +63 -0
  15. package/basic-components/basic-toast/README.md +62 -0
  16. package/{components → basic-components}/basic-toast/index.d.ts +3 -0
  17. package/{components → basic-components}/basic-toast/index.js +264 -3
  18. package/basic-components/basic-toc/README.md +43 -0
  19. package/basic-components/basic-toc/register.d.ts +1 -0
  20. package/basic-styling/components/basic-accordion.css +38 -4
  21. package/basic-styling/components/basic-carousel.css +183 -0
  22. package/basic-styling/components/basic-popover.css +2 -4
  23. package/basic-styling/components/basic-summary-table.css +27 -5
  24. package/basic-styling/components/basic-table.css +22 -4
  25. package/basic-styling/components/basic-tabs.css +26 -10
  26. package/basic-styling/components.css +2 -0
  27. package/basic-styling/forms.css +55 -0
  28. package/basic-styling/global.css +1 -0
  29. package/basic-styling/interaction.css +90 -0
  30. package/basic-styling/tokens/palette.css +112 -0
  31. package/basic-styling/tokens/palette.tokens.json +768 -0
  32. package/index.d.ts +10 -9
  33. package/index.js +10 -9
  34. package/package.json +49 -29
  35. package/readme.mdx +0 -6
  36. /package/{components → basic-components}/basic-accordion/index.d.ts +0 -0
  37. /package/{components → basic-components}/basic-accordion/register.d.ts +0 -0
  38. /package/{components → basic-components}/basic-accordion/register.js +0 -0
  39. /package/{components → basic-components}/basic-alert/index.d.ts +0 -0
  40. /package/{components → basic-components}/basic-alert/index.js +0 -0
  41. /package/{components → basic-components}/basic-alert/register.d.ts +0 -0
  42. /package/{components → basic-components}/basic-alert/register.js +0 -0
  43. /package/{components/basic-dialog → basic-components/basic-carousel}/register.d.ts +0 -0
  44. /package/{components → basic-components}/basic-dialog/index.d.ts +0 -0
  45. /package/{components → basic-components}/basic-dialog/index.js +0 -0
  46. /package/{components/basic-popover → basic-components/basic-dialog}/register.d.ts +0 -0
  47. /package/{components → basic-components}/basic-dialog/register.js +0 -0
  48. /package/{components → basic-components}/basic-popover/index.d.ts +0 -0
  49. /package/{components → basic-components}/basic-popover/index.js +0 -0
  50. /package/{components/basic-summary-table → basic-components/basic-popover}/register.d.ts +0 -0
  51. /package/{components → basic-components}/basic-popover/register.js +0 -0
  52. /package/{components → basic-components}/basic-summary-table/index.d.ts +0 -0
  53. /package/{components → basic-components}/basic-summary-table/index.js +0 -0
  54. /package/{components/basic-table → basic-components/basic-summary-table}/register.d.ts +0 -0
  55. /package/{components → basic-components}/basic-summary-table/register.js +0 -0
  56. /package/{components → basic-components}/basic-table/index.d.ts +0 -0
  57. /package/{components → basic-components}/basic-table/index.js +0 -0
  58. /package/{components/basic-tabs → basic-components/basic-table}/register.d.ts +0 -0
  59. /package/{components → basic-components}/basic-table/register.js +0 -0
  60. /package/{components → basic-components}/basic-tabs/index.d.ts +0 -0
  61. /package/{components → basic-components}/basic-tabs/index.js +0 -0
  62. /package/{components/basic-toast → basic-components/basic-tabs}/register.d.ts +0 -0
  63. /package/{components → basic-components}/basic-tabs/register.js +0 -0
  64. /package/{components/basic-toc → basic-components/basic-toast}/register.d.ts +0 -0
  65. /package/{components → basic-components}/basic-toast/register.js +0 -0
  66. /package/{components → basic-components}/basic-toc/index.d.ts +0 -0
  67. /package/{components → basic-components}/basic-toc/index.js +0 -0
  68. /package/{components → basic-components}/basic-toc/register.js +0 -0
@@ -153,6 +153,102 @@
153
153
  "$description": "slate computed muted surface color for dark mode."
154
154
  }
155
155
  },
156
+ "surface-hover": {
157
+ "light": {
158
+ "$value": {
159
+ "colorSpace": "oklch",
160
+ "components": [
161
+ 93.32,
162
+ 0.03292,
163
+ 255.946
164
+ ]
165
+ },
166
+ "$description": "slate computed hover surface color for light mode."
167
+ },
168
+ "dark": {
169
+ "$value": {
170
+ "colorSpace": "oklch",
171
+ "components": [
172
+ 36.38,
173
+ 0.0594,
174
+ 256.403
175
+ ]
176
+ },
177
+ "$description": "slate computed hover surface color for dark mode."
178
+ }
179
+ },
180
+ "surface-active": {
181
+ "light": {
182
+ "$value": {
183
+ "colorSpace": "oklch",
184
+ "components": [
185
+ 91.56,
186
+ 0.04256,
187
+ 256.261
188
+ ]
189
+ },
190
+ "$description": "slate computed active surface color for light mode."
191
+ },
192
+ "dark": {
193
+ "$value": {
194
+ "colorSpace": "oklch",
195
+ "components": [
196
+ 38.954,
197
+ 0.06732,
198
+ 256.27
199
+ ]
200
+ },
201
+ "$description": "slate computed active surface color for dark mode."
202
+ }
203
+ },
204
+ "surface-selected": {
205
+ "light": {
206
+ "$value": {
207
+ "colorSpace": "oklch",
208
+ "components": [
209
+ 92.44,
210
+ 0.03774,
211
+ 256.103
212
+ ]
213
+ },
214
+ "$description": "slate computed selected surface color for light mode."
215
+ },
216
+ "dark": {
217
+ "$value": {
218
+ "colorSpace": "oklch",
219
+ "components": [
220
+ 38.096,
221
+ 0.06468,
222
+ 256.314
223
+ ]
224
+ },
225
+ "$description": "slate computed selected surface color for dark mode."
226
+ }
227
+ },
228
+ "surface-checked": {
229
+ "light": {
230
+ "$value": {
231
+ "colorSpace": "oklch",
232
+ "components": [
233
+ 90.68,
234
+ 0.04738,
235
+ 256.419
236
+ ]
237
+ },
238
+ "$description": "slate computed checked surface color for light mode."
239
+ },
240
+ "dark": {
241
+ "$value": {
242
+ "colorSpace": "oklch",
243
+ "components": [
244
+ 40.67,
245
+ 0.0726,
246
+ 256.181
247
+ ]
248
+ },
249
+ "$description": "slate computed checked surface color for dark mode."
250
+ }
251
+ },
156
252
  "text-muted": {
157
253
  "light": {
158
254
  "$value": {
@@ -201,6 +297,102 @@
201
297
  "$description": "slate computed border color for dark mode."
202
298
  }
203
299
  },
300
+ "border-hover": {
301
+ "light": {
302
+ "$value": {
303
+ "colorSpace": "oklch",
304
+ "components": [
305
+ 80.499,
306
+ 0.051316,
307
+ 257.686
308
+ ]
309
+ },
310
+ "$description": "slate computed hover border color for light mode."
311
+ },
312
+ "dark": {
313
+ "$value": {
314
+ "colorSpace": "oklch",
315
+ "components": [
316
+ 52.029,
317
+ 0.064603,
318
+ 254.669
319
+ ]
320
+ },
321
+ "$description": "slate computed hover border color for dark mode."
322
+ }
323
+ },
324
+ "border-active": {
325
+ "light": {
326
+ "$value": {
327
+ "colorSpace": "oklch",
328
+ "components": [
329
+ 78.604,
330
+ 0.065488,
331
+ 258.066
332
+ ]
333
+ },
334
+ "$description": "slate computed active border color for light mode."
335
+ },
336
+ "dark": {
337
+ "$value": {
338
+ "colorSpace": "oklch",
339
+ "components": [
340
+ 54.104,
341
+ 0.075758,
342
+ 254.664
343
+ ]
344
+ },
345
+ "$description": "slate computed active border color for dark mode."
346
+ }
347
+ },
348
+ "border-selected": {
349
+ "light": {
350
+ "$value": {
351
+ "colorSpace": "oklch",
352
+ "components": [
353
+ 79.236,
354
+ 0.060764,
355
+ 257.94
356
+ ]
357
+ },
358
+ "$description": "slate computed selected border color for light mode."
359
+ },
360
+ "dark": {
361
+ "$value": {
362
+ "colorSpace": "oklch",
363
+ "components": [
364
+ 53.585,
365
+ 0.07297,
366
+ 254.665
367
+ ]
368
+ },
369
+ "$description": "slate computed selected border color for dark mode."
370
+ }
371
+ },
372
+ "border-checked": {
373
+ "light": {
374
+ "$value": {
375
+ "colorSpace": "oklch",
376
+ "components": [
377
+ 77.34,
378
+ 0.074936,
379
+ 258.32
380
+ ]
381
+ },
382
+ "$description": "slate computed checked border color for light mode."
383
+ },
384
+ "dark": {
385
+ "$value": {
386
+ "colorSpace": "oklch",
387
+ "components": [
388
+ 55.141,
389
+ 0.081336,
390
+ 254.661
391
+ ]
392
+ },
393
+ "$description": "slate computed checked border color for dark mode."
394
+ }
395
+ },
204
396
  "overlay": {
205
397
  "light": {
206
398
  "$value": {
@@ -406,6 +598,102 @@
406
598
  "$description": "sand computed muted surface color for dark mode."
407
599
  }
408
600
  },
601
+ "surface-hover": {
602
+ "light": {
603
+ "$value": {
604
+ "colorSpace": "oklch",
605
+ "components": [
606
+ 93.624,
607
+ 0.03216,
608
+ 81.76
609
+ ]
610
+ },
611
+ "$description": "sand computed hover surface color for light mode."
612
+ },
613
+ "dark": {
614
+ "$value": {
615
+ "colorSpace": "oklch",
616
+ "components": [
617
+ 39.6,
618
+ 0.0456,
619
+ 74.4
620
+ ]
621
+ },
622
+ "$description": "sand computed hover surface color for dark mode."
623
+ }
624
+ },
625
+ "surface-active": {
626
+ "light": {
627
+ "$value": {
628
+ "colorSpace": "oklch",
629
+ "components": [
630
+ 92.232,
631
+ 0.03888,
632
+ 80.68
633
+ ]
634
+ },
635
+ "$description": "sand computed active surface color for light mode."
636
+ },
637
+ "dark": {
638
+ "$value": {
639
+ "colorSpace": "oklch",
640
+ "components": [
641
+ 42.33,
642
+ 0.05268,
643
+ 74.22
644
+ ]
645
+ },
646
+ "$description": "sand computed active surface color for dark mode."
647
+ }
648
+ },
649
+ "surface-selected": {
650
+ "light": {
651
+ "$value": {
652
+ "colorSpace": "oklch",
653
+ "components": [
654
+ 92.928,
655
+ 0.03552,
656
+ 81.22
657
+ ]
658
+ },
659
+ "$description": "sand computed selected surface color for light mode."
660
+ },
661
+ "dark": {
662
+ "$value": {
663
+ "colorSpace": "oklch",
664
+ "components": [
665
+ 41.42,
666
+ 0.05032,
667
+ 74.28
668
+ ]
669
+ },
670
+ "$description": "sand computed selected surface color for dark mode."
671
+ }
672
+ },
673
+ "surface-checked": {
674
+ "light": {
675
+ "$value": {
676
+ "colorSpace": "oklch",
677
+ "components": [
678
+ 91.536,
679
+ 0.04224,
680
+ 80.14
681
+ ]
682
+ },
683
+ "$description": "sand computed checked surface color for light mode."
684
+ },
685
+ "dark": {
686
+ "$value": {
687
+ "colorSpace": "oklch",
688
+ "components": [
689
+ 44.15,
690
+ 0.0574,
691
+ 74.1
692
+ ]
693
+ },
694
+ "$description": "sand computed checked surface color for dark mode."
695
+ }
696
+ },
409
697
  "text-muted": {
410
698
  "light": {
411
699
  "$value": {
@@ -454,6 +742,102 @@
454
742
  "$description": "sand computed border color for dark mode."
455
743
  }
456
744
  },
745
+ "border-hover": {
746
+ "light": {
747
+ "$value": {
748
+ "colorSpace": "oklch",
749
+ "components": [
750
+ 82.509,
751
+ 0.044339,
752
+ 77.516
753
+ ]
754
+ },
755
+ "$description": "sand computed hover border color for light mode."
756
+ },
757
+ "dark": {
758
+ "$value": {
759
+ "colorSpace": "oklch",
760
+ "components": [
761
+ 54.628,
762
+ 0.052966,
763
+ 75.888
764
+ ]
765
+ },
766
+ "$description": "sand computed hover border color for dark mode."
767
+ }
768
+ },
769
+ "border-active": {
770
+ "light": {
771
+ "$value": {
772
+ "colorSpace": "oklch",
773
+ "components": [
774
+ 81.082,
775
+ 0.054266,
776
+ 76.088
777
+ ]
778
+ },
779
+ "$description": "sand computed active border color for light mode."
780
+ },
781
+ "dark": {
782
+ "$value": {
783
+ "colorSpace": "oklch",
784
+ "components": [
785
+ 57.002,
786
+ 0.062637,
787
+ 75.456
788
+ ]
789
+ },
790
+ "$description": "sand computed active border color for dark mode."
791
+ }
792
+ },
793
+ "border-selected": {
794
+ "light": {
795
+ "$value": {
796
+ "colorSpace": "oklch",
797
+ "components": [
798
+ 81.558,
799
+ 0.050957,
800
+ 76.564
801
+ ]
802
+ },
803
+ "$description": "sand computed selected border color for light mode."
804
+ },
805
+ "dark": {
806
+ "$value": {
807
+ "colorSpace": "oklch",
808
+ "components": [
809
+ 56.409,
810
+ 0.060219,
811
+ 75.564
812
+ ]
813
+ },
814
+ "$description": "sand computed selected border color for dark mode."
815
+ }
816
+ },
817
+ "border-checked": {
818
+ "light": {
819
+ "$value": {
820
+ "colorSpace": "oklch",
821
+ "components": [
822
+ 80.13,
823
+ 0.060883,
824
+ 75.136
825
+ ]
826
+ },
827
+ "$description": "sand computed checked border color for light mode."
828
+ },
829
+ "dark": {
830
+ "$value": {
831
+ "colorSpace": "oklch",
832
+ "components": [
833
+ 58.19,
834
+ 0.067472,
835
+ 75.24
836
+ ]
837
+ },
838
+ "$description": "sand computed checked border color for dark mode."
839
+ }
840
+ },
457
841
  "overlay": {
458
842
  "light": {
459
843
  "$value": {
@@ -659,6 +1043,102 @@
659
1043
  "$description": "ocean computed muted surface color for dark mode."
660
1044
  }
661
1045
  },
1046
+ "surface-hover": {
1047
+ "light": {
1048
+ "$value": {
1049
+ "colorSpace": "oklch",
1050
+ "components": [
1051
+ 93.152,
1052
+ 0.0256,
1053
+ 224.64
1054
+ ]
1055
+ },
1056
+ "$description": "ocean computed hover surface color for light mode."
1057
+ },
1058
+ "dark": {
1059
+ "$value": {
1060
+ "colorSpace": "oklch",
1061
+ "components": [
1062
+ 39.4,
1063
+ 0.054,
1064
+ 238
1065
+ ]
1066
+ },
1067
+ "$description": "ocean computed hover surface color for dark mode."
1068
+ }
1069
+ },
1070
+ "surface-active": {
1071
+ "light": {
1072
+ "$value": {
1073
+ "colorSpace": "oklch",
1074
+ "components": [
1075
+ 91.736,
1076
+ 0.0308,
1077
+ 224.52
1078
+ ]
1079
+ },
1080
+ "$description": "ocean computed active surface color for light mode."
1081
+ },
1082
+ "dark": {
1083
+ "$value": {
1084
+ "colorSpace": "oklch",
1085
+ "components": [
1086
+ 42.22,
1087
+ 0.0582,
1088
+ 235.9
1089
+ ]
1090
+ },
1091
+ "$description": "ocean computed active surface color for dark mode."
1092
+ }
1093
+ },
1094
+ "surface-selected": {
1095
+ "light": {
1096
+ "$value": {
1097
+ "colorSpace": "oklch",
1098
+ "components": [
1099
+ 92.444,
1100
+ 0.0282,
1101
+ 224.58
1102
+ ]
1103
+ },
1104
+ "$description": "ocean computed selected surface color for light mode."
1105
+ },
1106
+ "dark": {
1107
+ "$value": {
1108
+ "colorSpace": "oklch",
1109
+ "components": [
1110
+ 41.28,
1111
+ 0.0568,
1112
+ 236.6
1113
+ ]
1114
+ },
1115
+ "$description": "ocean computed selected surface color for dark mode."
1116
+ }
1117
+ },
1118
+ "surface-checked": {
1119
+ "light": {
1120
+ "$value": {
1121
+ "colorSpace": "oklch",
1122
+ "components": [
1123
+ 91.028,
1124
+ 0.0334,
1125
+ 224.46
1126
+ ]
1127
+ },
1128
+ "$description": "ocean computed checked surface color for light mode."
1129
+ },
1130
+ "dark": {
1131
+ "$value": {
1132
+ "colorSpace": "oklch",
1133
+ "components": [
1134
+ 44.1,
1135
+ 0.061,
1136
+ 234.5
1137
+ ]
1138
+ },
1139
+ "$description": "ocean computed checked surface color for dark mode."
1140
+ }
1141
+ },
662
1142
  "text-muted": {
663
1143
  "light": {
664
1144
  "$value": {
@@ -707,6 +1187,102 @@
707
1187
  "$description": "ocean computed border color for dark mode."
708
1188
  }
709
1189
  },
1190
+ "border-hover": {
1191
+ "light": {
1192
+ "$value": {
1193
+ "colorSpace": "oklch",
1194
+ "components": [
1195
+ 81.923,
1196
+ 0.038648,
1197
+ 227.74
1198
+ ]
1199
+ },
1200
+ "$description": "ocean computed hover border color for light mode."
1201
+ },
1202
+ "dark": {
1203
+ "$value": {
1204
+ "colorSpace": "oklch",
1205
+ "components": [
1206
+ 54.427,
1207
+ 0.054416,
1208
+ 231.744
1209
+ ]
1210
+ },
1211
+ "$description": "ocean computed hover border color for dark mode."
1212
+ }
1213
+ },
1214
+ "border-active": {
1215
+ "light": {
1216
+ "$value": {
1217
+ "colorSpace": "oklch",
1218
+ "components": [
1219
+ 80.465,
1220
+ 0.046064,
1221
+ 227.32
1222
+ ]
1223
+ },
1224
+ "$description": "ocean computed active border color for light mode."
1225
+ },
1226
+ "dark": {
1227
+ "$value": {
1228
+ "colorSpace": "oklch",
1229
+ "components": [
1230
+ 56.935,
1231
+ 0.060592,
1232
+ 229.328
1233
+ ]
1234
+ },
1235
+ "$description": "ocean computed active border color for dark mode."
1236
+ }
1237
+ },
1238
+ "border-selected": {
1239
+ "light": {
1240
+ "$value": {
1241
+ "colorSpace": "oklch",
1242
+ "components": [
1243
+ 80.951,
1244
+ 0.043592,
1245
+ 227.46
1246
+ ]
1247
+ },
1248
+ "$description": "ocean computed selected border color for light mode."
1249
+ },
1250
+ "dark": {
1251
+ "$value": {
1252
+ "colorSpace": "oklch",
1253
+ "components": [
1254
+ 56.308,
1255
+ 0.059048,
1256
+ 229.932
1257
+ ]
1258
+ },
1259
+ "$description": "ocean computed selected border color for dark mode."
1260
+ }
1261
+ },
1262
+ "border-checked": {
1263
+ "light": {
1264
+ "$value": {
1265
+ "colorSpace": "oklch",
1266
+ "components": [
1267
+ 79.493,
1268
+ 0.051008,
1269
+ 227.04
1270
+ ]
1271
+ },
1272
+ "$description": "ocean computed checked border color for light mode."
1273
+ },
1274
+ "dark": {
1275
+ "$value": {
1276
+ "colorSpace": "oklch",
1277
+ "components": [
1278
+ 58.189,
1279
+ 0.06368,
1280
+ 228.12
1281
+ ]
1282
+ },
1283
+ "$description": "ocean computed checked border color for dark mode."
1284
+ }
1285
+ },
710
1286
  "overlay": {
711
1287
  "light": {
712
1288
  "$value": {
@@ -912,6 +1488,102 @@
912
1488
  "$description": "berry computed muted surface color for dark mode."
913
1489
  }
914
1490
  },
1491
+ "surface-hover": {
1492
+ "light": {
1493
+ "$value": {
1494
+ "colorSpace": "oklch",
1495
+ "components": [
1496
+ 92.736,
1497
+ 0.03456,
1498
+ 10.24
1499
+ ]
1500
+ },
1501
+ "$description": "berry computed hover surface color for light mode."
1502
+ },
1503
+ "dark": {
1504
+ "$value": {
1505
+ "colorSpace": "oklch",
1506
+ "components": [
1507
+ 38.76,
1508
+ 0.072,
1509
+ 5.6
1510
+ ]
1511
+ },
1512
+ "$description": "berry computed hover surface color for dark mode."
1513
+ }
1514
+ },
1515
+ "surface-active": {
1516
+ "light": {
1517
+ "$value": {
1518
+ "colorSpace": "oklch",
1519
+ "components": [
1520
+ 91.248,
1521
+ 0.04208,
1522
+ 10.32
1523
+ ]
1524
+ },
1525
+ "$description": "berry computed active surface color for light mode."
1526
+ },
1527
+ "dark": {
1528
+ "$value": {
1529
+ "colorSpace": "oklch",
1530
+ "components": [
1531
+ 41.328,
1532
+ 0.0786,
1533
+ 5.78
1534
+ ]
1535
+ },
1536
+ "$description": "berry computed active surface color for dark mode."
1537
+ }
1538
+ },
1539
+ "surface-selected": {
1540
+ "light": {
1541
+ "$value": {
1542
+ "colorSpace": "oklch",
1543
+ "components": [
1544
+ 91.992,
1545
+ 0.03832,
1546
+ 10.28
1547
+ ]
1548
+ },
1549
+ "$description": "berry computed selected surface color for light mode."
1550
+ },
1551
+ "dark": {
1552
+ "$value": {
1553
+ "colorSpace": "oklch",
1554
+ "components": [
1555
+ 40.472,
1556
+ 0.0764,
1557
+ 5.72
1558
+ ]
1559
+ },
1560
+ "$description": "berry computed selected surface color for dark mode."
1561
+ }
1562
+ },
1563
+ "surface-checked": {
1564
+ "light": {
1565
+ "$value": {
1566
+ "colorSpace": "oklch",
1567
+ "components": [
1568
+ 90.504,
1569
+ 0.04584,
1570
+ 10.36
1571
+ ]
1572
+ },
1573
+ "$description": "berry computed checked surface color for light mode."
1574
+ },
1575
+ "dark": {
1576
+ "$value": {
1577
+ "colorSpace": "oklch",
1578
+ "components": [
1579
+ 43.04,
1580
+ 0.083,
1581
+ 5.9
1582
+ ]
1583
+ },
1584
+ "$description": "berry computed checked surface color for dark mode."
1585
+ }
1586
+ },
915
1587
  "text-muted": {
916
1588
  "light": {
917
1589
  "$value": {
@@ -960,6 +1632,102 @@
960
1632
  "$description": "berry computed border color for dark mode."
961
1633
  }
962
1634
  },
1635
+ "border-hover": {
1636
+ "light": {
1637
+ "$value": {
1638
+ "colorSpace": "oklch",
1639
+ "components": [
1640
+ 81.359,
1641
+ 0.052138,
1642
+ 10.098
1643
+ ]
1644
+ },
1645
+ "$description": "berry computed hover border color for light mode."
1646
+ },
1647
+ "dark": {
1648
+ "$value": {
1649
+ "colorSpace": "oklch",
1650
+ "components": [
1651
+ 53.52,
1652
+ 0.074234,
1653
+ 6.358
1654
+ ]
1655
+ },
1656
+ "$description": "berry computed hover border color for dark mode."
1657
+ }
1658
+ },
1659
+ "border-active": {
1660
+ "light": {
1661
+ "$value": {
1662
+ "colorSpace": "oklch",
1663
+ "components": [
1664
+ 79.796,
1665
+ 0.062957,
1666
+ 10.237
1667
+ ]
1668
+ },
1669
+ "$description": "berry computed active border color for light mode."
1670
+ },
1671
+ "dark": {
1672
+ "$value": {
1673
+ "colorSpace": "oklch",
1674
+ "components": [
1675
+ 55.684,
1676
+ 0.083763,
1677
+ 6.541
1678
+ ]
1679
+ },
1680
+ "$description": "berry computed active border color for dark mode."
1681
+ }
1682
+ },
1683
+ "border-selected": {
1684
+ "light": {
1685
+ "$value": {
1686
+ "colorSpace": "oklch",
1687
+ "components": [
1688
+ 80.317,
1689
+ 0.05935,
1690
+ 10.19
1691
+ ]
1692
+ },
1693
+ "$description": "berry computed selected border color for light mode."
1694
+ },
1695
+ "dark": {
1696
+ "$value": {
1697
+ "colorSpace": "oklch",
1698
+ "components": [
1699
+ 55.143,
1700
+ 0.081381,
1701
+ 6.495
1702
+ ]
1703
+ },
1704
+ "$description": "berry computed selected border color for dark mode."
1705
+ }
1706
+ },
1707
+ "border-checked": {
1708
+ "light": {
1709
+ "$value": {
1710
+ "colorSpace": "oklch",
1711
+ "components": [
1712
+ 78.755,
1713
+ 0.07017,
1714
+ 10.33
1715
+ ]
1716
+ },
1717
+ "$description": "berry computed checked border color for light mode."
1718
+ },
1719
+ "dark": {
1720
+ "$value": {
1721
+ "colorSpace": "oklch",
1722
+ "components": [
1723
+ 56.766,
1724
+ 0.088528,
1725
+ 6.632
1726
+ ]
1727
+ },
1728
+ "$description": "berry computed checked border color for dark mode."
1729
+ }
1730
+ },
963
1731
  "overlay": {
964
1732
  "light": {
965
1733
  "$value": {