@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/package.json CHANGED
@@ -40,7 +40,7 @@
40
40
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
41
41
  },
42
42
  "sideEffects": false,
43
- "version": "3.9.7-alpha.0",
43
+ "version": "3.9.7-alpha.1",
44
44
  "devDependencies": {
45
45
  "@babel/core": "^7.18.13",
46
46
  "@babel/plugin-proposal-class-properties": "^7.18.6",
package/scss/_design-tokens.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Fri, 06 Dec 2024 13:46:59 GMT
5
+ * Generated on Mon, 16 Dec 2024 14:41:27 GMT
6
6
  */
7
7
 
8
8
  $lumx-button-height: 36px !default;
@@ -84,7 +84,7 @@ $lumx-button-emphasis-selected-state-default-border-width: 1px !default;
84
84
  $lumx-button-emphasis-selected-state-default-theme-light-background-color: var(--lumx-color-primary-L6) !default;
85
85
  $lumx-button-emphasis-selected-state-default-theme-light-color: var(--lumx-color-primary-D2) !default;
86
86
  $lumx-button-emphasis-selected-state-default-theme-light-border-color: var(--lumx-color-primary-N) !default;
87
- $lumx-button-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L3) !default;
87
+ $lumx-button-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L6) !default;
88
88
  $lumx-button-emphasis-selected-state-default-theme-dark-color: var(--lumx-color-light-N) !default;
89
89
  $lumx-button-emphasis-selected-state-default-theme-dark-border-color: var(--lumx-color-light-N) !default;
90
90
  $lumx-button-emphasis-selected-state-hover-padding-horizontal: 16px !default; // deprecated (use base emphasis padding)
@@ -92,7 +92,7 @@ $lumx-button-emphasis-selected-state-hover-border-width: 1px !default;
92
92
  $lumx-button-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-primary-L5) !default;
93
93
  $lumx-button-emphasis-selected-state-hover-theme-light-color: var(--lumx-color-primary-D2) !default;
94
94
  $lumx-button-emphasis-selected-state-hover-theme-light-border-color: var(--lumx-color-primary-N) !default;
95
- $lumx-button-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L4) !default;
95
+ $lumx-button-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L5) !default;
96
96
  $lumx-button-emphasis-selected-state-hover-theme-dark-color: var(--lumx-color-light-N) !default;
97
97
  $lumx-button-emphasis-selected-state-hover-theme-dark-border-color: var(--lumx-color-light-N) !default;
98
98
  $lumx-button-emphasis-selected-state-active-padding-horizontal: 16px !default; // deprecated (use base emphasis padding)
@@ -100,24 +100,24 @@ $lumx-button-emphasis-selected-state-active-border-width: 1px !default;
100
100
  $lumx-button-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-primary-L4) !default;
101
101
  $lumx-button-emphasis-selected-state-active-theme-light-color: var(--lumx-color-primary-D2) !default;
102
102
  $lumx-button-emphasis-selected-state-active-theme-light-border-color: var(--lumx-color-primary-N) !default;
103
- $lumx-button-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L5) !default;
103
+ $lumx-button-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L4) !default;
104
104
  $lumx-button-emphasis-selected-state-active-theme-dark-color: var(--lumx-color-light-N) !default;
105
105
  $lumx-button-emphasis-selected-state-active-theme-dark-border-color: var(--lumx-color-light-N) !default;
106
106
  $lumx-chip-emphasis-selected-state-default-border-width: 1px !default;
107
107
  $lumx-chip-emphasis-selected-state-default-theme-light-border-color: var(--lumx-color-primary-N) !default;
108
108
  $lumx-chip-emphasis-selected-state-default-theme-light-background-color: var(--lumx-color-primary-L6) !default;
109
109
  $lumx-chip-emphasis-selected-state-default-theme-dark-border-color: var(--lumx-color-light-N) !default;
110
- $lumx-chip-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L3) !default;
110
+ $lumx-chip-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L6) !default;
111
111
  $lumx-chip-emphasis-selected-state-hover-border-width: 1px !default;
112
112
  $lumx-chip-emphasis-selected-state-hover-theme-light-border-color: var(--lumx-color-primary-N) !default;
113
113
  $lumx-chip-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-primary-L5) !default;
114
114
  $lumx-chip-emphasis-selected-state-hover-theme-dark-border-color: transparent !default;
115
- $lumx-chip-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L4) !default;
115
+ $lumx-chip-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L5) !default;
116
116
  $lumx-chip-emphasis-selected-state-active-border-width: 1px !default;
117
117
  $lumx-chip-emphasis-selected-state-active-theme-light-border-color: var(--lumx-color-primary-N) !default;
118
118
  $lumx-chip-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-primary-L4) !default;
119
119
  $lumx-chip-emphasis-selected-state-active-theme-dark-border-color: var(--lumx-color-light-N) !default;
120
- $lumx-chip-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L5) !default;
120
+ $lumx-chip-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L4) !default;
121
121
  $lumx-material-button-text-transform: none !default;
122
122
  $lumx-material-checkbox-wrapper-size: 20px !default;
123
123
  $lumx-material-checkbox-control-size: 16px !default;
@@ -214,7 +214,7 @@ $lumx-navigation-item-emphasis-selected-state-default-theme-light-icon-color: va
214
214
  $lumx-navigation-item-emphasis-selected-state-default-theme-light-label-color: var(--lumx-color-primary-D2) !default;
215
215
  $lumx-navigation-item-emphasis-selected-state-default-theme-light-chevron-background-color: transparent !default;
