@lumx/core 3.20.1-alpha.11 → 3.20.1-alpha.13

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 (66) hide show
  1. package/js/constants/design-tokens.js +5389 -2294
  2. package/js/constants/index.js +107 -134
  3. package/js/constants/keycodes.js +9 -13
  4. package/js/custom-colors.js +17 -22
  5. package/js/types/Callback.js +0 -1
  6. package/js/types/Falsy.js +0 -1
  7. package/js/types/GenericProps.js +0 -1
  8. package/js/types/HasAriaLabelOrLabelledBy.js +0 -1
  9. package/js/types/HasClassName.js +0 -1
  10. package/js/types/HasCloseMode.js +0 -1
  11. package/js/types/HasTheme.js +0 -1
  12. package/js/types/HeadingElement.js +0 -1
  13. package/js/types/Point.js +0 -1
  14. package/js/types/Predicate.js +0 -1
  15. package/js/types/RectSize.js +0 -1
  16. package/js/types/TextElement.js +0 -1
  17. package/js/types/ValueOf.js +0 -1
  18. package/js/types/index.js +0 -1
  19. package/js/utils/className/fontColorClass.js +7 -12
  20. package/js/utils/className/fontColorClass.test.js +14 -16
  21. package/js/utils/className/getBasicClass.js +19 -24
  22. package/js/utils/className/getBasicClass.test.js +55 -19
  23. package/js/utils/className/getRootClassName.js +10 -17
  24. package/js/utils/className/getRootClassName.test.js +11 -13
  25. package/js/utils/className/getTypographyClassName.js +3 -7
  26. package/js/utils/className/getTypographyClassName.test.js +5 -7
  27. package/js/utils/className/handleBasicClasses.js +27 -31
  28. package/js/utils/className/handleBasicClasses.test.js +30 -32
  29. package/js/utils/className/index.js +12 -25
  30. package/js/utils/className/resolveColorWithVariants.js +4 -9
  31. package/js/utils/className/resolveColorWithVariants.test.js +26 -28
  32. package/js/utils/index.js +161 -174
  33. package/package.json +1 -3
  34. package/js/constants/design-tokens.min.js +0 -1
  35. package/js/constants/index.min.js +0 -1
  36. package/js/constants/keycodes.min.js +0 -1
  37. package/js/custom-colors.min.js +0 -1
  38. package/js/types/Callback.min.js +0 -1
  39. package/js/types/Falsy.min.js +0 -1
  40. package/js/types/GenericProps.min.js +0 -1
  41. package/js/types/HasAriaLabelOrLabelledBy.min.js +0 -1
  42. package/js/types/HasClassName.min.js +0 -1
  43. package/js/types/HasCloseMode.min.js +0 -1
  44. package/js/types/HasTheme.min.js +0 -1
  45. package/js/types/HeadingElement.min.js +0 -1
  46. package/js/types/Point.min.js +0 -1
  47. package/js/types/Predicate.min.js +0 -1
  48. package/js/types/RectSize.min.js +0 -1
  49. package/js/types/TextElement.min.js +0 -1
  50. package/js/types/ValueOf.min.js +0 -1
  51. package/js/types/index.min.js +0 -1
  52. package/js/utils/className/fontColorClass.min.js +0 -1
  53. package/js/utils/className/fontColorClass.test.min.js +0 -1
  54. package/js/utils/className/getBasicClass.min.js +0 -1
  55. package/js/utils/className/getBasicClass.test.min.js +0 -1
  56. package/js/utils/className/getRootClassName.min.js +0 -1
  57. package/js/utils/className/getRootClassName.test.min.js +0 -1
  58. package/js/utils/className/getTypographyClassName.min.js +0 -1
  59. package/js/utils/className/getTypographyClassName.test.min.js +0 -1
  60. package/js/utils/className/handleBasicClasses.min.js +0 -1
  61. package/js/utils/className/handleBasicClasses.test.min.js +0 -1
  62. package/js/utils/className/index.min.js +0 -1
  63. package/js/utils/className/resolveColorWithVariants.min.js +0 -1
  64. package/js/utils/className/resolveColorWithVariants.test.min.js +0 -1
  65. package/js/utils/index.min.js +0 -1
  66. package/lumx.min.css +0 -1
