@vellira-ui/tokens 2.27.0 → 2.28.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 (17) hide show
  1. package/dist/css/tokens.css +196 -37
  2. package/dist/dark/components/checkbox.d.ts +29 -19
  3. package/dist/dark/components/checkbox.d.ts.map +1 -1
  4. package/dist/dark/components/checkbox.js +112 -14
  5. package/dist/generated/token-types.d.ts +4 -4
  6. package/dist/generated/token-types.d.ts.map +1 -1
  7. package/dist/generated/token-types.js +260 -48
  8. package/dist/highContrast/components/checkbox.d.ts +29 -19
  9. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  10. package/dist/highContrast/components/checkbox.js +112 -20
  11. package/dist/light/components/checkbox.d.ts +29 -19
  12. package/dist/light/components/checkbox.d.ts.map +1 -1
  13. package/dist/light/components/checkbox.js +112 -14
  14. package/dist/utils/createCheckboxPalette.d.ts +19 -0
  15. package/dist/utils/createCheckboxPalette.d.ts.map +1 -0
  16. package/dist/utils/createCheckboxPalette.js +6 -0
  17. package/package.json +1 -1
package/dist/generated/token-types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,q+MAwMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,w4sBA6hBtB,CAAC;AAEX,eAAO,MAAM,cAAc,ypDA+DjB,CAAC;AAEX,eAAO,MAAM,UAAU,+3hCAs5Bb,CAAC;AAEX,eAAO,MAAM,oBAAoB,w2BAgDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,w3yBAw1BxB,CAAC;AAEX,eAAO,MAAM,gBAAgB,wq0BAo4BnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,q+MAwMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,2lxBAklBtB,CAAC;AAEX,eAAO,MAAM,cAAc,ypDA+DjB,CAAC;AAEX,eAAO,MAAM,UAAU,klmCA28Bb,CAAC;AAEX,eAAO,MAAM,oBAAoB,w2BAgDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,0n2BA64BxB,CAAC;AAEX,eAAO,MAAM,gBAAgB,063BAy7BnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
package/dist/generated/token-types.js CHANGED
@@ -557,18 +557,19 @@ export const componentTokenPaths = [
557
557
  'components.button.warning.solid.pressed.bg',
558
558
  'components.button.warning.solid.pressed.border',
559
559
  'components.button.warning.solid.pressed.fg',
560
- 'components.checkbox.checked.default.bg',
561
- 'components.checkbox.checked.default.border',
562
- 'components.checkbox.checked.default.fg',
563
- 'components.checkbox.checked.default.labelFg',
564
- 'components.checkbox.checked.hover.bg',
565
- 'components.checkbox.checked.hover.border',
566
- 'components.checkbox.checked.hover.fg',
567
- 'components.checkbox.checked.hover.labelFg',
568
- 'components.checkbox.checked.pressed.bg',
569
- 'components.checkbox.checked.pressed.border',
570
- 'components.checkbox.checked.pressed.fg',
571
- 'components.checkbox.checked.pressed.labelFg',
560
+ 'components.checkbox.danger.default.bg',
561
+ 'components.checkbox.danger.default.border',
562
+ 'components.checkbox.danger.default.fg',
563
+ 'components.checkbox.danger.default.labelFg',
564
+ 'components.checkbox.danger.hover.bg',
565
+ 'components.checkbox.danger.hover.border',
566
+ 'components.checkbox.danger.hover.fg',
567
+ 'components.checkbox.danger.hover.labelFg',
568
+ 'components.checkbox.danger.pressed.bg',
569
+ 'components.checkbox.danger.pressed.border',
570
+ 'components.checkbox.danger.pressed.fg',
571
+ 'components.checkbox.danger.pressed.labelFg',
572
+ 'components.checkbox.danger.ring',
572
573
  'components.checkbox.default.bg',
573
574
  'components.checkbox.default.border',
574
575
  'components.checkbox.default.fg',
@@ -583,6 +584,58 @@ export const componentTokenPaths = [
583
584
  'components.checkbox.hover.border',
584
585
  'components.checkbox.hover.fg',
585
586
  'components.checkbox.hover.labelFg',
587
+ 'components.checkbox.neutral.default.bg',
588
+ 'components.checkbox.neutral.default.border',
589
+ 'components.checkbox.neutral.default.fg',
590
+ 'components.checkbox.neutral.default.labelFg',
591
+ 'components.checkbox.neutral.hover.bg',
592
+ 'components.checkbox.neutral.hover.border',
593
+ 'components.checkbox.neutral.hover.fg',
594
+ 'components.checkbox.neutral.hover.labelFg',
595
+ 'components.checkbox.neutral.pressed.bg',
596
+ 'components.checkbox.neutral.pressed.border',
597
+ 'components.checkbox.neutral.pressed.fg',
598
+ 'components.checkbox.neutral.pressed.labelFg',
599
+ 'components.checkbox.neutral.ring',
600
+ 'components.checkbox.primary.default.bg',
601
+ 'components.checkbox.primary.default.border',
602
+ 'components.checkbox.primary.default.fg',
603
+ 'components.checkbox.primary.default.labelFg',
604
+ 'components.checkbox.primary.hover.bg',
605
+ 'components.checkbox.primary.hover.border',
606
+ 'components.checkbox.primary.hover.fg',
607
+ 'components.checkbox.primary.hover.labelFg',
608
+ 'components.checkbox.primary.pressed.bg',
609
+ 'components.checkbox.primary.pressed.border',
610
+ 'components.checkbox.primary.pressed.fg',
611
+ 'components.checkbox.primary.pressed.labelFg',
612
+ 'components.checkbox.primary.ring',
613
+ 'components.checkbox.success.default.bg',
614
+ 'components.checkbox.success.default.border',
615
+ 'components.checkbox.success.default.fg',
616
+ 'components.checkbox.success.default.labelFg',
617
+ 'components.checkbox.success.hover.bg',
618
+ 'components.checkbox.success.hover.border',
619
+ 'components.checkbox.success.hover.fg',
620
+ 'components.checkbox.success.hover.labelFg',
621
+ 'components.checkbox.success.pressed.bg',
622
+ 'components.checkbox.success.pressed.border',
623
+ 'components.checkbox.success.pressed.fg',
624
+ 'components.checkbox.success.pressed.labelFg',
625
+ 'components.checkbox.success.ring',
626
+ 'components.checkbox.warning.default.bg',
627
+ 'components.checkbox.warning.default.border',
628
+ 'components.checkbox.warning.default.fg',
629
+ 'components.checkbox.warning.default.labelFg',
630
+ 'components.checkbox.warning.hover.bg',
631
+ 'components.checkbox.warning.hover.border',
632
+ 'components.checkbox.warning.hover.fg',
633
+ 'components.checkbox.warning.hover.labelFg',
634
+ 'components.checkbox.warning.pressed.bg',
635
+ 'components.checkbox.warning.pressed.border',
636
+ 'components.checkbox.warning.pressed.fg',
637
+ 'components.checkbox.warning.pressed.labelFg',
638
+ 'components.checkbox.warning.ring',
586
639
  'components.contextMenu.content.bg',
587
640
  'components.contextMenu.content.border',
588
641
  'components.contextMenu.content.shadow',
@@ -1279,18 +1332,19 @@ export const tokenPaths = [
1279
1332
  'components.button.warning.solid.pressed.bg',
1280
1333
  'components.button.warning.solid.pressed.border',
1281
1334
  'components.button.warning.solid.pressed.fg',
1282
- 'components.checkbox.checked.default.bg',
1283
- 'components.checkbox.checked.default.border',
1284
- 'components.checkbox.checked.default.fg',
1285
- 'components.checkbox.checked.default.labelFg',
1286
- 'components.checkbox.checked.hover.bg',
1287
- 'components.checkbox.checked.hover.border',
1288
- 'components.checkbox.checked.hover.fg',
1289
- 'components.checkbox.checked.hover.labelFg',
1290
- 'components.checkbox.checked.pressed.bg',
1291
- 'components.checkbox.checked.pressed.border',
1292
- 'components.checkbox.checked.pressed.fg',
1293
- 'components.checkbox.checked.pressed.labelFg',
1335
+ 'components.checkbox.danger.default.bg',
1336
+ 'components.checkbox.danger.default.border',
1337
+ 'components.checkbox.danger.default.fg',
1338
+ 'components.checkbox.danger.default.labelFg',
1339
+ 'components.checkbox.danger.hover.bg',
1340
+ 'components.checkbox.danger.hover.border',
1341
+ 'components.checkbox.danger.hover.fg',
1342
+ 'components.checkbox.danger.hover.labelFg',
1343
+ 'components.checkbox.danger.pressed.bg',
1344
+ 'components.checkbox.danger.pressed.border',
1345
+ 'components.checkbox.danger.pressed.fg',
1346
+ 'components.checkbox.danger.pressed.labelFg',
1347
+ 'components.checkbox.danger.ring',
1294
1348
  'components.checkbox.default.bg',
1295
1349
  'components.checkbox.default.border',
1296
1350
  'components.checkbox.default.fg',
@@ -1305,6 +1359,58 @@ export const tokenPaths = [
1305
1359
  'components.checkbox.hover.border',
1306
1360
  'components.checkbox.hover.fg',
1307
1361
  'components.checkbox.hover.labelFg',
1362
+ 'components.checkbox.neutral.default.bg',
1363
+ 'components.checkbox.neutral.default.border',
1364
+ 'components.checkbox.neutral.default.fg',
1365
+ 'components.checkbox.neutral.default.labelFg',
1366
+ 'components.checkbox.neutral.hover.bg',
1367
+ 'components.checkbox.neutral.hover.border',
1368
+ 'components.checkbox.neutral.hover.fg',
1369
+ 'components.checkbox.neutral.hover.labelFg',
1370
+ 'components.checkbox.neutral.pressed.bg',
1371
+ 'components.checkbox.neutral.pressed.border',
1372
+ 'components.checkbox.neutral.pressed.fg',
1373
+ 'components.checkbox.neutral.pressed.labelFg',
1374
+ 'components.checkbox.neutral.ring',
1375
+ 'components.checkbox.primary.default.bg',
1376
+ 'components.checkbox.primary.default.border',
1377
+ 'components.checkbox.primary.default.fg',
1378
+ 'components.checkbox.primary.default.labelFg',
1379
+ 'components.checkbox.primary.hover.bg',
1380
+ 'components.checkbox.primary.hover.border',
1381
+ 'components.checkbox.primary.hover.fg',
1382
+ 'components.checkbox.primary.hover.labelFg',
1383
+ 'components.checkbox.primary.pressed.bg',
1384
+ 'components.checkbox.primary.pressed.border',
1385
+ 'components.checkbox.primary.pressed.fg',
1386
+ 'components.checkbox.primary.pressed.labelFg',
1387
+ 'components.checkbox.primary.ring',
1388
+ 'components.checkbox.success.default.bg',
1389
+ 'components.checkbox.success.default.border',
1390
+ 'components.checkbox.success.default.fg',
1391
+ 'components.checkbox.success.default.labelFg',
1392
+ 'components.checkbox.success.hover.bg',
1393
+ 'components.checkbox.success.hover.border',
1394
+ 'components.checkbox.success.hover.fg',
1395
+ 'components.checkbox.success.hover.labelFg',
1396
+ 'components.checkbox.success.pressed.bg',
1397
+ 'components.checkbox.success.pressed.border',
1398
+ 'components.checkbox.success.pressed.fg',
1399
+ 'components.checkbox.success.pressed.labelFg',
1400
+ 'components.checkbox.success.ring',
1401
+ 'components.checkbox.warning.default.bg',
1402
+ 'components.checkbox.warning.default.border',
1403
+ 'components.checkbox.warning.default.fg',
1404
+ 'components.checkbox.warning.default.labelFg',
1405
+ 'components.checkbox.warning.hover.bg',
1406
+ 'components.checkbox.warning.hover.border',
1407
+ 'components.checkbox.warning.hover.fg',
1408
+ 'components.checkbox.warning.hover.labelFg',
1409
+ 'components.checkbox.warning.pressed.bg',
1410
+ 'components.checkbox.warning.pressed.border',
1411
+ 'components.checkbox.warning.pressed.fg',
1412
+ 'components.checkbox.warning.pressed.labelFg',
1413
+ 'components.checkbox.warning.ring',
1308
1414
  'components.contextMenu.content.bg',
1309
1415
  'components.contextMenu.content.border',
1310
1416
  'components.contextMenu.content.shadow',
@@ -2198,18 +2304,19 @@ export const themeCssVariableNames = [
2198
2304
  '--button-warning-solid-pressed-bg',
2199
2305
  '--button-warning-solid-pressed-border',
2200
2306
  '--button-warning-solid-pressed-fg',
2201
- '--checkbox-checked-default-bg',
2202
- '--checkbox-checked-default-border',
2203
- '--checkbox-checked-default-fg',
2204
- '--checkbox-checked-default-label-fg',
2205
- '--checkbox-checked-hover-bg',
2206
- '--checkbox-checked-hover-border',
2207
- '--checkbox-checked-hover-fg',
2208
- '--checkbox-checked-hover-label-fg',
2209
- '--checkbox-checked-pressed-bg',
2210
- '--checkbox-checked-pressed-border',
2211
- '--checkbox-checked-pressed-fg',
2212
- '--checkbox-checked-pressed-label-fg',
2307
+ '--checkbox-danger-default-bg',
2308
+ '--checkbox-danger-default-border',
2309
+ '--checkbox-danger-default-fg',
2310
+ '--checkbox-danger-default-label-fg',
2311
+ '--checkbox-danger-hover-bg',
2312
+ '--checkbox-danger-hover-border',
2313
+ '--checkbox-danger-hover-fg',
2314
+ '--checkbox-danger-hover-label-fg',
2315
+ '--checkbox-danger-pressed-bg',
2316
+ '--checkbox-danger-pressed-border',
2317
+ '--checkbox-danger-pressed-fg',
2318
+ '--checkbox-danger-pressed-label-fg',
2319
+ '--checkbox-danger-ring',
2213
2320
  '--checkbox-default-bg',
2214
2321
  '--checkbox-default-border',
2215
2322
  '--checkbox-default-fg',
@@ -2224,6 +2331,58 @@ export const themeCssVariableNames = [
2224
2331
  '--checkbox-hover-border',
2225
2332
  '--checkbox-hover-fg',
2226
2333
  '--checkbox-hover-label-fg',
2334
+ '--checkbox-neutral-default-bg',
2335
+ '--checkbox-neutral-default-border',
2336
+ '--checkbox-neutral-default-fg',
2337
+ '--checkbox-neutral-default-label-fg',
2338
+ '--checkbox-neutral-hover-bg',
2339
+ '--checkbox-neutral-hover-border',
2340
+ '--checkbox-neutral-hover-fg',
2341
+ '--checkbox-neutral-hover-label-fg',
2342
+ '--checkbox-neutral-pressed-bg',
2343
+ '--checkbox-neutral-pressed-border',
2344
+ '--checkbox-neutral-pressed-fg',
2345
+ '--checkbox-neutral-pressed-label-fg',
2346
+ '--checkbox-neutral-ring',
2347
+ '--checkbox-primary-default-bg',
2348
+ '--checkbox-primary-default-border',
2349
+ '--checkbox-primary-default-fg',
2350
+ '--checkbox-primary-default-label-fg',
2351
+ '--checkbox-primary-hover-bg',
2352
+ '--checkbox-primary-hover-border',
2353
+ '--checkbox-primary-hover-fg',
2354
+ '--checkbox-primary-hover-label-fg',
2355
+ '--checkbox-primary-pressed-bg',
2356
+ '--checkbox-primary-pressed-border',
2357
+ '--checkbox-primary-pressed-fg',
2358
+ '--checkbox-primary-pressed-label-fg',
2359
+ '--checkbox-primary-ring',
2360
+ '--checkbox-success-default-bg',
2361
+ '--checkbox-success-default-border',
2362
+ '--checkbox-success-default-fg',
2363
+ '--checkbox-success-default-label-fg',
2364
+ '--checkbox-success-hover-bg',
2365
+ '--checkbox-success-hover-border',
2366
+ '--checkbox-success-hover-fg',
2367
+ '--checkbox-success-hover-label-fg',
2368
+ '--checkbox-success-pressed-bg',
2369
+ '--checkbox-success-pressed-border',
2370
+ '--checkbox-success-pressed-fg',
2371
+ '--checkbox-success-pressed-label-fg',
2372
+ '--checkbox-success-ring',
2373
+ '--checkbox-warning-default-bg',
2374
+ '--checkbox-warning-default-border',
2375
+ '--checkbox-warning-default-fg',
2376
+ '--checkbox-warning-default-label-fg',
2377
+ '--checkbox-warning-hover-bg',
2378
+ '--checkbox-warning-hover-border',
2379
+ '--checkbox-warning-hover-fg',
2380
+ '--checkbox-warning-hover-label-fg',
2381
+ '--checkbox-warning-pressed-bg',
2382
+ '--checkbox-warning-pressed-border',
2383
+ '--checkbox-warning-pressed-fg',
2384
+ '--checkbox-warning-pressed-label-fg',
2385
+ '--checkbox-warning-ring',
2227
2386
  '--color-error-50',
2228
2387
  '--color-error-100',
2229
2388
  '--color-error-200',
@@ -3055,18 +3214,19 @@ export const cssVariableNames = [
3055
3214
  '--button-warning-solid-pressed-bg',
3056
3215
  '--button-warning-solid-pressed-border',
3057
3216
  '--button-warning-solid-pressed-fg',
3058
- '--checkbox-checked-default-bg',
3059
- '--checkbox-checked-default-border',
3060
- '--checkbox-checked-default-fg',
3061
- '--checkbox-checked-default-label-fg',
3062
- '--checkbox-checked-hover-bg',
3063
- '--checkbox-checked-hover-border',
3064
- '--checkbox-checked-hover-fg',
3065
- '--checkbox-checked-hover-label-fg',
3066
- '--checkbox-checked-pressed-bg',
3067
- '--checkbox-checked-pressed-border',
3068
- '--checkbox-checked-pressed-fg',
3069
- '--checkbox-checked-pressed-label-fg',
3217
+ '--checkbox-danger-default-bg',
3218
+ '--checkbox-danger-default-border',
3219
+ '--checkbox-danger-default-fg',
3220
+ '--checkbox-danger-default-label-fg',
3221
+ '--checkbox-danger-hover-bg',
3222
+ '--checkbox-danger-hover-border',
3223
+ '--checkbox-danger-hover-fg',
3224
+ '--checkbox-danger-hover-label-fg',
3225
+ '--checkbox-danger-pressed-bg',
3226
+ '--checkbox-danger-pressed-border',
3227
+ '--checkbox-danger-pressed-fg',
3228
+ '--checkbox-danger-pressed-label-fg',
3229
+ '--checkbox-danger-ring',
3070
3230
  '--checkbox-default-bg',
3071
3231
  '--checkbox-default-border',
3072
3232
  '--checkbox-default-fg',
@@ -3081,6 +3241,58 @@ export const cssVariableNames = [
3081
3241
  '--checkbox-hover-border',
3082
3242
  '--checkbox-hover-fg',
3083
3243
  '--checkbox-hover-label-fg',
3244
+ '--checkbox-neutral-default-bg',
3245
+ '--checkbox-neutral-default-border',
3246
+ '--checkbox-neutral-default-fg',
3247
+ '--checkbox-neutral-default-label-fg',
3248
+ '--checkbox-neutral-hover-bg',
3249
+ '--checkbox-neutral-hover-border',
3250
+ '--checkbox-neutral-hover-fg',
3251
+ '--checkbox-neutral-hover-label-fg',
3252
+ '--checkbox-neutral-pressed-bg',
3253
+ '--checkbox-neutral-pressed-border',
3254
+ '--checkbox-neutral-pressed-fg',
3255
+ '--checkbox-neutral-pressed-label-fg',
3256
+ '--checkbox-neutral-ring',
3257
+ '--checkbox-primary-default-bg',
3258
+ '--checkbox-primary-default-border',
3259
+ '--checkbox-primary-default-fg',
3260
+ '--checkbox-primary-default-label-fg',
3261
+ '--checkbox-primary-hover-bg',
3262
+ '--checkbox-primary-hover-border',
3263
+ '--checkbox-primary-hover-fg',
3264
+ '--checkbox-primary-hover-label-fg',
3265
+ '--checkbox-primary-pressed-bg',
3266
+ '--checkbox-primary-pressed-border',
3267
+ '--checkbox-primary-pressed-fg',
3268
+ '--checkbox-primary-pressed-label-fg',
3269
+ '--checkbox-primary-ring',
3270
+ '--checkbox-success-default-bg',
3271
+ '--checkbox-success-default-border',
3272
+ '--checkbox-success-default-fg',
3273
+ '--checkbox-success-default-label-fg',
3274
+ '--checkbox-success-hover-bg',
3275
+ '--checkbox-success-hover-border',
3276
+ '--checkbox-success-hover-fg',
3277
+ '--checkbox-success-hover-label-fg',
3278
+ '--checkbox-success-pressed-bg',
3279
+ '--checkbox-success-pressed-border',
3280
+ '--checkbox-success-pressed-fg',
3281
+ '--checkbox-success-pressed-label-fg',
3282
+ '--checkbox-success-ring',
3283
+ '--checkbox-warning-default-bg',
3284
+ '--checkbox-warning-default-border',
3285
+ '--checkbox-warning-default-fg',
3286
+ '--checkbox-warning-default-label-fg',
3287
+ '--checkbox-warning-hover-bg',
3288
+ '--checkbox-warning-hover-border',
3289
+ '--checkbox-warning-hover-fg',
3290
+ '--checkbox-warning-hover-label-fg',
3291
+ '--checkbox-warning-pressed-bg',
3292
+ '--checkbox-warning-pressed-border',
3293
+ '--checkbox-warning-pressed-fg',
3294
+ '--checkbox-warning-pressed-label-fg',
3295
+ '--checkbox-warning-ring',
3084
3296
  '--color-error-50',
3085
3297
  '--color-error-100',
3086
3298
  '--color-error-200',
package/dist/highContrast/components/checkbox.d.ts CHANGED
@@ -10,25 +10,35 @@ export declare const checkbox: {
10
10
  readonly fg: "#FBBF24";
11
11
  readonly border: "#FCD34D";
12
12
  };
13
- readonly checked: {
14
- readonly default: {
15
- readonly bg: "#FCD34D";
16
- readonly fg: "#000000";
17
- readonly border: "#FCD34D";
18
- readonly labelFg: "#FBBF24";
19
- };
20
- readonly hover: {
21
- readonly bg: "#FDE68A";
22
- readonly fg: "#000000";
23
- readonly border: "#FDE68A";
24
- readonly labelFg: "#FCD34D";
25
- };
26
- readonly pressed: {
27
- readonly bg: "#FBBF24";
28
- readonly fg: "#000000";
29
- readonly border: "#FBBF24";
30
- readonly labelFg: "#FDE68A";
31
- };
13
+ readonly primary: {
14
+ readonly ring: string;
15
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
16
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
17
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
18
+ };
19
+ readonly neutral: {
20
+ readonly ring: string;
21
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
22
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
23
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
24
+ };
25
+ readonly success: {
26
+ readonly ring: string;
27
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
28
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
29
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
30
+ };
31
+ readonly warning: {
32
+ readonly ring: string;
33
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
34
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
35
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
36
+ };
37
+ readonly danger: {
38
+ readonly ring: string;
39
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
40
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
41
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
32
42
  };
33
43
  readonly focus: {
34
44
  readonly ring: "#FCD34D";
package/dist/highContrast/components/checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/checkbox.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CX,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/checkbox.ts"],"names":[],"mappings":"AAqHA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBX,CAAC"}
package/dist/highContrast/components/checkbox.js CHANGED
@@ -1,33 +1,125 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ import { createCheckboxPalette } from '../../utils/createCheckboxPalette.js';
1
3
  import { control } from '../semantic/control.js';
2
4
  import { focus } from '../semantic/focus.js';
3
5
  import { status } from '../semantic/status.js';
4
6
  import { text } from '../semantic/text.js';
7
+ const primary = createCheckboxPalette({
8
+ ring: colors.primary[400],
9
+ default: {
10
+ bg: colors.primary[600],
11
+ fg: colors.primary[50],
12
+ border: colors.primary[600],
13
+ labelFg: colors.primary[300],
14
+ },
15
+ hover: {
16
+ bg: colors.primary[700],
17
+ fg: colors.primary[200],
18
+ border: colors.primary[700],
19
+ labelFg: colors.primary[400],
20
+ },
21
+ pressed: {
22
+ bg: colors.primary[800],
23
+ fg: colors.primary[300],
24
+ border: colors.primary[800],
25
+ labelFg: colors.primary[500],
26
+ },
27
+ });
28
+ const neutral = createCheckboxPalette({
29
+ ring: colors.grayBlue[400],
30
+ default: {
31
+ bg: colors.grayBlue[50],
32
+ fg: colors.grayBlue[950],
33
+ border: colors.grayBlue[50],
34
+ labelFg: colors.grayBlue[50],
35
+ },
36
+ hover: {
37
+ bg: colors.grayBlue[200],
38
+ fg: colors.grayBlue[900],
39
+ border: colors.grayBlue[200],
40
+ labelFg: colors.gray[200],
41
+ },
42
+ pressed: {
43
+ bg: colors.grayBlue[400],
44
+ fg: colors.grayBlue[800],
45
+ border: colors.grayBlue[400],
46
+ labelFg: colors.grayBlue[300],
47
+ },
48
+ });
49
+ const success = createCheckboxPalette({
50
+ ring: colors.success[500],
51
+ default: {
52
+ bg: colors.success[500],
53
+ fg: colors.success[950],
54
+ border: colors.success[500],
55
+ labelFg: colors.success[300],
56
+ },
57
+ hover: {
58
+ bg: colors.success[600],
59
+ fg: colors.success[900],
60
+ border: colors.success[600],
61
+ labelFg: colors.success[400],
62
+ },
63
+ pressed: {
64
+ bg: colors.success[700],
65
+ fg: colors.success[800],
66
+ border: colors.success[700],
67
+ labelFg: colors.success[500],
68
+ },
69
+ });
70
+ const warning = createCheckboxPalette({
71
+ ring: colors.warning[500],
72
+ default: {
73
+ bg: colors.warning[500],
74
+ fg: colors.warning[950],
75
+ border: colors.warning[500],
76
+ labelFg: colors.warning[500],
77
+ },
78
+ hover: {
79
+ bg: colors.warning[600],
80
+ fg: colors.warning[900],
81
+ border: colors.warning[600],
82
+ labelFg: colors.warning[400],
83
+ },
84
+ pressed: {
85
+ bg: colors.warning[700],
86
+ fg: colors.warning[800],
87
+ border: colors.warning[700],
88
+ labelFg: colors.warning[600],
89
+ },
90
+ });
91
+ const danger = createCheckboxPalette({
92
+ ring: colors.error[500],
93
+ default: {
94
+ bg: colors.error[700],
95
+ fg: colors.error[50],
96
+ border: colors.error[700],
97
+ labelFg: colors.error[400],
98
+ },
99
+ hover: {
100
+ bg: colors.error[600],
101
+ fg: colors.error[200],
102
+ border: colors.error[600],
103
+ labelFg: colors.error[200],
104
+ },
105
+ pressed: {
106
+ bg: colors.error[800],
107
+ fg: colors.error[300],
108
+ border: colors.error[800],
109
+ labelFg: colors.error[300],
110
+ },
111
+ });
5
112
  export const checkbox = {
6
113
  default: control.default,
7
114
  hover: {
8
115
  ...control.hover,
9
116
  labelFg: text.interactiveHover,
10
117
  },
11
- checked: {
12
- default: {
13
- bg: control.selected.default.bg,
14
- fg: control.selected.default.fg,
15
- border: control.selected.default.border,
16
- labelFg: text.interactive,
17
- },
18
- hover: {
19
- bg: control.selected.hover.bg,
20
- fg: control.selected.hover.fg,
21
- border: control.selected.hover.border,
22
- labelFg: text.interactiveHover,
23
- },
24
- pressed: {
25
- bg: control.selected.active.bg,
26
- fg: control.selected.active.fg,
27
- border: control.selected.active.border,
28
- labelFg: text.interactiveActive,
29
- },
30
- },
118
+ primary,
119
+ neutral,
120
+ success,
121
+ warning,
122
+ danger,
31
123
  focus: {
32
124
  ring: focus.ring.color,
33
125
  },
package/dist/light/components/checkbox.d.ts CHANGED
@@ -10,25 +10,35 @@ export declare const checkbox: {
10
10
  readonly fg: "#402C9F";
11
11
  readonly border: "#5037C8";
12
12
  };
13
- readonly checked: {
14
- readonly default: {
15
- readonly labelFg: "#5037C8";
16
- readonly bg: "#6346E8";
17
- readonly fg: "#FFFFFF";
18
- readonly border: "#6346E8";
19
- };
20
- readonly hover: {
21
- readonly labelFg: "#402C9F";
22
- readonly bg: "#5037C8";
23
- readonly fg: "#FFFFFF";
24
- readonly border: "#5037C8";
25
- };
26
- readonly pressed: {
27
- readonly labelFg: "#342580";
28
- readonly bg: "#402C9F";
29
- readonly fg: "#FFFFFF";
30
- readonly border: "#402C9F";
31
- };
13
+ readonly primary: {
14
+ readonly ring: string;
15
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
16
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
17
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
18
+ };
19
+ readonly neutral: {
20
+ readonly ring: string;
21
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
22
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
23
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
24
+ };
25
+ readonly success: {
26
+ readonly ring: string;
27
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
28
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
29
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
30
+ };
31
+ readonly warning: {
32
+ readonly ring: string;
33
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
34
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
35
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
36
+ };
37
+ readonly danger: {
38
+ readonly ring: string;
39
+ readonly default: import("../../utils/createCheckboxPalette.js").CheckboxState;
40
+ readonly hover: import("../../utils/createCheckboxPalette.js").CheckboxState;
41
+ readonly pressed: import("../../utils/createCheckboxPalette.js").CheckboxState;
32
42
  };
33
43
  readonly focus: {
34
44
  readonly ring: "#5037C8";
package/dist/light/components/checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/light/components/checkbox.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCX,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/light/components/checkbox.ts"],"names":[],"mappings":"AAqHA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBX,CAAC"}