@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.
- package/lib/docs/token-map.dark.d.ts +1 -1
- package/lib/docs/token-map.dark.js +12 -10
- package/lib/docs/token-map.light.d.ts +1 -1
- package/lib/docs/token-map.light.js +13 -13
- package/lib/electron/font-face.css +1 -1
- package/lib/electron/icons/action.js +1 -1
- package/lib/electron/icons/base.js +1 -1
- package/lib/electron/icons/idp.js +1 -1
- package/lib/electron/icons/misc.js +1 -1
- package/lib/electron/icons/navigation.js +1 -1
- package/lib/electron/images/index.js +1 -1
- package/lib/electron/tokens.core.css +3 -3
- package/lib/electron/tokens.dark.css +1 -1
- package/lib/electron/tokens.dark.js +3 -3
- package/lib/electron/tokens.dark.scoped.css +1 -1
- package/lib/electron/tokens.dark.ts +3 -3
- package/lib/electron/tokens.form.css +1 -1
- package/lib/electron/tokens.light.css +1 -1
- package/lib/electron/tokens.light.js +3 -3
- package/lib/electron/tokens.light.scoped.css +1 -1
- package/lib/electron/tokens.light.ts +3 -3
- package/lib/electron/tokens.tips.css +1 -1
- package/lib/web/colors/dark.js +1 -1
- package/lib/web/colors/light.js +1 -1
- package/lib/web/font-imports.css +1 -1
- package/lib/web/icons/action.js +1 -1
- package/lib/web/icons/base.js +1 -1
- package/lib/web/icons/idp.js +1 -1
- package/lib/web/icons/misc.js +1 -1
- package/lib/web/icons/navigation.js +1 -1
- package/lib/web/images/index.js +1 -1
- package/lib/web/tailwind.config.cjs +1 -1
- package/lib/web/tailwind.config.js +1 -1
- package/lib/web/tokens.core.css +3 -3
- package/lib/web/tokens.dark.css +1 -1
- package/lib/web/tokens.dark.js +3 -3
- package/lib/web/tokens.dark.scoped.css +1 -1
- package/lib/web/tokens.dark.ts +3 -3
- package/lib/web/tokens.form.css +1 -1
- package/lib/web/tokens.light.css +1 -1
- package/lib/web/tokens.light.js +3 -3
- package/lib/web/tokens.light.scoped.css +1 -1
- package/lib/web/tokens.light.ts +3 -3
- package/lib/web/tokens.tips.css +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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": "
|
|
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.
|
|
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
|
|
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": "
|
|
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(
|
|
5303
|
+
"value": "inset 0 0 0 2px rgba(255, 255, 255, .5)",
|
|
5304
5304
|
"attributes": {},
|
|
5305
5305
|
"inherits": [
|
|
5306
|
-
"color.
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
219
|
+
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
220
220
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
221
221
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
222
222
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
package/lib/web/colors/dark.js
CHANGED
package/lib/web/colors/light.js
CHANGED
package/lib/web/font-imports.css
CHANGED
package/lib/web/icons/action.js
CHANGED
package/lib/web/icons/base.js
CHANGED
package/lib/web/icons/idp.js
CHANGED
package/lib/web/icons/misc.js
CHANGED
package/lib/web/images/index.js
CHANGED
package/lib/web/tokens.core.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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);
|
package/lib/web/tokens.dark.css
CHANGED
package/lib/web/tokens.dark.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
223
|
+
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
224
224
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
225
225
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
226
226
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
package/lib/web/tokens.dark.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
223
|
+
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
224
224
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
225
225
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
226
226
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
package/lib/web/tokens.form.css
CHANGED
package/lib/web/tokens.light.css
CHANGED
package/lib/web/tokens.light.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
223
|
+
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
224
224
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
225
225
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
226
226
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
package/lib/web/tokens.light.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
223
|
+
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
224
224
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
225
225
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
226
226
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
package/lib/web/tokens.tips.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@k8slens/lds-tokens",
|
|
3
|
-
"version": "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": "
|
|
47
|
+
"gitHead": "c7bd4be6712482573c1f13fec7a605417757a104"
|
|
48
48
|
}
|