package/js/utils/index.js CHANGED
@@ -1,24 +1,16 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var noop = require('lodash/noop');
6
- var js_utils_className_handleBasicClasses = require('./className/handleBasicClasses.js');
7
- var js_utils_className_getBasicClass = require('./className/getBasicClass.js');
8
- var js_utils_className_getRootClassName = require('./className/getRootClassName.js');
9
- var js_utils_className_getTypographyClassName = require('./className/getTypographyClassName.js');
10
- var js_utils_className_fontColorClass = require('./className/fontColorClass.js');
11
- var js_utils_className_resolveColorWithVariants = require('./className/resolveColorWithVariants.js');
12
- require('classnames');
13
- require('lodash/isBoolean');
14
- require('lodash/isEmpty');
15
- require('lodash/kebabCase');
16
- require('../constants/index.js');
17
- require('../constants/keycodes.js');
18
-
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
1
+ import noop from 'lodash/noop';
2
+ export { handleBasicClasses } from './className/handleBasicClasses.js';
3
+ export { getBasicClass } from './className/getBasicClass.js';
4
+ export { getRootClassName } from './className/getRootClassName.js';
5
+ export { getTypographyClassName } from './className/getTypographyClassName.js';
6
+ export { fontColorClass } from './className/fontColorClass.js';
7
+ export { resolveColorWithVariants } from './className/resolveColorWithVariants.js';
8
+ import 'classnames';
9
+ import 'lodash/isBoolean';
10
+ import 'lodash/isEmpty';
11
+ import 'lodash/kebabCase';
12
+ import '../constants/index.js';
13
+ import '../constants/keycodes.js';
22
14
 
23
15
  /**
24
16
  * Make sure the pressed key is the enter key before calling the callback.
@@ -27,13 +19,14 @@ var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
27
19
  * @return The decorated function.
28
20
  */
29
21
  function onEnterPressed(handler) {
30
- return (evt) => {
31
- if (evt.key !== 'Enter') {
32
- return;
33
- }
34
- handler(evt);
35
- };
22
+ return evt => {
23
+ if (evt.key !== 'Enter') {
24
+ return;
25
+ }
26
+ handler(evt);
27
+ };
36
28
  }
29
+
37
30
  /**
38
31
  * Make sure the pressed key is the escape key before calling the callback.
39
32
  *
@@ -41,13 +34,14 @@ function onEnterPressed(handler) {
41
34
  * @return The decorated function.
42
35
  */
43
36
  function onEscapePressed(handler) {
44
- return (evt) => {
45
- if (evt.key !== 'Escape') {
46
- return;
47
- }
48
- handler(evt);
49
- };
37
+ return evt => {
38
+ if (evt.key !== 'Escape') {
39
+ return;
40
+ }
41
+ handler(evt);
42
+ };
50
43
  }
44
+
51
45
  /**
52
46
  * Handle button key pressed (Enter + Space).
53
47
  *
@@ -55,12 +49,12 @@ function onEscapePressed(handler) {
55
49
  * @return The decorated function.
56
50
  */
57
51
  function onButtonPressed(handler) {
58
- return (evt) => {
59
- if (evt.key !== 'Enter' && evt.key !== ' ') {
60
- return;
61
- }
62
- handler(evt);
63
- };
52
+ return evt => {
53
+ if (evt.key !== 'Enter' && evt.key !== ' ') {
54
+ return;
55
+ }
56
+ handler(evt);
57
+ };
64
58
  }
65
59
  /**
66
60
  * Detects swipe direction.
@@ -71,153 +65,146 @@ function onButtonPressed(handler) {
71
65
  * @param handleSwipe Callback function.
72
66
  * @return Function to remove listeners.
73
67
  */
