@k8slens/lds-tokens 0.14.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/lib/docs/token-map.dark.d.ts +1 -1
  2. package/lib/docs/token-map.dark.js +12 -10
  3. package/lib/docs/token-map.light.d.ts +1 -1
  4. package/lib/docs/token-map.light.js +13 -13
  5. package/lib/electron/font-face.css +1 -1
  6. package/lib/electron/icons/action.js +1 -1
  7. package/lib/electron/icons/base.js +1 -1
  8. package/lib/electron/icons/idp.js +1 -1
  9. package/lib/electron/icons/misc.js +1 -1
  10. package/lib/electron/icons/navigation.js +1 -1
  11. package/lib/electron/images/index.js +1 -1
  12. package/lib/electron/tokens.core.css +3 -3
  13. package/lib/electron/tokens.dark.css +1 -1
  14. package/lib/electron/tokens.dark.js +3 -3
  15. package/lib/electron/tokens.dark.scoped.css +1 -1
  16. package/lib/electron/tokens.dark.ts +3 -3
  17. package/lib/electron/tokens.form.css +1 -1
  18. package/lib/electron/tokens.light.css +1 -1
  19. package/lib/electron/tokens.light.js +3 -3
  20. package/lib/electron/tokens.light.scoped.css +1 -1
  21. package/lib/electron/tokens.light.ts +3 -3
  22. package/lib/electron/tokens.tips.css +1 -1
  23. package/lib/web/colors/dark.js +1 -1
  24. package/lib/web/colors/light.js +1 -1
  25. package/lib/web/font-imports.css +1 -1
  26. package/lib/web/icons/action.js +1 -1
  27. package/lib/web/icons/base.js +1 -1
  28. package/lib/web/icons/idp.js +1 -1
  29. package/lib/web/icons/misc.js +1 -1
  30. package/lib/web/icons/navigation.js +1 -1
  31. package/lib/web/images/index.js +1 -1
  32. package/lib/web/tailwind.config.cjs +1 -1
  33. package/lib/web/tailwind.config.js +1 -1
  34. package/lib/web/tokens.core.css +3 -3
  35. package/lib/web/tokens.dark.css +1 -1
  36. package/lib/web/tokens.dark.js +3 -3
  37. package/lib/web/tokens.dark.scoped.css +1 -1
  38. package/lib/web/tokens.dark.ts +3 -3
  39. package/lib/web/tokens.form.css +1 -1
  40. package/lib/web/tokens.light.css +1 -1
  41. package/lib/web/tokens.light.js +3 -3
  42. package/lib/web/tokens.light.scoped.css +1 -1
  43. package/lib/web/tokens.light.ts +3 -3
  44. package/lib/web/tokens.tips.css +1 -1
  45. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  export type PackageDetails = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  const tokenMap = {
@@ -1598,8 +1598,7 @@ const tokenMap = {
1598
1598
  "inherits": [],
1599
1599
  "inheritedBy": [
1600
1600
  "alias.color.background.elevation.negative",
1601
- "alias.color.background.overlay.blocked",
1602
- "shadow.switch.thumb.disabled"
1601
+ "alias.color.background.overlay.blocked"
1603
1602
  ]
1604
1603
  },
1605
1604
  "60": {
@@ -1830,11 +1829,11 @@ const tokenMap = {
1830
1829
  "color.base.white"
1831
1830
  ]
1832
1831
  },
1833
- "highlight": {
1834
- "path": "color.background.switch.highlight",
1835
- "name": "ColorBackgroundSwitchHighlight",
1836
- "code": "$color-background-switch-highlight",
1837
- "variable": "color-background-switch-highlight",
1832
+ "thumb-highlight": {
1833
+ "path": "color.background.switch.thumb-highlight",
1834
+ "name": "ColorBackgroundSwitchThumb-highlight",
1835
+ "code": "$color-background-switch-thumb-highlight",
1836
+ "variable": "color-background-switch-thumb-highlight",
1838
1837
  "value": "rgba(255, 255, 255, .25)",
1839
1838
  "attributes": {},
1840
1839
  "inherits": [
@@ -5133,6 +5132,9 @@ const tokenMap = {
5133
5132
  },
5134
5133
  "inherits": [
5135
5134
  "color.base.translucent.dark.40"
5135
+ ],
5136
+ "inheritedBy": [
5137
+ "shadow.switch.thumb.disabled"
5136
5138
  ]
5137
5139
  },
5138
5140
  "popup": {
@@ -5163,7 +5165,7 @@ const tokenMap = {
5163
5165
  "color.base.translucent.light.25"
5164
5166
  ],
5165
5167
  "inheritedBy": [
5166
- "color.background.switch.highlight"
5168
+ "color.background.switch.thumb-highlight"
5167
5169
  ]
5168
5170
  }
5169
5171
  }
@@ -5307,7 +5309,7 @@ const tokenMap = {
5307
5309
  "value": "inset 0 0 0 2px rgba(0, 0, 0, .4)",
5308
5310
  "attributes": {},
5309
5311
  "inherits": [
5310
- "color.base.translucent.dark.40"
5312
+ "alias.color.background.overlay.blocked"
5311
5313
  ]
5312
5314
  },
5313
5315
  "focused": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  export type PackageDetails = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  const tokenMap = {
@@ -1595,10 +1595,7 @@ const tokenMap = {
1595
1595
  "variable": "color-base-translucent-dark-40",
1596
1596
  "value": "rgba(0, 0, 0, .4)",
1597
1597
  "attributes": {},
1598
- "inherits": [],
1599
- "inheritedBy": [
1600
- "shadow.switch.thumb.disabled"
1601
- ]
1598
+ "inherits": []
1602
1599
  },
1603
1600
  "60": {
1604
1601
  "path": "color.base.translucent.dark.60",
@@ -1826,11 +1823,11 @@ const tokenMap = {
1826
1823
  "color.base.white"
1827
1824
  ]
1828
1825
  },
1829
- "highlight": {
1830
- "path": "color.background.switch.highlight",
1831
- "name": "ColorBackgroundSwitchHighlight",
1832
- "code": "$color-background-switch-highlight",
1833
- "variable": "color-background-switch-highlight",
1826
+ "thumb-highlight": {
1827
+ "path": "color.background.switch.thumb-highlight",
1828
+ "name": "ColorBackgroundSwitchThumb-highlight",
1829
+ "code": "$color-background-switch-thumb-highlight",
1830
+ "variable": "color-background-switch-thumb-highlight",
1834
1831
  "value": "rgba(0, 0, 0, .05)",
1835
1832
  "attributes": {},
1836
1833
  "inherits": [
@@ -5129,6 +5126,9 @@ const tokenMap = {
5129
5126
  },
5130
5127
  "inherits": [
5131
5128
  "color.base.translucent.light.50"
5129
+ ],
5130
+ "inheritedBy": [
5131
+ "shadow.switch.thumb.disabled"
5132
5132
  ]
5133
5133
  },
5134
5134
  "popup": {
@@ -5159,7 +5159,7 @@ const tokenMap = {
5159
5159
  "color.base.translucent.dark.05"
5160
5160
  ],
5161
5161
  "inheritedBy": [
5162
- "color.background.switch.highlight"
5162
+ "color.background.switch.thumb-highlight"
5163
5163
  ]
5164
5164
  }
5165
5165
  }
@@ -5300,10 +5300,10 @@ const tokenMap = {
5300
5300
  "name": "ShadowSwitchThumbDisabled",
5301
5301
  "code": "$shadow-switch-thumb-disabled",
5302
5302
  "variable": "shadow-switch-thumb-disabled",
5303
- "value": "inset 0 0 0 2px rgba(0, 0, 0, .4)",
5303
+ "value": "inset 0 0 0 2px rgba(255, 255, 255, .5)",
5304
5304
  "attributes": {},
5305
5305
  "inherits": [
5306
- "color.base.translucent.dark.40"
5306
+ "alias.color.background.overlay.blocked"
5307
5307
  ]
5308
5308
  },
5309
5309
  "focused": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -8,13 +8,13 @@
8
8
  --spacing-switch-thumb-size: 20px;
9
9
  --size-input-block-size: var(--spacing-base-10);
10
10
  --size-button-height: var(--spacing-base-10);
11
- --shadow-switch-thumb-disabled: inset 0 0 0 2px var(--color-base-translucent-dark-40);
12
11
  --spacing-input-icon-inset-block: var(--spacing-base-2-5);
13
12
  --spacing-input-icon-inset-inline: var(--spacing-base-2-5);
14
13
  --spacing-input-with-icon-inline-end: var(--spacing-base-10);
15
14
  --spacing-button-icon-size: var(--spacing-base-5);
16
15
  --color-font-side-nav-item-active-danger: var(--color-base-white);
17
16
  --color-background-switch-thumb: var(--color-base-white);
17
+ --shadow-switch-thumb-disabled: inset 0 0 0 2px var(--alias-color-background-overlay-blocked);
18
18
  --spacing-side-nav-item-margin-block-end: var(--spacing-base-xxs);
19
19
  --spacing-side-nav-item-padding-block: var(--spacing-base-xs);
20
20
  --spacing-side-nav-item-padding-inline: var(--spacing-base-md);
@@ -28,7 +28,7 @@
28
28
  --spacing-button-padding-x: var(--spacing-base-lg);
29
29
  --color-font-side-nav-item-active-default: var(--alias-color-text-accent);
30
30
  --color-font-input-focus: var(--alias-color-text-accent);
31
- --color-background-switch-highlight: var(--alias-color-background-highlight-25);
31
+ --color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
32
32
  --spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
33
33
  --color-font-button-danger-base: var(--color-base-blue-gray-900);
34
34
  --color-font-button-caution-base: var(--color-base-blue-gray-900);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:46 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:46 GMT
4
4
  */
5
5
 
6
6
 
@@ -117,7 +117,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
117
117
  export const ColorBaseWhite = "rgb(255, 255, 255)";
118
118
  export const SizeInputBlockSize = SpacingBase10;
119
119
  export const SizeButtonHeight = SpacingBase10;
120
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
121
120
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
122
121
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
123
122
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -185,6 +184,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
185
184
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
186
185
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
187
186
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
187
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
188
188
  export const AliasColorInfo = ColorBaseBlue500;
189
189
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
190
190
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -216,7 +216,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
216
216
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
217
217
  export const ColorFontInputFocus = AliasColorTextAccent;
218
218
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
219
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
219
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
220
220
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
221
221
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
222
222
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:46 GMT
4
4
  */
5
5
 
6
6
  html.dark, body.dark {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:46 GMT
4
4
  */
5
5
 
6
6
 
@@ -117,7 +117,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
117
117
  export const ColorBaseWhite = "rgb(255, 255, 255)";
118
118
  export const SizeInputBlockSize = SpacingBase10;
119
119
  export const SizeButtonHeight = SpacingBase10;
120
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
121
120
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
122
121
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
123
122
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -185,6 +184,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
185
184
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
186
185
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
187
186
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
187
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
188
188
  export const AliasColorInfo = ColorBaseBlue500;
189
189
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
190
190
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -216,7 +216,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
216
216
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
217
217
  export const ColorFontInputFocus = AliasColorTextAccent;
218
218
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
219
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
219
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
220
220
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
221
221
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
222
222
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -117,7 +117,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
117
117
  export const ColorBaseWhite = "rgb(255, 255, 255)";
118
118
  export const SizeInputBlockSize = SpacingBase10;
119
119
  export const SizeButtonHeight = SpacingBase10;
120
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
121
120
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
122
121
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
123
122
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -185,6 +184,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
185
184
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
186
185
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
187
186
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
187
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
188
188
  export const AliasColorInfo = ColorBaseBlue500;
189
189
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
190
190
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -216,7 +216,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
216
216
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
217
217
  export const ColorFontInputFocus = AliasColorTextAccent;
218
218
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
219
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
219
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
220
220
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
221
221
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
222
222
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  html.light, body.light {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -117,7 +117,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
117
117
  export const ColorBaseWhite = "rgb(255, 255, 255)";
118
118
  export const SizeInputBlockSize = SpacingBase10;
119
119
  export const SizeButtonHeight = SpacingBase10;
120
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
121
120
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
122
121
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
123
122
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -185,6 +184,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
185
184
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
186
185
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
187
186
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
187
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
188
188
  export const AliasColorInfo = ColorBaseBlue500;
189
189
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
190
190
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -216,7 +216,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
216
216
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
217
217
  export const ColorFontInputFocus = AliasColorTextAccent;
218
218
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
219
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
219
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
220
220
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
221
221
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
222
222
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  export const ColorBaseBlue500 = "hsl(206deg, 60%, 52%)";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  export const ColorBaseBlue500 = "hsl(206deg, 60%, 52%)";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  const config = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -8,13 +8,13 @@
8
8
  --spacing-switch-thumb-size: 20px;
9
9
  --size-input-block-size: var(--spacing-base-10);
10
10
  --size-button-height: var(--spacing-base-10);
11
- --shadow-switch-thumb-disabled: inset 0 0 0 2px var(--color-base-translucent-dark-40);
12
11
  --spacing-input-icon-inset-block: var(--spacing-base-2-5);
13
12
  --spacing-input-icon-inset-inline: var(--spacing-base-2-5);
14
13
  --spacing-input-with-icon-inline-end: var(--spacing-base-10);
15
14
  --spacing-button-icon-size: var(--spacing-base-5);
16
15
  --color-font-side-nav-item-active-danger: var(--color-base-white);
17
16
  --color-background-switch-thumb: var(--color-base-white);
17
+ --shadow-switch-thumb-disabled: inset 0 0 0 2px var(--alias-color-background-overlay-blocked);
18
18
  --spacing-side-nav-item-margin-block-end: var(--spacing-base-xxs);
19
19
  --spacing-side-nav-item-padding-block: var(--spacing-base-xs);
20
20
  --spacing-side-nav-item-padding-inline: var(--spacing-base-md);
@@ -28,7 +28,7 @@
28
28
  --spacing-button-padding-x: var(--spacing-base-lg);
29
29
  --color-font-side-nav-item-active-default: var(--alias-color-text-accent);
30
30
  --color-font-input-focus: var(--alias-color-text-accent);
31
- --color-background-switch-highlight: var(--alias-color-background-highlight-25);
31
+ --color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
32
32
  --spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
33
33
  --color-font-button-danger-base: var(--color-base-blue-gray-900);
34
34
  --color-font-button-caution-base: var(--color-base-blue-gray-900);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:28 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -119,7 +119,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
119
119
  export const ColorBaseWhite = "rgb(255, 255, 255)";
120
120
  export const SizeInputBlockSize = SpacingBase10;
121
121
  export const SizeButtonHeight = SpacingBase10;
122
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
123
122
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
124
123
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
125
124
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -189,6 +188,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
189
188
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
190
189
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
191
190
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
191
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
192
192
  export const AliasColorInfo = ColorBaseBlue500;
193
193
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
194
194
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -220,7 +220,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
220
220
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
221
221
  export const ColorFontInputFocus = AliasColorTextAccent;
222
222
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
223
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
223
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
224
224
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
225
225
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
226
226
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
  html.dark, body.dark {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -119,7 +119,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
119
119
  export const ColorBaseWhite = "rgb(255, 255, 255)";
120
120
  export const SizeInputBlockSize = SpacingBase10;
121
121
  export const SizeButtonHeight = SpacingBase10;
122
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
123
122
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
124
123
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
125
124
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -189,6 +188,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
189
188
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
190
189
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
191
190
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
191
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
192
192
  export const AliasColorInfo = ColorBaseBlue500;
193
193
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
194
194
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -220,7 +220,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
220
220
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
221
221
  export const ColorFontInputFocus = AliasColorTextAccent;
222
222
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
223
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
223
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
224
224
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
225
225
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
226
226
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -119,7 +119,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
119
119
  export const ColorBaseWhite = "rgb(255, 255, 255)";
120
120
  export const SizeInputBlockSize = SpacingBase10;
121
121
  export const SizeButtonHeight = SpacingBase10;
122
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
123
122
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
124
123
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
125
124
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -189,6 +188,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
189
188
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
190
189
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
191
190
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
191
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
192
192
  export const AliasColorInfo = ColorBaseBlue500;
193
193
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
194
194
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -220,7 +220,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
220
220
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
221
221
  export const ColorFontInputFocus = AliasColorTextAccent;
222
222
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
223
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
223
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
224
224
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
225
225
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
226
226
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  html.light, body.light {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:47 GMT
4
4
  */
5
5
 
6
6
 
@@ -119,7 +119,6 @@ export const ColorBaseBlack = "rgb(0, 0, 0)";
119
119
  export const ColorBaseWhite = "rgb(255, 255, 255)";
120
120
  export const SizeInputBlockSize = SpacingBase10;
121
121
  export const SizeButtonHeight = SpacingBase10;
122
- export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${ColorBaseTranslucentDark40}`;
123
122
  export const ShadowBaseInner = `inset 0 2px 4px 0 ${ColorBaseTranslucentDark05}`;
124
123
  export const ShadowBase2xl = `0 25px 50px -12px ${ColorBaseTranslucentDark25}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
125
124
  export const ShadowBaseXl = `0 20px 25px -5px ${ColorBaseTranslucentDark10}, 0 0 1px 0 ${ColorBaseTranslucentDark25}`;
@@ -189,6 +188,7 @@ export const ColorBaseOrange400 = `hsl(${HuesOrangeHue}, ${HuesOrangeSaturation}
189
188
  export const ColorBaseRed600 = `hsl(${HuesRedHue}, ${HuesRedSaturation}, ${HuesRedLightness})`;
190
189
  export const ColorBaseBlue600 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, 60%)`;
191
190
  export const ColorBaseBlue500 = `hsl(${HuesBlueHue}, ${HuesBlueSaturation}, ${HuesBlueLightness})`;
191
+ export const ShadowSwitchThumbDisabled = `inset 0 0 0 2px ${AliasColorBackgroundOverlayBlocked}`;
192
192
  export const AliasColorInfo = ColorBaseBlue500;
193
193
  export const AliasColorCautionDark = `${ColorBaseOrange400}`;
194
194
  export const TypographyHeadingLineHeightH4 = TypographyBaseLineHeightBase;
@@ -220,7 +220,7 @@ export const SpacingButtonPaddingX = SpacingBaseLg;
220
220
  export const ColorFontSideNavItemActiveDefault = AliasColorTextAccent;
221
221
  export const ColorFontInputFocus = AliasColorTextAccent;
222
222
  export const ColorFontTableHeaderBase = AliasColorTextAccent;
223
- export const ColorBackgroundSwitchHighlight = AliasColorBackgroundHighlight25;
223
+ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
224
224
  export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
225
225
  export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
226
226
  export const ColorBaseGreenDefault = ColorBaseGreen400;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 03 May 2023 09:22:29 GMT
3
+ * Generated on Thu, 11 May 2023 09:45:48 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k8slens/lds-tokens",
3
- "version": "0.14.0",
3
+ "version": "0.15.0",
4
4
  "description": "Lens Design System – Design Tokens",
5
5
  "author": "Mirantis Inc",
6
6
  "license": "MIT",
@@ -44,5 +44,5 @@
44
44
  "^.+\\.(ts|tsx|js|jsx)$": "ts-jest"
45
45
  }
46
46
  },
47
- "gitHead": "cf0436e3a2de3c89146b4bcbd665d84cf95bf7a2"
47
+ "gitHead": "c7bd4be6712482573c1f13fec7a605417757a104"
48
48
  }