@lumx/core 3.9.8-alpha.1 → 3.9.8

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 (12) hide show
  1. package/css/design-tokens.css +63 -63
  2. package/js/constants/design-tokens.js +117 -257
  3. package/js/constants/design-tokens.min.js +1 -1
  4. package/js/constants/design-tokens.min.js.map +1 -1
  5. package/js/constants/design-tokens.ts +117 -173
  6. package/lumx.css +1 -1
  7. package/lumx.min.css +1 -1
  8. package/package.json +1 -1
  9. package/scss/_design-tokens.scss +63 -63
  10. package/scss/components/button/_index.scss +4 -8
  11. package/scss/components/slideshow/_index.scss +3 -7
  12. package/scss/components/tabs/_index.scss +0 -2
package/js/constants/design-tokens.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 09 Jan 2025 16:46:06 GMT
3
+ * Generated on Fri, 06 Dec 2024 13:46:59 GMT
4
4
  */
5
5
 
6
6
  export const DESIGN_TOKENS = {
@@ -284,116 +284,92 @@ export const DESIGN_TOKENS = {
284
284
  'emphasis-selected': {
285
285
  'state-default': {
286
286
  padding: { horizontal: { comment: 'deprecated (use base emphasis padding)', value: '16px' } },
287
- 'border-width': { value: '1px' },
287
+ 'border-width': { value: '0' },
288
288
  'theme-light': {
289
289
  'background-color': {
290
- value: 'var(--lumx-color-primary-L6)',
291
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
292
- $aliasedFrom: 'color.primary.L6',
290
+ value: 'var(--lumx-color-primary-L5)',
291
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
292
+ $aliasedFrom: 'color.primary.L5',
293
293
  },
294
294
  color: {
295
295
  value: 'var(--lumx-color-primary-D2)',
296
296
  attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
297
297
  $aliasedFrom: 'color.primary.D2',
298
298
  },
299
- 'border-color': {
300
- value: 'var(--lumx-color-primary-N)',
301
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
302
- $aliasedFrom: 'color.primary.N',
303
- },
299
+ 'border-color': { value: 'transparent' },
304
300
  },
305
301
  'theme-dark': {
306
302
  'background-color': {
307
- value: 'var(--lumx-color-light-L6)',
308
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.1 } },
309
- $aliasedFrom: 'color.light.L6',
303
+ value: 'var(--lumx-color-light-L3)',
304
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
305
+ $aliasedFrom: 'color.light.L3',
310
306
  },
311
307
  color: {
312
308
  value: 'var(--lumx-color-light-N)',
313
309
  attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
314
310
  $aliasedFrom: 'color.light.N',
315
311
  },
316
- 'border-color': {
317
- value: 'var(--lumx-color-light-N)',
318
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
319
- $aliasedFrom: 'color.light.N',
320
- },
312
+ 'border-color': { value: 'transparent' },
321
313
  },
322
314
  },
323
315
  'state-hover': {
324
316
  padding: { horizontal: { comment: 'deprecated (use base emphasis padding)', value: '16px' } },
325
- 'border-width': { value: '1px' },
317
+ 'border-width': { value: '0' },
326
318
  'theme-light': {
327
319
  'background-color': {
328
- value: 'var(--lumx-color-primary-L5)',
329
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
330
- $aliasedFrom: 'color.primary.L5',
320
+ value: 'var(--lumx-color-primary-L4)',
321
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
322
+ $aliasedFrom: 'color.primary.L4',
331
323
  },
332
324
  color: {
333
325
  value: 'var(--lumx-color-primary-D2)',
334
326
  attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
335
327
  $aliasedFrom: 'color.primary.D2',
336
328
  },
337
- 'border-color': {
338
- value: 'var(--lumx-color-primary-N)',
339
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
340
- $aliasedFrom: 'color.primary.N',
341
- },
329
+ 'border-color': { value: 'transparent' },
342
330
  },
343
331
  'theme-dark': {
344
332
  'background-color': {
345
- value: 'var(--lumx-color-light-L5)',
346
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
347
- $aliasedFrom: 'color.light.L5',
333
+ value: 'var(--lumx-color-light-L4)',
334
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
335
+ $aliasedFrom: 'color.light.L4',
348
336
  },
349
337
  color: {
350
338
  value: 'var(--lumx-color-light-N)',
351
339
  attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
352
340
  $aliasedFrom: 'color.light.N',
353
341
  },
354
- 'border-color': {
355
- value: 'var(--lumx-color-light-N)',
356
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
357
- $aliasedFrom: 'color.light.N',
358
- },
342
+ 'border-color': { value: 'transparent' },
359
343
  },
360
344
  },
361
345
  'state-active': {
362
346
  padding: { horizontal: { comment: 'deprecated (use base emphasis padding)', value: '16px' } },
363
- 'border-width': { value: '1px' },
347
+ 'border-width': { value: '0' },
364
348
  'theme-light': {
365
349
  'background-color': {
366
- value: 'var(--lumx-color-primary-L4)',
367
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
368
- $aliasedFrom: 'color.primary.L4',
350
+ value: 'var(--lumx-color-primary-L3)',
351
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
352
+ $aliasedFrom: 'color.primary.L3',
369
353
  },
370
354
  color: {
371
355
  value: 'var(--lumx-color-primary-D2)',
372
356
  attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
373
357
  $aliasedFrom: 'color.primary.D2',
374
358
  },
375
- 'border-color': {
376
- value: 'var(--lumx-color-primary-N)',
377
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
378
- $aliasedFrom: 'color.primary.N',
379
- },
359
+ 'border-color': { value: 'transparent' },
380
360
  },
381
361
  'theme-dark': {
382
362
  'background-color': {
383
- value: 'var(--lumx-color-light-L4)',
384
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
385
- $aliasedFrom: 'color.light.L4',
363
+ value: 'var(--lumx-color-light-L5)',
364
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
365
+ $aliasedFrom: 'color.light.L5',
386
366
  },
387
367
  color: {
388
368
  value: 'var(--lumx-color-light-N)',
389
369
  attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
390
370
  $aliasedFrom: 'color.light.N',
391
371
  },
392
- 'border-color': {
393
- value: 'var(--lumx-color-light-N)',
394
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
395
- $aliasedFrom: 'color.light.N',
396
- },
372
+ 'border-color': { value: 'transparent' },
397
373
  },
398
374
  },
399
375
  },