74
- function detectSwipe(touchSurface, handleSwipe = noop__default["default"]) {
75
- let distX;
76
- let distY;
77
- let startX;
78
- let startY;
79
- let direction;
80
- // Required min distance traveled to be considered swipe.
81
- const threshold = 150;
82
- // Maximum distance allowed at the same time in perpendicular direction.
83
- const restraint = 100;
84
- // Maximum time allowed to travel that distance.
85
- const allowedTime = 300;
86
- let elapsedTime;
87
- let startTime;
88
- const onTouchStart = (evt) => {
89
- const [touch] = Array.from(evt.changedTouches);
90
- direction = 'none';
91
- // Const dist = 0;
92
- startX = touch.pageX;
93
- startY = touch.pageY;
94
- // Record time when finger first makes contact with surface.
95
- startTime = new Date().getTime();
96
- evt.preventDefault();
97
- };
98
- const onTouchMove = (evt) => {
99
- // Prevent scrolling when inside DIV.
100
- evt.preventDefault();
101
- };
102
- const onTouchEnd = (evt) => {
103
- const [touch] = Array.from(evt.changedTouches);
104
- // Get horizontal dist traveled by finger while in contact with surface.
105
- distX = touch.pageX - startX;
106
- // Get vertical dist traveled by finger while in contact with surface.
107
- distY = touch.pageY - startY;
108
- // Get time elapsed.
109
- elapsedTime = new Date().getTime() - startTime;
110
- if (elapsedTime <= allowedTime) {
111
- // First condition for awipe met.
112
- if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
113
- // 2nd condition for horizontal swipe met.
114
- // If dist traveled is negative, it indicates left swipe.
115
- direction = distX < 0 ? 'left' : 'right';
116
- }
117
- else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
118
- // 2nd condition for vertical swipe met.
119
- // If dist traveled is negative, it indicates up swipe.
120
- direction = distY < 0 ? 'up' : 'down';
121
- }
122
- }
123
- handleSwipe(direction);
124
- evt.preventDefault();
125
- };
126
- touchSurface.addEventListener('touchstart', onTouchStart, false);
127
- touchSurface.addEventListener('touchmove', onTouchMove, false);
128
- touchSurface.addEventListener('touchend', onTouchEnd, false);
129
- return () => {
130
- touchSurface.removeEventListener('touchstart', onTouchStart, false);
131
- touchSurface.removeEventListener('touchmove', onTouchMove, false);
132
- touchSurface.removeEventListener('touchend', onTouchEnd, false);
133
- };
68
+ function detectSwipe(touchSurface, handleSwipe = noop) {
69
+ let distX;
70
+ let distY;
71
+ let startX;
72
+ let startY;
73
+ let direction;
74
+ // Required min distance traveled to be considered swipe.
75
+ const threshold = 150;
76
+ // Maximum distance allowed at the same time in perpendicular direction.
77
+ const restraint = 100;
78
+ // Maximum time allowed to travel that distance.
79
+ const allowedTime = 300;
80
+ let elapsedTime;
81
+ let startTime;
82
+ const onTouchStart = evt => {
83
+ const [touch] = Array.from(evt.changedTouches);
84
+ direction = 'none';
85
+ // Const dist = 0;
86
+ startX = touch.pageX;
87
+ startY = touch.pageY;
88
+ // Record time when finger first makes contact with surface.
89
+ startTime = new Date().getTime();
90
+ evt.preventDefault();
91
+ };
92
+ const onTouchMove = evt => {
93
+ // Prevent scrolling when inside DIV.
94
+ evt.preventDefault();
95
+ };
96
+ const onTouchEnd = evt => {
97
+ const [touch] = Array.from(evt.changedTouches);
98
+ // Get horizontal dist traveled by finger while in contact with surface.
99
+ distX = touch.pageX - startX;
100
+ // Get vertical dist traveled by finger while in contact with surface.
101
+ distY = touch.pageY - startY;
102
+ // Get time elapsed.
103
+ elapsedTime = new Date().getTime() - startTime;
104
+ if (elapsedTime <= allowedTime) {
105
+ // First condition for awipe met.
106
+ if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
107
+ // 2nd condition for horizontal swipe met.
108
+ // If dist traveled is negative, it indicates left swipe.
109
+ direction = distX < 0 ? 'left' : 'right';
110
+ } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
111
+ // 2nd condition for vertical swipe met.
112
+ // If dist traveled is negative, it indicates up swipe.
113
+ direction = distY < 0 ? 'up' : 'down';
114
+ }
115
+ }
116
+ handleSwipe(direction);
117
+ evt.preventDefault();
118
+ };
119
+ touchSurface.addEventListener('touchstart', onTouchStart, false);
120
+ touchSurface.addEventListener('touchmove', onTouchMove, false);
121
+ touchSurface.addEventListener('touchend', onTouchEnd, false);
122
+ return () => {
123
+ touchSurface.removeEventListener('touchstart', onTouchStart, false);
124
+ touchSurface.removeEventListener('touchmove', onTouchMove, false);
125
+ touchSurface.removeEventListener('touchend', onTouchEnd, false);
126
+ };
134
127
  }