216
216
  $lumx-navigation-item-emphasis-selected-state-default-theme-light-chevron-color: var(--lumx-color-primary-D2) !default;
217
- $lumx-navigation-item-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L3) !default;
217
+ $lumx-navigation-item-emphasis-selected-state-default-theme-dark-background-color: var(--lumx-color-light-L6) !default;
218
218
  $lumx-navigation-item-emphasis-selected-state-default-theme-dark-border-color: var(--lumx-color-light-N) !default;
219
219
  $lumx-navigation-item-emphasis-selected-state-default-theme-dark-icon-color: var(--lumx-color-light-N) !default;
220
220
  $lumx-navigation-item-emphasis-selected-state-default-theme-dark-label-color: var(--lumx-color-light-N) !default;
@@ -228,13 +228,13 @@ $lumx-navigation-item-emphasis-selected-state-hover-theme-light-background-color
228
228
  $lumx-navigation-item-emphasis-selected-state-hover-theme-light-border-color: var(--lumx-color-primary-N) !default;
229
229
  $lumx-navigation-item-emphasis-selected-state-hover-theme-light-icon-color: var(--lumx-color-primary-D2) !default;
230
230
  $lumx-navigation-item-emphasis-selected-state-hover-theme-light-label-color: var(--lumx-color-primary-D2) !default;
231
- $lumx-navigation-item-emphasis-selected-state-hover-theme-light-chevron-background-color: var(--lumx-color-primary-L4) !default;
231
+ $lumx-navigation-item-emphasis-selected-state-hover-theme-light-chevron-background-color: var(--lumx-color-primary-L5) !default;
232
232
  $lumx-navigation-item-emphasis-selected-state-hover-theme-light-chevron-color: var(--lumx-color-primary-D2) !default;
233
- $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L4) !default;
233
+ $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L5) !default;
234
234
  $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-border-color: var(--lumx-color-light-N) !default;
235
235
  $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-icon-color: var(--lumx-color-light-N) !default;
236
236
  $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-label-color: var(--lumx-color-light-N) !default;
237
- $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-chevron-background-color: var(--lumx-color-light-L4) !default;
237
+ $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-chevron-background-color: var(--lumx-color-light-L5) !default;
238
238
  $lumx-navigation-item-emphasis-selected-state-hover-theme-dark-chevron-color: var(--lumx-color-light-N) !default;
239
239
  $lumx-navigation-item-emphasis-selected-state-active-border-top-width: 1px !default;
240
240
  $lumx-navigation-item-emphasis-selected-state-active-border-right-width: 1px !default;
@@ -244,13 +244,13 @@ $lumx-navigation-item-emphasis-selected-state-active-theme-light-background-colo
244
244
  $lumx-navigation-item-emphasis-selected-state-active-theme-light-border-color: var(--lumx-color-primary-N) !default;
245
245
  $lumx-navigation-item-emphasis-selected-state-active-theme-light-icon-color: var(--lumx-color-primary-D2) !default;
246
246
  $lumx-navigation-item-emphasis-selected-state-active-theme-light-label-color: var(--lumx-color-primary-D2) !default;
247
- $lumx-navigation-item-emphasis-selected-state-active-theme-light-chevron-background-color: var(--lumx-color-primary-L3) !default;
247
+ $lumx-navigation-item-emphasis-selected-state-active-theme-light-chevron-background-color: var(--lumx-color-primary-L4) !default;
248
248
  $lumx-navigation-item-emphasis-selected-state-active-theme-light-chevron-color: var(--lumx-color-primary-D2) !default;
249
- $lumx-navigation-item-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L5) !default;
249
+ $lumx-navigation-item-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L4) !default;
250
250
  $lumx-navigation-item-emphasis-selected-state-active-theme-dark-border-color: var(--lumx-color-light-N) !default;
251
251
  $lumx-navigation-item-emphasis-selected-state-active-theme-dark-icon-color: var(--lumx-color-light-N) !default;
252
252
  $lumx-navigation-item-emphasis-selected-state-active-theme-dark-label-color: var(--lumx-color-light-N) !default;
253
- $lumx-navigation-item-emphasis-selected-state-active-theme-dark-chevron-background-color: var(--lumx-color-light-L5) !default;
253
+ $lumx-navigation-item-emphasis-selected-state-active-theme-dark-chevron-background-color: var(--lumx-color-light-L4) !default;
254
254
  $lumx-navigation-item-emphasis-selected-state-active-theme-dark-chevron-color: var(--lumx-color-light-N) !default;
255
255
  $lumx-side-navigation-item-emphasis-selected-state-default-border-width: 1px !default;
256
256
  $lumx-side-navigation-item-emphasis-selected-state-default-theme-light-border-color: var(--lumx-color-primary-N) !default;
@@ -260,7 +260,7 @@ $lumx-side-navigation-item-emphasis-selected-state-hover-theme-light-border-colo
260
260
  $lumx-side-navigation-item-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-primary-L5) !default;
261
261
  $lumx-side-navigation-item-emphasis-selected-state-active-border-width: 1px !default;
262
262
  $lumx-side-navigation-item-emphasis-selected-state-active-theme-light-border-color: var(--lumx-color-primary-N) !default;
263
- $lumx-side-navigation-item-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-primary-L5) !default;
263
+ $lumx-side-navigation-item-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-primary-L4) !default;
264
264
  $lumx-tabs-link-height: 48px !default;
265
265
  $lumx-tabs-link-border-radius: 0 !default;
266
266
  $lumx-tabs-link-emphasis-low-state-default-border-top-width: 0 !default;