@@ -401,79 +377,59 @@ export const DESIGN_TOKENS = {
401
377
  chip: {
402
378
  'emphasis-selected': {
403
379
  'state-default': {
404
- 'border-width': { value: '1px' },
380
+ 'border-width': { value: '0' },
405
381
  'theme-light': {
406
- 'border-color': {
407
- value: 'var(--lumx-color-primary-N)',
408
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
409
- $aliasedFrom: 'color.primary.N',
410
- },
382
+ 'border-color': { value: 'transparent' },
411
383
  'background-color': {
412
- value: 'var(--lumx-color-primary-L6)',
413
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
414
- $aliasedFrom: 'color.primary.L6',
384
+ value: 'var(--lumx-color-primary-L5)',
385
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
386
+ $aliasedFrom: 'color.primary.L5',
415
387
  },
416
388
  },
417
389
  'theme-dark': {
418
- 'border-color': {
419
- value: 'var(--lumx-color-light-N)',
420
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
421
- $aliasedFrom: 'color.light.N',
422
- },
390
+ 'border-color': { value: 'transparent' },
423
391
  'background-color': {
424
- value: 'var(--lumx-color-light-L6)',
425
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.1 } },
426
- $aliasedFrom: 'color.light.L6',
392
+ value: 'var(--lumx-color-light-L3)',
393
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
394
+ $aliasedFrom: 'color.light.L3',
427
395
  },
428
396
  },
429
397
  },
430
398
  'state-hover': {
431
- 'border-width': { value: '1px' },
399
+ 'border-width': { value: '0' },
432
400
  'theme-light': {
433
- 'border-color': {
434
- value: 'var(--lumx-color-primary-N)',
435
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
436
- $aliasedFrom: 'color.primary.N',
437
- },
401
+ 'border-color': { value: 'transparent' },
438
402
  'background-color': {
439
- value: 'var(--lumx-color-primary-L5)',
440
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
441
- $aliasedFrom: 'color.primary.L5',
403
+ value: 'var(--lumx-color-primary-L4)',
404
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
405
+ $aliasedFrom: 'color.primary.L4',
442
406
  },
443
407
  },
444
408
  'theme-dark': {
445
409
  'border-color': { value: 'transparent' },
446
410
  'background-color': {
447
- value: 'var(--lumx-color-light-L5)',
448
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
449
- $aliasedFrom: 'color.light.L5',
411
+ value: 'var(--lumx-color-light-L4)',
412
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
413
+ $aliasedFrom: 'color.light.L4',
450
414
  },
451
415
  },
452
416
  },
453
417
  'state-active': {
454
- 'border-width': { value: '1px' },
418
+ 'border-width': { value: '0' },
455
419
  'theme-light': {
456
- 'border-color': {
457
- value: 'var(--lumx-color-primary-N)',
458
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
459
- $aliasedFrom: 'color.primary.N',
460
- },
420
+ 'border-color': { value: 'transparent' },
461
421
  'background-color': {
462
- value: 'var(--lumx-color-primary-L4)',
463
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
464
- $aliasedFrom: 'color.primary.L4',
422
+ value: 'var(--lumx-color-primary-L3)',
423
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
424
+ $aliasedFrom: 'color.primary.L3',
465
425
  },
466
426
  },
467
427
  'theme-dark': {
468
- 'border-color': {
469
- value: 'var(--lumx-color-light-N)',
470
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 1 } },
471
- $aliasedFrom: 'color.light.N',
472
- },
428
+ 'border-color': { value: 'transparent' },
473
429
  'background-color': {
474
- value: 'var(--lumx-color-light-L4)',
475
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
476
- $aliasedFrom: 'color.light.L4',
430
+ value: 'var(--lumx-color-light-L5)',
431
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
432
+ $aliasedFrom: 'color.light.L5',
477
433
  },
478
434
  },