128
+
135
129
  /**
136
130
  * Checks whether or not the browser support passive events.
137
131
  * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js
138
132
  */
139
133
  function isPassiveEventAvailable() {
140
- let supportsPassiveOption = false;
141
- try {
142
- const opts = Object.defineProperty({}, 'passive', {
143
- get() {
144
- supportsPassiveOption = true;
145
- },
146
- });
147
- window.addEventListener('testPassiveEventSupport', noop__default["default"], opts);
148
- window.removeEventListener('testPassiveEventSupport', noop__default["default"], opts);
149
- }
150
- catch (e) {
151
- // ignored
152
- }
153
- return supportsPassiveOption;
134
+ let supportsPassiveOption = false;
135
+ try {
136
+ const opts = Object.defineProperty({}, 'passive', {
137
+ get() {
138
+ supportsPassiveOption = true;
139
+ }
140
+ });
141
+ window.addEventListener('testPassiveEventSupport', noop, opts);
142
+ window.removeEventListener('testPassiveEventSupport', noop, opts);
143
+ } catch (e) {
144
+ // ignored
145
+ }
146
+ return supportsPassiveOption;
154
147
  }
148
+
155
149
  /**
156
150
  * Detects horizontal swipe direction without blocking the browser scroll using passive event.
157
151
  * @see http://javascriptkit.com/javatutors/touchevents2.shtml
158
152
  * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
159
153
  */
160
154
  function detectHorizontalSwipe(touchSurface, handleSwipe) {
161
- let startX;
162
- let startY;
163
- // Required min distance traveled to be considered swipe.
164
- const threshold = 150;
165
- // Maximum distance allowed at the same time in perpendicular direction.
166
- const restraint = 150;
167
- // Maximum time allowed to travel that distance.
168
- const allowedTime = 300;
169
- let elapsedTime;
170
- let startTime;
171
- let finished;
172
- const onTouchStart = (evt) => {
173
- const [touch] = Array.from(evt.changedTouches);
174
- startX = touch.pageX;
175
- startY = touch.pageY;
176
- // Record time when finger first makes contact with surface.
177
- startTime = new Date().getTime();
178
- finished = false;
179
- };
180
- const onTouchMove = (evt) => {
181
- if (finished) {
182
- return;
183
- }
184
- elapsedTime = new Date().getTime() - startTime;
185
- if (elapsedTime > allowedTime) {
186
- // Touch swipe too long to be considered.
187
- return;
188
- }
189
- const [touch] = Array.from(evt.changedTouches);
190
- // Get horizontal dist traveled by finger while in contact with surface.
191
- const distX = touch.pageX - startX;
192
- // Get vertical dist traveled by finger while in contact with surface.
193
- const distY = touch.pageY - startY;
194
- if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
195
- // Swipe is not horizontal.
196
- return;
197
- }
198
- // Swipe direction.
199
- const direction = distX < 0 ? 'left' : 'right';
200
- handleSwipe(direction);
201
- finished = true;
202
- };
203
- // Activate passive event if possible for better scrolling performance.
204
- const eventOptions = isPassiveEventAvailable() ? { passive: true } : false;
205
- touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
206
- touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
207
- return () => {
208
- touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
209
- touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
210
- };
155
+ let startX;
156
+ let startY;
157
+ // Required min distance traveled to be considered swipe.
158
+ const threshold = 150;
159
+ // Maximum distance allowed at the same time in perpendicular direction.
160
+ const restraint = 150;
161
+ // Maximum time allowed to travel that distance.
162
+ const allowedTime = 300;
163
+ let elapsedTime;
164
+ let startTime;
165
+ let finished;
166
+ const onTouchStart = evt => {
167
+ const [touch] = Array.from(evt.changedTouches);
168
+ startX = touch.pageX;
169
+ startY = touch.pageY;
170
+ // Record time when finger first makes contact with surface.
171
+ startTime = new Date().getTime();
172
+ finished = false;
173
+ };
174
+ const onTouchMove = evt => {
175
+ if (finished) {
176
+ return;
177
+ }
178
+ elapsedTime = new Date().getTime() - startTime;
179
+ if (elapsedTime > allowedTime) {
180
+ // Touch swipe too long to be considered.
181
+ return;
182
+ }
183
+ const [touch] = Array.from(evt.changedTouches);
184
+ // Get horizontal dist traveled by finger while in contact with surface.
185
+ const distX = touch.pageX - startX;
186
+ // Get vertical dist traveled by finger while in contact with surface.
187
+ const distY = touch.pageY - startY;
188
+ if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
189
+ // Swipe is not horizontal.
190
+ return;
191
+ }
192
+ // Swipe direction.
193
+ const direction = distX < 0 ? 'left' : 'right';
194
+ handleSwipe(direction);
195
+ finished = true;
196
+ };
197
+
198
+ // Activate passive event if possible for better scrolling performance.
199
+ const eventOptions = isPassiveEventAvailable() ? {
200
+ passive: true
201
+ } : false;
202
+ touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
203
+ touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
204
+ return () => {
205
+ touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
206
+ touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
207
+ };
211
208
  }
