@lumx/core 3.9.7-alpha.0 → 3.9.7-alpha.1

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 (9) hide show
  1. package/css/design-tokens.css +15 -15
  2. package/js/constants/design-tokens.js +43 -43
  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 +43 -43
  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 +15 -15
package/js/constants/design-tokens.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Dec 2024 13:46:59 GMT
3
+ * Generated on Mon, 16 Dec 2024 14:41:27 GMT
4
4
  */
5
5
 
6
6
  export const DESIGN_TOKENS = {
@@ -304,9 +304,9 @@ export const DESIGN_TOKENS = {
304
304
  },
305
305
  'theme-dark': {
306
306
  'background-color': {
307
- value: 'var(--lumx-color-light-L3)',
308
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
309
- $aliasedFrom: 'color.light.L3',
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',
310
310
  },
311
311
  color: {
312
312
  value: 'var(--lumx-color-light-N)',
@@ -342,9 +342,9 @@ export const DESIGN_TOKENS = {
342
342
  },
343
343
  'theme-dark': {
344
344
  'background-color': {
345
- value: 'var(--lumx-color-light-L4)',
346
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
347
- $aliasedFrom: 'color.light.L4',
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',
348
348
  },
349
349
  color: {
350
350
  value: 'var(--lumx-color-light-N)',
@@ -380,9 +380,9 @@ export const DESIGN_TOKENS = {
380
380
  },
381
381
  'theme-dark': {
382
382
  'background-color': {
383
- value: 'var(--lumx-color-light-L5)',
384
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
385
- $aliasedFrom: 'color.light.L5',
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',
386
386
  },
387
387
  color: {
388
388
  value: 'var(--lumx-color-light-N)',
@@ -421,9 +421,9 @@ export const DESIGN_TOKENS = {
421
421
  $aliasedFrom: 'color.light.N',
422
422
  },
423
423
  'background-color': {
424
- value: 'var(--lumx-color-light-L3)',
425
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
426
- $aliasedFrom: 'color.light.L3',
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',
427
427
  },
428
428
  },
429
429
  },
@@ -444,9 +444,9 @@ export const DESIGN_TOKENS = {
444
444
  'theme-dark': {
445
445
  'border-color': { value: 'transparent' },
446
446
  'background-color': {
447
- value: 'var(--lumx-color-light-L4)',
448
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
449
- $aliasedFrom: 'color.light.L4',
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',
450
450
  },
451
451
  },
452
452
  },
@@ -471,9 +471,9 @@ export const DESIGN_TOKENS = {
471
471
  $aliasedFrom: 'color.light.N',
472
472
  },
473
473
  'background-color': {
474
- value: 'var(--lumx-color-light-L5)',
475
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
476
- $aliasedFrom: 'color.light.L5',
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',
477
477
  },
478
478
  },
479
479
  },
@@ -781,9 +781,9 @@ export const DESIGN_TOKENS = {
781
781
  },
782
782
  'theme-dark': {
783
783
  'background-color': {
784
- value: 'var(--lumx-color-light-L3)',
785
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
786
- $aliasedFrom: 'color.light.L3',
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',
787
787
  },
788
788
  'border-color': {
789
789
  value: 'var(--lumx-color-light-N)',
@@ -837,9 +837,9 @@ export const DESIGN_TOKENS = {
837
837
  $aliasedFrom: 'color.primary.D2',
838
838
  },
839
839
  'chevron-background-color': {
840
- value: 'var(--lumx-color-primary-L4)',
841
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
842
- $aliasedFrom: 'color.primary.L4',
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',
843
843
  },
844
844
  'chevron-color': {
845
845
  value: 'var(--lumx-color-primary-D2)',
@@ -849,9 +849,9 @@ export const DESIGN_TOKENS = {
849
849
  },
850
850
  'theme-dark': {
851
851
  'background-color': {
852
- value: 'var(--lumx-color-light-L4)',
853
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
854
- $aliasedFrom: 'color.light.L4',
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',
855
855
  },
856
856
  'border-color': {
857
857
  value: 'var(--lumx-color-light-N)',
@@ -869,9 +869,9 @@ export const DESIGN_TOKENS = {
869
869
  $aliasedFrom: 'color.light.N',
870
870
  },
871
871
  'chevron-background-color': {
872
- value: 'var(--lumx-color-light-L4)',
873
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
874
- $aliasedFrom: 'color.light.L4',
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',
875
875
  },
876
876
  'chevron-color': {
877
877
  value: 'var(--lumx-color-light-N)',
@@ -909,9 +909,9 @@ export const DESIGN_TOKENS = {
909
909
  $aliasedFrom: 'color.primary.D2',
910
910
  },
911
911
  'chevron-background-color': {
912
- value: 'var(--lumx-color-primary-L3)',
913
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
914
- $aliasedFrom: 'color.primary.L3',
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',
915
915
  },
916
916
  'chevron-color': {
917
917
  value: 'var(--lumx-color-primary-D2)',
@@ -921,9 +921,9 @@ export const DESIGN_TOKENS = {
921
921
  },
922
922
  'theme-dark': {
923
923
  'background-color': {
924
- value: 'var(--lumx-color-light-L5)',
925
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
926
- $aliasedFrom: 'color.light.L5',
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',
927
927
  },
928
928
  'border-color': {
929
929
  value: 'var(--lumx-color-light-N)',
@@ -941,9 +941,9 @@ export const DESIGN_TOKENS = {
941
941
  $aliasedFrom: 'color.light.N',
942
942
  },
943
943
  'chevron-background-color': {
944
- value: 'var(--lumx-color-light-L5)',
945
- attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
946
- $aliasedFrom: 'color.light.L5',
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',
947
947
  },
948
948
  'chevron-color': {
949
949
  value: 'var(--lumx-color-light-N)',
@@ -997,9 +997,9 @@ export const DESIGN_TOKENS = {
997
997
  $aliasedFrom: 'color.primary.N',
998
998
  },
999
999
  'background-color': {
1000
- value: 'var(--lumx-color-primary-L5)',
1001
- attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
1002
- $aliasedFrom: 'color.primary.L5',
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',
1003
1003
  },
1004
1004
  },
1005
1005
  },