479
435
  },
@@ -746,16 +702,16 @@ export const DESIGN_TOKENS = {
746
702
  'emphasis-selected': {
747
703
  'state-default': {
748
704
  border: {
749
- top: { width: { value: '1px' } },
750
- right: { width: { value: '1px' } },
751
- bottom: { width: { value: '1px' } },
752
- left: { width: { value: '1px' } },
705
+ top: { width: { value: '0px' } },
706
+ right: { width: { value: '0px' } },
707
+ bottom: { width: { value: '0px' } },
708
+ left: { width: { value: '0px' } },
753
709
  },
754
710
  'theme-light': {
755
711
  'background-color': {
756
- value: 'var(--lumx-color-primary-L6)',
757
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
758
- $aliasedFrom: 'color.primary.L6',
712
+ value: 'var(--lumx-color-primary-L5)',
713
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
714
+ $aliasedFrom: 'color.primary.L5',
759
715
  },
760
716
  'border-color': {
761
717
  value: 'var(--lumx-color-primary-N)',
@@ -781,9 +737,9 @@ export const DESIGN_TOKENS = {
781
737
  },
782
738
  'theme-dark': {
783
739
  'background-color': {
784
- value: 'var(--lumx-color-light-L6)',
785
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.1 } },
786
- $aliasedFrom: 'color.light.L6',
740
+ value: 'var(--lumx-color-light-L3)',
741
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
742
+ $aliasedFrom: 'color.light.L3',
787
743
  },
788
744
  'border-color': {
789
745
  value: 'var(--lumx-color-light-N)',
@@ -810,16 +766,16 @@ export const DESIGN_TOKENS = {
810
766
  },
811
767
  'state-hover': {
812
768
  border: {
813
- top: { width: { value: '1px' } },
814
- right: { width: { value: '1px' } },
815
- bottom: { width: { value: '1px' } },
816
- left: { width: { value: '1px' } },
769
+ top: { width: { value: '0px' } },
770
+ right: { width: { value: '0px' } },
771
+ bottom: { width: { value: '0px' } },
772
+ left: { width: { value: '0px' } },
817
773
  },
818
774
  'theme-light': {
819
775
  'background-color': {
820
- value: 'var(--lumx-color-primary-L5)',
821
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
822
- $aliasedFrom: 'color.primary.L5',
776
+ value: 'var(--lumx-color-primary-L4)',
777
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
778
+ $aliasedFrom: 'color.primary.L4',
823
779
  },
824
780
  'border-color': {
825
781
  value: 'var(--lumx-color-primary-N)',
@@ -837,9 +793,9 @@ export const DESIGN_TOKENS = {
837
793
  $aliasedFrom: 'color.primary.D2',
838
794
  },
839
795
  'chevron-background-color': {
840
- value: 'var(--lumx-color-primary-L5)',
841
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
842
- $aliasedFrom: 'color.primary.L5',
796
+ value: 'var(--lumx-color-primary-L4)',
797
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
798
+ $aliasedFrom: 'color.primary.L4',
843
799
  },
844
800
  'chevron-color': {
845
801
  value: 'var(--lumx-color-primary-D2)',
@@ -849,9 +805,9 @@ export const DESIGN_TOKENS = {
849
805
  },
850
806
  'theme-dark': {
851
807
  'background-color': {
852
- value: 'var(--lumx-color-light-L5)',
853
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
854
- $aliasedFrom: 'color.light.L5',
808
+ value: 'var(--lumx-color-light-L4)',
809
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
810
+ $aliasedFrom: 'color.light.L4',
855
811
  },
856
812
  'border-color': {
857
813
  value: 'var(--lumx-color-light-N)',
@@ -869,9 +825,9 @@ export const DESIGN_TOKENS = {
869
825
  $aliasedFrom: 'color.light.N',
870
826
  },
871
827
  'chevron-background-color': {
872
- value: 'var(--lumx-color-light-L5)',
873
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
874
- $aliasedFrom: 'color.light.L5',
828
+ value: 'var(--lumx-color-light-L4)',
829
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
830
+ $aliasedFrom: 'color.light.L4',
875
831
  },
876
832
  'chevron-color': {
877
833
  value: 'var(--lumx-color-light-N)',
@@ -882,16 +838,16 @@ export const DESIGN_TOKENS = {
882
838
  },
883
839
  'state-active': {
884
840
  border: {
885
- top: { width: { value: '1px' } },
886
- right: { width: { value: '1px' } },
887
- bottom: { width: { value: '1px' } },
888
- left: { width: { value: '1px' } },
841
+ top: { width: { value: '0px' } },
842
+ right: { width: { value: '0px' } },
843
+ bottom: { width: { value: '0px' } },
844
+ left: { width: { value: '0px' } },
889
845
  },
890
846
  'theme-light': {
891
847
  'background-color': {
892
- value: 'var(--lumx-color-primary-L4)',
893
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
894
- $aliasedFrom: 'color.primary.L4',
848
+ value: 'var(--lumx-color-primary-L3)',
849
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
850
+ $aliasedFrom: 'color.primary.L3',
895
851
  },
896
852
  'border-color': {
897
853
  value: 'var(--lumx-color-primary-N)',
@@ -909,9 +865,9 @@ export const DESIGN_TOKENS = {
909
865
  $aliasedFrom: 'color.primary.D2',
910
866
  },
911
867
  'chevron-background-color': {
912
- value: 'var(--lumx-color-primary-L4)',
913
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
914
- $aliasedFrom: 'color.primary.L4',
868
+ value: 'var(--lumx-color-primary-L3)',
869
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
870
+ $aliasedFrom: 'color.primary.L3',
915
871
  },
916
872
  'chevron-color': {
917
873
  value: 'var(--lumx-color-primary-D2)',
@@ -921,9 +877,9 @@ export const DESIGN_TOKENS = {
921
877
  },
922
878
  'theme-dark': {
923
879
  'background-color': {
924
- value: 'var(--lumx-color-light-L4)',
925
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
926
- $aliasedFrom: 'color.light.L4',
880
+ value: 'var(--lumx-color-light-L5)',
881
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
882
+ $aliasedFrom: 'color.light.L5',
927
883
  },
928
884
  'border-color': {
929
885
  value: 'var(--lumx-color-light-N)',
@@ -941,9 +897,9 @@ export const DESIGN_TOKENS = {
941
897
  $aliasedFrom: 'color.light.N',
942
898
  },
943
899
  'chevron-background-color': {
944
- value: 'var(--lumx-color-light-L4)',
945
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
946
- $aliasedFrom: 'color.light.L4',
900
+ value: 'var(--lumx-color-light-L5)',
901
+ attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
902
+ $aliasedFrom: 'color.light.L5',
947
903
  },
948
904
  'chevron-color': {
949
905
  value: 'var(--lumx-color-light-N)',
@@ -959,47 +915,35 @@ export const DESIGN_TOKENS = {
959
915
  item: {
960
916
  'emphasis-selected': {
961
917
  'state-default': {
962
- 'border-width': { value: '1px' },
918
+ 'border-width': { value: '0' },
963
919
  'theme-light': {
964
- 'border-color': {
965
- value: 'var(--lumx-color-primary-N)',
966
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
967
- $aliasedFrom: 'color.primary.N',
968
- },
920
+ 'border-color': { value: 'transparent' },
969
921
  'background-color': {
970
- value: 'var(--lumx-color-primary-L6)',
971
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
972
- $aliasedFrom: 'color.primary.L6',
922
+ value: 'var(--lumx-color-primary-L5)',
923
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
924
+ $aliasedFrom: 'color.primary.L5',
973
925
  },
974
926
  },
975
927
  },
976
928
  'state-hover': {
977
- 'border-width': { value: '1px' },
929
+ 'border-width': { value: '0' },
978
930
  'theme-light': {
979
- 'border-color': {
980
- value: 'var(--lumx-color-primary-N)',
981
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
982
- $aliasedFrom: 'color.primary.N',
983
- },
931
+ 'border-color': { value: 'transparent' },
984
932
  'background-color': {
985
- value: 'var(--lumx-color-primary-L5)',
986
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
987
- $aliasedFrom: 'color.primary.L5',
933
+ value: 'var(--lumx-color-primary-L4)',
934
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
935
+ $aliasedFrom: 'color.primary.L4',
988
936
  },
989
937
  },
990
938
  },
991
939
  'state-active': {
992
- 'border-width': { value: '1px' },
940
+ 'border-width': { value: '0' },
993
941
  'theme-light': {
994
- 'border-color': {
995
- value: 'var(--lumx-color-primary-N)',
996
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
997
- $aliasedFrom: 'color.primary.N',
998
- },
942
+ 'border-color': { value: 'transparent' },
999
943
  'background-color': {
1000
- value: 'var(--lumx-color-primary-L4)',
1001
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
1002
- $aliasedFrom: 'color.primary.L4',
944
+ value: 'var(--lumx-color-primary-L3)',
945
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
946
+ $aliasedFrom: 'color.primary.L3',
1003
947
  },
1004
948
  },
1005
949
  },
@@ -1284,9 +1228,9 @@ export const DESIGN_TOKENS = {
1284
1228
  $aliasedFrom: 'color.dark.L6',
1285
1229
  },
1286
1230
  'border-color': {
1287
- value: 'var(--lumx-color-dark-L3)',
1288
- attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.38 } },
1289
- $aliasedFrom: 'color.dark.L3',
1231
+ value: 'var(--lumx-color-dark-L4)',
1232
+ attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.2 } },
1233
+ $aliasedFrom: 'color.dark.L4',
1290
1234
  },
1291
1235
  content: {
1292
1236
  color: {
@@ -1368,9 +1312,9 @@ export const DESIGN_TOKENS = {
1368
1312
  $aliasedFrom: 'color.dark.L5',
1369
1313
  },
1370
1314
  'border-color': {
1371
- value: 'var(--lumx-color-dark-L3)',
1372
- attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.38 } },
1373
- $aliasedFrom: 'color.dark.L3',
1315
+ value: 'var(--lumx-color-dark-L4)',
1316
+ attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.2 } },
1317
+ $aliasedFrom: 'color.dark.L4',
1374
1318
  },
1375
1319
  content: {
1376
1320
  color: {