212
209
 
213
- exports.handleBasicClasses = js_utils_className_handleBasicClasses.handleBasicClasses;
214
- exports.getBasicClass = js_utils_className_getBasicClass.getBasicClass;
215
- exports.getRootClassName = js_utils_className_getRootClassName.getRootClassName;
216
- exports.getTypographyClassName = js_utils_className_getTypographyClassName.getTypographyClassName;
217
- exports.fontColorClass = js_utils_className_fontColorClass.fontColorClass;
218
- exports.resolveColorWithVariants = js_utils_className_resolveColorWithVariants.resolveColorWithVariants;
219
- exports.detectHorizontalSwipe = detectHorizontalSwipe;
220
- exports.detectSwipe = detectSwipe;
221
- exports.onButtonPressed = onButtonPressed;
222
- exports.onEnterPressed = onEnterPressed;
223
- exports.onEscapePressed = onEscapePressed;
210
+ export { detectHorizontalSwipe, detectSwipe, onButtonPressed, onEnterPressed, onEscapePressed };
package/package.json CHANGED
@@ -33,11 +33,9 @@
33
33
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
34
34
  },
35
35
  "sideEffects": false,
36
- "version": "3.20.1-alpha.11",
36
+ "version": "3.20.1-alpha.13",
37
37
  "devDependencies": {
38
38
  "@rollup/plugin-commonjs": "^19.0.2",
39
- "@rollup/plugin-terser": "^0.4.4",
40
- "@rollup/plugin-typescript": "^12.1.4",
41
39
  "@types/react": "^17.0.2",
42
40
  "autoprefixer": "^9.7.4",
43
41
  "glob": "^7.1.6",
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DESIGN_TOKENS={button:{height:{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-high":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D1)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}},$aliasedFrom:"color.primary.D1"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}}},"emphasis-medium":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L3)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}},$aliasedFrom:"color.light.L3"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-low":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-selected":{"state-default":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}},chip:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}}},material:{button:{"text-transform":{value:"none"}},checkbox:{"wrapper-size":{value:"20px"},"control-size":{value:"16px"}},chip:{"size-m":{height:{value:"36px"},"border-radius":{value:"18px"},"padding-vertical":{value:"16px"}},"size-s":{height:{value:"24px"},"border-radius":{value:"12px"},"padding-vertical":{value:"12px"}}},"input-helper":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},"input-label":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},progress:{bounce:{value:"block"},rotate:{value:"none"}},"radio-button":{"wrapper-size":{value:"20px"},"control-size":{value:"16px"},"indicator-size":{value:"8px"}},switch:{wrapper:{width:{value:"30px"},height:{value:"20px"}},control:{width:{value:"30px"},height:{value:"16px"}},indicator:{size:{value:"8px"},offset:{value:"4px"}}},"text-field":{padding:{top:{value:"0"},bottom:{value:"0"}},header:{wrapper:{"margin-bottom":{value:"8px"}},label:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}},input:{content:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}}}},navigation:{item:{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"min-height":{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-hover":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-active":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"side-navigation":{item:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}}}}}},tabs:{link:{height:{value:"48px"},"border-radius":{value:"0"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"text-field":{input:{"min-height":{value:"36px",$aliasedFrom:"size.m"},padding:{horizontal:{value:"var(--lumx-spacing-unit-medium)",$aliasedFrom:"spacing.unit.medium"}},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"}},"state-default":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}},$aliasedFrom:"color.dark.L6"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-hover":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-focus":{input:{border:{top:{width:{value:"2px"}},right:{width:{value:"2px"}},bottom:{width:{value:"2px"}},left:{width:{value:"2px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}}},"border-radius":{value:"4px"},color:{dark:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},light:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},blue:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},green:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},yellow:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}},red:{D2:{version:"0.22",comment:"Darkest red color",value:"rgb(188, 9, 48)",attributes:{hex:"bc0930",rgb:{r:188,g:9,b:48,a:1}}},D1:{version:"0.22",comment:"Dark red color",value:"rgb(212, 33, 72)",attributes:{hex:"d42148",rgb:{r:212,g:33,b:72,a:1}}},N:{version:"0.22",comment:"Neutral red color",value:"rgb(223, 42, 75)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:1}}},L1:{version:"0.22",comment:"Base red color with 80% opacity",value:"rgba(223, 42, 75, 0.8)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.8}}},L2:{version:"0.22",comment:"Base red color with 60% opacity",value:"rgba(223, 42, 75, 0.6)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.6}}},L3:{version:"0.22",comment:"Base red color with 40% opacity",value:"rgba(223, 42, 75, 0.4)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.4}}},L4:{version:"0.22",comment:"Base red color with 20% opacity",value:"rgba(223, 42, 75, 0.2)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.2}}},L5:{version:"0.22",comment:"Base red color with 10% opacity",value:"rgba(223, 42, 75, 0.1)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.1}}},L6:{version:"0.22",comment:"Base red color with 5% opacity",value:"rgba(223, 42, 75, 0.05)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.05}}}},grey:{N:{version:"0.22",comment:"Neutral grey color",value:"rgb(117, 117, 117)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:1}}},L1:{version:"0.22",comment:"Base grey color with 80% opacity",value:"rgba(117, 117, 117, 0.8)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.8}}},L2:{version:"0.22",comment:"Base grey color with 60% opacity",value:"rgba(117, 117, 117, 0.6)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.6}}},L3:{version:"0.22",comment:"Base grey color with 40% opacity",value:"rgba(117, 117, 117, 0.4)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.4}}},L4:{version:"0.22",comment:"Base grey color with 20% opacity",value:"rgba(117, 117, 117, 0.2)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.2}}},L5:{version:"0.22",comment:"Base grey color with 10% opacity",value:"rgba(117, 117, 117, 0.1)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.1}}},L6:{version:"0.22",comment:"Base grey color with 5% opacity",value:"rgba(117, 117, 117, 0.05)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.05}}}},primary:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},secondary:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},accent:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},black:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},white:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},orange:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}}},size:{xxs:{value:"14px"},xs:{value:"20px"},s:{value:"24px"},m:{value:"36px"},l:{value:"64px"},xl:{value:"128px"},xxl:{value:"256px"}},spacing:{unit:{tiny:{value:"4px"},regular:{value:"8px"},medium:{value:"12px"},big:{value:"16px"},huge:{value:"24px"}}},typography:{"font-family":{value:"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'"},"font-weight":{regular:{value:"400"},medium:{value:"500"},bold:{value:"700"},light:{value:"300"}},interface:{display1:{"font-size":{value:"34px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"40px"}},headline:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"32px"}},title:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},subtitle2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"24px"}},subtitle1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}},body2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},caption:{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},overline:{"font-size":{value:"10px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"12px"}}},custom:{title1:{"font-size":{value:"40px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title2:{"font-size":{value:"30px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title3:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title4:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title5:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title6:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},intro:{"font-size":{value:"18px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},"body-large":{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},quote:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"font-style":{value:"italic"},"line-height":{value:"24px"}},"publish-info":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},button:{"size-m":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},"size-s":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}}},"navigation-item":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}}}}};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keycodes.min.js");const t={overline:"overline",caption:"caption",body1:"body1",body2:"body2",subtitle1:"subtitle1",subtitle2:"subtitle2",title:"title",headline:"headline",display1:"display1"},o={title1:"custom-title1",title2:"custom-title2",title3:"custom-title3",title4:"custom-title4",title5:"custom-title5",title6:"custom-title6"},r={...o,intro:"custom-intro","body-large":"custom-body-large",body:"custom-body",quote:"custom-quote","publish-info":"custom-publish-info",button:"custom-button"},s={...t,custom:r};exports.BACKSPACE_KEY_CODE=e.BACKSPACE_KEY_CODE,exports.DOWN_KEY_CODE=e.DOWN_KEY_CODE,exports.ENTER_KEY_CODE=e.ENTER_KEY_CODE,exports.ESCAPE_KEY_CODE=e.ESCAPE_KEY_CODE,exports.LEFT_KEY_CODE=e.LEFT_KEY_CODE,exports.RIGHT_KEY_CODE=e.RIGHT_KEY_CODE,exports.SPACE_KEY_CODE=e.SPACE_KEY_CODE,exports.TAB_KEY_CODE=e.TAB_KEY_CODE,exports.UP_KEY_CODE=e.UP_KEY_CODE,exports.Alignment={bottom:"bottom",center:"center",end:"end",left:"left",right:"right",spaceAround:"space-around",spaceBetween:"space-between",spaceEvenly:"space-evenly",start:"start",top:"top"},exports.AspectRatio={original:"original",panoramic:"panoramic",wide:"wide",horizontal:"horizontal",vertical:"vertical",square:"square",free:"free"},exports.CSS_PREFIX="lumx",exports.ColorPalette={primary:"primary",secondary:"secondary",blue:"blue",dark:"dark",green:"green",yellow:"yellow",red:"red",light:"light",grey:"grey"},exports.ColorVariant={D1:"D1",D2:"D2",L1:"L1",L2:"L2",L3:"L3",L4:"L4",L5:"L5",L6:"L6",N:"N"},exports.DIALOG_TRANSITION_DURATION=400,exports.EXPANSION_PANEL_TRANSITION_DURATION=400,exports.Emphasis={low:"low",medium:"medium",high:"high"},exports.Kind={info:"info",success:"success",warning:"warning",error:"error"},exports.NOTIFICATION_TRANSITION_DURATION=200,exports.Orientation={horizontal:"horizontal",vertical:"vertical"},exports.SLIDESHOW_TRANSITION_DURATION=5e3,exports.Size={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl",tiny:"tiny",regular:"regular",medium:"medium",big:"big",huge:"huge"},exports.TOOLTIP_HOVER_DELAY={open:500,close:500},exports.TOOLTIP_LONG_PRESS_DELAY={open:250,close:3e3},exports.Theme={light:"light",dark:"dark"},exports.Typography=s,exports.TypographyCustom=r,exports.TypographyInterface=t,exports.TypographyTitleCustom=o,exports.WhiteSpace={normal:"normal",nowrap:"nowrap",pre:"pre","pre-wrap":"pre-wrap","pre-line":"pre-line","break-spaces":"break-spaces"};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BACKSPACE_KEY_CODE=8,exports.DOWN_KEY_CODE=40,exports.ENTER_KEY_CODE=13,exports.ESCAPE_KEY_CODE=27,exports.LEFT_KEY_CODE=37,exports.RIGHT_KEY_CODE=39,exports.SPACE_KEY_CODE=32,exports.TAB_KEY_CODE=9,exports.UP_KEY_CODE=38;
@@ -1 +0,0 @@
1
- "use strict";function e(e){let t="";for(const[o,r]of Object.entries(e))if(r)for(const[e,n]of Object.entries(r))t+=`--lumx-color-${o}-${e}: ${n};\n`;return t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateCSSColorVariables=e,exports.setCustomColors=function(t,o,r=":root"){!function(e,t,o,r){"insertRule"in e?e.insertRule(`${t}{${o}}`,r):"addRule"in e&&e.addRule(t,o,r)}(t,r,e(o),0)};
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";