@kong/design-tokens 3.4.3 → 3.4.4-pr.742.46672e4.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/TOKENS.md +24 -0
- package/dist/themes/electric-lime-day-high-contrast.cjs +4 -1
- package/dist/themes/electric-lime-day-high-contrast.css +4 -1
- package/dist/themes/electric-lime-day-high-contrast.mjs +4 -1
- package/dist/themes/electric-lime-day.cjs +4 -1
- package/dist/themes/electric-lime-day.css +4 -1
- package/dist/themes/electric-lime-day.mjs +4 -1
- package/dist/themes/electric-lime-night-high-contrast.cjs +4 -1
- package/dist/themes/electric-lime-night-high-contrast.css +4 -1
- package/dist/themes/electric-lime-night-high-contrast.mjs +4 -1
- package/dist/themes/electric-lime-night.cjs +4 -1
- package/dist/themes/electric-lime-night.css +4 -1
- package/dist/themes/electric-lime-night.mjs +4 -1
- package/dist/themes/mono-lime-day-high-contrast.cjs +21 -18
- package/dist/themes/mono-lime-day-high-contrast.css +21 -18
- package/dist/themes/mono-lime-day-high-contrast.mjs +21 -18
- package/dist/themes/mono-lime-day.cjs +21 -18
- package/dist/themes/mono-lime-day.css +21 -18
- package/dist/themes/mono-lime-day.mjs +21 -18
- package/dist/themes/mono-lime-night-high-contrast.cjs +21 -18
- package/dist/themes/mono-lime-night-high-contrast.css +21 -18
- package/dist/themes/mono-lime-night-high-contrast.mjs +21 -18
- package/dist/themes/mono-lime-night.cjs +21 -18
- package/dist/themes/mono-lime-night.css +21 -18
- package/dist/themes/mono-lime-night.mjs +21 -18
- package/dist/tokens/README.md +24 -0
- package/dist/tokens/css/custom-properties.css +1 -1
- package/dist/tokens/js/cjs/index.d.ts +1 -1
- package/dist/tokens/js/cjs/index.js +1 -1
- package/dist/tokens/js/index.d.ts +1 -1
- package/dist/tokens/js/index.mjs +1 -1
- package/dist/tokens/scss/_map.scss +1 -1
- package/dist/tokens/scss/_variables.scss +1 -1
- package/dist/tokens/themeable-tokens/index.cjs +18 -0
- package/dist/tokens/themeable-tokens/index.d.cts +18 -0
- package/dist/tokens/themeable-tokens/index.d.ts +18 -0
- package/dist/tokens/themeable-tokens/index.mjs +18 -0
- package/package.json +26 -27
package/TOKENS.md
CHANGED
|
@@ -2348,6 +2348,8 @@ Component tokens are documented here for reference. They ship **with no default
|
|
|
2348
2348
|
--kui-card-body-font-weight: initial;
|
|
2349
2349
|
/* Card body line height. */
|
|
2350
2350
|
--kui-card-body-line-height: initial;
|
|
2351
|
+
/* Card body padding. */
|
|
2352
|
+
--kui-card-body-padding: initial;
|
|
2351
2353
|
/* Card border radius. */
|
|
2352
2354
|
--kui-card-border-radius: initial;
|
|
2353
2355
|
/* Card border width. */
|
|
@@ -2360,6 +2362,8 @@ Component tokens are documented here for reference. They ship **with no default
|
|
|
2360
2362
|
--kui-card-footer-gap: initial;
|
|
2361
2363
|
/* Gap between card sections. */
|
|
2362
2364
|
--kui-card-gap: initial;
|
|
2365
|
+
/* Card header background color. */
|
|
2366
|
+
--kui-card-header-color-background: initial;
|
|
2363
2367
|
/* Gap between card header items. */
|
|
2364
2368
|
--kui-card-header-gap: initial;
|
|
2365
2369
|
/* Card inner padding. */
|
|
@@ -2372,6 +2376,8 @@ Component tokens are documented here for reference. They ship **with no default
|
|
|
2372
2376
|
--kui-card-title-font-weight: initial;
|
|
2373
2377
|
/* Card title line height. */
|
|
2374
2378
|
--kui-card-title-line-height: initial;
|
|
2379
|
+
/* Card title padding. */
|
|
2380
|
+
--kui-card-title-padding: initial;
|
|
2375
2381
|
/* Checkbox border radius. */
|
|
2376
2382
|
--kui-checkbox-border-radius: initial;
|
|
2377
2383
|
/* Checkbox background color. */
|
|
@@ -4859,6 +4865,12 @@ export const KUI_THEMEABLE_TOKENS = [
|
|
|
4859
4865
|
category: "component",
|
|
4860
4866
|
value: null,
|
|
4861
4867
|
},
|
|
4868
|
+
{
|
|
4869
|
+
name: "--kui-card-body-padding",
|
|
4870
|
+
description: "Card body padding.",
|
|
4871
|
+
category: "component",
|
|
4872
|
+
value: null,
|
|
4873
|
+
},
|
|
4862
4874
|
{
|
|
4863
4875
|
name: "--kui-card-border-radius",
|
|
4864
4876
|
description: "Card border radius.",
|
|
@@ -4895,6 +4907,12 @@ export const KUI_THEMEABLE_TOKENS = [
|
|
|
4895
4907
|
category: "component",
|
|
4896
4908
|
value: null,
|
|
4897
4909
|
},
|
|
4910
|
+
{
|
|
4911
|
+
name: "--kui-card-header-color-background",
|
|
4912
|
+
description: "Card header background color.",
|
|
4913
|
+
category: "component",
|
|
4914
|
+
value: null,
|
|
4915
|
+
},
|
|
4898
4916
|
{
|
|
4899
4917
|
name: "--kui-card-header-gap",
|
|
4900
4918
|
description: "Gap between card header items.",
|
|
@@ -4931,6 +4949,12 @@ export const KUI_THEMEABLE_TOKENS = [
|
|
|
4931
4949
|
category: "component",
|
|
4932
4950
|
value: null,
|
|
4933
4951
|
},
|
|
4952
|
+
{
|
|
4953
|
+
name: "--kui-card-title-padding",
|
|
4954
|
+
description: "Card title padding.",
|
|
4955
|
+
category: "component",
|
|
4956
|
+
value: null,
|
|
4957
|
+
},
|
|
4934
4958
|
{
|
|
4935
4959
|
name: "--kui-checkbox-border-radius",
|
|
4936
4960
|
description: "Checkbox border radius.",
|
|
@@ -153,18 +153,21 @@ const electricLimeDayHighContrast = {
|
|
|
153
153
|
'--kui-card-body-font-size': "14px",
|
|
154
154
|
'--kui-card-body-font-weight': "400",
|
|
155
155
|
'--kui-card-body-line-height': "20px",
|
|
156
|
+
'--kui-card-body-padding': "0px",
|
|
156
157
|
'--kui-card-border-radius': "6px",
|
|
157
158
|
'--kui-card-border-width': "1px",
|
|
158
159
|
'--kui-card-color-background': "#FFFFFF",
|
|
159
160
|
'--kui-card-color-border': "#9DA99D",
|
|
160
161
|
'--kui-card-footer-gap': "6px",
|
|
161
162
|
'--kui-card-gap': "20px",
|
|
163
|
+
'--kui-card-header-color-background': "transparent",
|
|
162
164
|
'--kui-card-header-gap': "12px",
|
|
163
165
|
'--kui-card-padding': "20px",
|
|
164
166
|
'--kui-card-title-color-text': "#3D443D",
|
|
165
167
|
'--kui-card-title-font-size': "16px",
|
|
166
168
|
'--kui-card-title-font-weight': "700",
|
|
167
169
|
'--kui-card-title-line-height': "20px",
|
|
170
|
+
'--kui-card-title-padding': "0px",
|
|
168
171
|
'--kui-checkbox-border-radius': "4px",
|
|
169
172
|
'--kui-checkbox-color-background': "#FFFFFF",
|
|
170
173
|
'--kui-checkbox-color-background-checked': "#242824",
|
|
@@ -674,7 +677,7 @@ const electricLimeDayHighContrast = {
|
|
|
674
677
|
'--kui-skeleton-fullscreen-color-background': "#FFFFFF",
|
|
675
678
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
676
679
|
'--kui-skeleton-progress-color-background': "#F9FBF9",
|
|
677
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
680
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
678
681
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
679
682
|
'--kui-skeleton-spinner-color-border': "#4E594E",
|
|
680
683
|
'--kui-skeleton-spinner-color-border-active': "#4E594E",
|
|
@@ -153,18 +153,21 @@
|
|
|
153
153
|
--kui-card-body-font-size: 14px;
|
|
154
154
|
--kui-card-body-font-weight: 400;
|
|
155
155
|
--kui-card-body-line-height: 20px;
|
|
156
|
+
--kui-card-body-padding: 0px;
|
|
156
157
|
--kui-card-border-radius: 6px;
|
|
157
158
|
--kui-card-border-width: 1px;
|
|
158
159
|
--kui-card-color-background: #FFFFFF;
|
|
159
160
|
--kui-card-color-border: #9DA99D;
|
|
160
161
|
--kui-card-footer-gap: 6px;
|
|
161
162
|
--kui-card-gap: 20px;
|
|
163
|
+
--kui-card-header-color-background: transparent;
|
|
162
164
|
--kui-card-header-gap: 12px;
|
|
163
165
|
--kui-card-padding: 20px;
|
|
164
166
|
--kui-card-title-color-text: #3D443D;
|
|
165
167
|
--kui-card-title-font-size: 16px;
|
|
166
168
|
--kui-card-title-font-weight: 700;
|
|
167
169
|
--kui-card-title-line-height: 20px;
|
|
170
|
+
--kui-card-title-padding: 0px;
|
|
168
171
|
--kui-checkbox-border-radius: 4px;
|
|
169
172
|
--kui-checkbox-color-background: #FFFFFF;
|
|
170
173
|
--kui-checkbox-color-background-checked: #242824;
|
|
@@ -674,7 +677,7 @@
|
|
|
674
677
|
--kui-skeleton-fullscreen-color-background: #FFFFFF;
|
|
675
678
|
--kui-skeleton-progress-border-radius: 8px;
|
|
676
679
|
--kui-skeleton-progress-color-background: #F9FBF9;
|
|
677
|
-
--kui-skeleton-progress-color-background-active: #
|
|
680
|
+
--kui-skeleton-progress-color-background-active: #CCFF00;
|
|
678
681
|
--kui-skeleton-spinner-border-radius: 50%;
|
|
679
682
|
--kui-skeleton-spinner-color-border: #4E594E;
|
|
680
683
|
--kui-skeleton-spinner-color-border-active: #4E594E;
|
|
@@ -152,18 +152,21 @@ export const electricLimeDayHighContrast = {
|
|
|
152
152
|
'--kui-card-body-font-size': "14px",
|
|
153
153
|
'--kui-card-body-font-weight': "400",
|
|
154
154
|
'--kui-card-body-line-height': "20px",
|
|
155
|
+
'--kui-card-body-padding': "0px",
|
|
155
156
|
'--kui-card-border-radius': "6px",
|
|
156
157
|
'--kui-card-border-width': "1px",
|
|
157
158
|
'--kui-card-color-background': "#FFFFFF",
|
|
158
159
|
'--kui-card-color-border': "#9DA99D",
|
|
159
160
|
'--kui-card-footer-gap': "6px",
|
|
160
161
|
'--kui-card-gap': "20px",
|
|
162
|
+
'--kui-card-header-color-background': "transparent",
|
|
161
163
|
'--kui-card-header-gap': "12px",
|
|
162
164
|
'--kui-card-padding': "20px",
|
|
163
165
|
'--kui-card-title-color-text': "#3D443D",
|
|
164
166
|
'--kui-card-title-font-size': "16px",
|
|
165
167
|
'--kui-card-title-font-weight': "700",
|
|
166
168
|
'--kui-card-title-line-height': "20px",
|
|
169
|
+
'--kui-card-title-padding': "0px",
|
|
167
170
|
'--kui-checkbox-border-radius': "4px",
|
|
168
171
|
'--kui-checkbox-color-background': "#FFFFFF",
|
|
169
172
|
'--kui-checkbox-color-background-checked': "#242824",
|
|
@@ -673,7 +676,7 @@ export const electricLimeDayHighContrast = {
|
|
|
673
676
|
'--kui-skeleton-fullscreen-color-background': "#FFFFFF",
|
|
674
677
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
675
678
|
'--kui-skeleton-progress-color-background': "#F9FBF9",
|
|
676
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
679
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
677
680
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
678
681
|
'--kui-skeleton-spinner-color-border': "#4E594E",
|
|
679
682
|
'--kui-skeleton-spinner-color-border-active': "#4E594E",
|
|
@@ -153,18 +153,21 @@ const electricLimeDay = {
|
|
|
153
153
|
'--kui-card-body-font-size': "14px",
|
|
154
154
|
'--kui-card-body-font-weight': "400",
|
|
155
155
|
'--kui-card-body-line-height': "20px",
|
|
156
|
+
'--kui-card-body-padding': "0px",
|
|
156
157
|
'--kui-card-border-radius': "6px",
|
|
157
158
|
'--kui-card-border-width': "1px",
|
|
158
159
|
'--kui-card-color-background': "#FFFFFF",
|
|
159
160
|
'--kui-card-color-border': "#E3E8E3",
|
|
160
161
|
'--kui-card-footer-gap': "6px",
|
|
161
162
|
'--kui-card-gap': "20px",
|
|
163
|
+
'--kui-card-header-color-background': "transparent",
|
|
162
164
|
'--kui-card-header-gap': "12px",
|
|
163
165
|
'--kui-card-padding': "20px",
|
|
164
166
|
'--kui-card-title-color-text': "#3D443D",
|
|
165
167
|
'--kui-card-title-font-size': "16px",
|
|
166
168
|
'--kui-card-title-font-weight': "700",
|
|
167
169
|
'--kui-card-title-line-height': "20px",
|
|
170
|
+
'--kui-card-title-padding': "0px",
|
|
168
171
|
'--kui-checkbox-border-radius': "4px",
|
|
169
172
|
'--kui-checkbox-color-background': "#FFFFFF",
|
|
170
173
|
'--kui-checkbox-color-background-checked': "#4E594E",
|
|
@@ -674,7 +677,7 @@ const electricLimeDay = {
|
|
|
674
677
|
'--kui-skeleton-fullscreen-color-background': "#FFFFFF",
|
|
675
678
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
676
679
|
'--kui-skeleton-progress-color-background': "#F9FBF9",
|
|
677
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
680
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
678
681
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
679
682
|
'--kui-skeleton-spinner-color-border': "#E3E8E3",
|
|
680
683
|
'--kui-skeleton-spinner-color-border-active': "#9DA99D",
|
|
@@ -153,18 +153,21 @@
|
|
|
153
153
|
--kui-card-body-font-size: 14px;
|
|
154
154
|
--kui-card-body-font-weight: 400;
|
|
155
155
|
--kui-card-body-line-height: 20px;
|
|
156
|
+
--kui-card-body-padding: 0px;
|
|
156
157
|
--kui-card-border-radius: 6px;
|
|
157
158
|
--kui-card-border-width: 1px;
|
|
158
159
|
--kui-card-color-background: #FFFFFF;
|
|
159
160
|
--kui-card-color-border: #E3E8E3;
|
|
160
161
|
--kui-card-footer-gap: 6px;
|
|
161
162
|
--kui-card-gap: 20px;
|
|
163
|
+
--kui-card-header-color-background: transparent;
|
|
162
164
|
--kui-card-header-gap: 12px;
|
|
163
165
|
--kui-card-padding: 20px;
|
|
164
166
|
--kui-card-title-color-text: #3D443D;
|
|
165
167
|
--kui-card-title-font-size: 16px;
|
|
166
168
|
--kui-card-title-font-weight: 700;
|
|
167
169
|
--kui-card-title-line-height: 20px;
|
|
170
|
+
--kui-card-title-padding: 0px;
|
|
168
171
|
--kui-checkbox-border-radius: 4px;
|
|
169
172
|
--kui-checkbox-color-background: #FFFFFF;
|
|
170
173
|
--kui-checkbox-color-background-checked: #4E594E;
|
|
@@ -674,7 +677,7 @@
|
|
|
674
677
|
--kui-skeleton-fullscreen-color-background: #FFFFFF;
|
|
675
678
|
--kui-skeleton-progress-border-radius: 8px;
|
|
676
679
|
--kui-skeleton-progress-color-background: #F9FBF9;
|
|
677
|
-
--kui-skeleton-progress-color-background-active: #
|
|
680
|
+
--kui-skeleton-progress-color-background-active: #CCFF00;
|
|
678
681
|
--kui-skeleton-spinner-border-radius: 50%;
|
|
679
682
|
--kui-skeleton-spinner-color-border: #E3E8E3;
|
|
680
683
|
--kui-skeleton-spinner-color-border-active: #9DA99D;
|
|
@@ -152,18 +152,21 @@ export const electricLimeDay = {
|
|
|
152
152
|
'--kui-card-body-font-size': "14px",
|
|
153
153
|
'--kui-card-body-font-weight': "400",
|
|
154
154
|
'--kui-card-body-line-height': "20px",
|
|
155
|
+
'--kui-card-body-padding': "0px",
|
|
155
156
|
'--kui-card-border-radius': "6px",
|
|
156
157
|
'--kui-card-border-width': "1px",
|
|
157
158
|
'--kui-card-color-background': "#FFFFFF",
|
|
158
159
|
'--kui-card-color-border': "#E3E8E3",
|
|
159
160
|
'--kui-card-footer-gap': "6px",
|
|
160
161
|
'--kui-card-gap': "20px",
|
|
162
|
+
'--kui-card-header-color-background': "transparent",
|
|
161
163
|
'--kui-card-header-gap': "12px",
|
|
162
164
|
'--kui-card-padding': "20px",
|
|
163
165
|
'--kui-card-title-color-text': "#3D443D",
|
|
164
166
|
'--kui-card-title-font-size': "16px",
|
|
165
167
|
'--kui-card-title-font-weight': "700",
|
|
166
168
|
'--kui-card-title-line-height': "20px",
|
|
169
|
+
'--kui-card-title-padding': "0px",
|
|
167
170
|
'--kui-checkbox-border-radius': "4px",
|
|
168
171
|
'--kui-checkbox-color-background': "#FFFFFF",
|
|
169
172
|
'--kui-checkbox-color-background-checked': "#4E594E",
|
|
@@ -673,7 +676,7 @@ export const electricLimeDay = {
|
|
|
673
676
|
'--kui-skeleton-fullscreen-color-background': "#FFFFFF",
|
|
674
677
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
675
678
|
'--kui-skeleton-progress-color-background': "#F9FBF9",
|
|
676
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
679
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
677
680
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
678
681
|
'--kui-skeleton-spinner-color-border': "#E3E8E3",
|
|
679
682
|
'--kui-skeleton-spinner-color-border-active': "#9DA99D",
|
|
@@ -153,18 +153,21 @@ const electricLimeNightHighContrast = {
|
|
|
153
153
|
'--kui-card-body-font-size': "14px",
|
|
154
154
|
'--kui-card-body-font-weight': "400",
|
|
155
155
|
'--kui-card-body-line-height': "20px",
|
|
156
|
+
'--kui-card-body-padding': "0px",
|
|
156
157
|
'--kui-card-border-radius': "6px",
|
|
157
158
|
'--kui-card-border-width': "1px",
|
|
158
159
|
'--kui-card-color-background': "#0D0F0D",
|
|
159
160
|
'--kui-card-color-border': "#4E594E",
|
|
160
161
|
'--kui-card-footer-gap': "6px",
|
|
161
162
|
'--kui-card-gap': "20px",
|
|
163
|
+
'--kui-card-header-color-background': "transparent",
|
|
162
164
|
'--kui-card-header-gap': "12px",
|
|
163
165
|
'--kui-card-padding': "20px",
|
|
164
166
|
'--kui-card-title-color-text': "#D2D7D2",
|
|
165
167
|
'--kui-card-title-font-size': "16px",
|
|
166
168
|
'--kui-card-title-font-weight': "700",
|
|
167
169
|
'--kui-card-title-line-height': "20px",
|
|
170
|
+
'--kui-card-title-padding': "0px",
|
|
168
171
|
'--kui-checkbox-border-radius': "4px",
|
|
169
172
|
'--kui-checkbox-color-background': "#0D0F0D",
|
|
170
173
|
'--kui-checkbox-color-background-checked': "#E3E8E3",
|
|
@@ -674,7 +677,7 @@ const electricLimeNightHighContrast = {
|
|
|
674
677
|
'--kui-skeleton-fullscreen-color-background': "#0D0F0D",
|
|
675
678
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
676
679
|
'--kui-skeleton-progress-color-background': "#070807",
|
|
677
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
680
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
678
681
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
679
682
|
'--kui-skeleton-spinner-color-border': "#F1F3F1",
|
|
680
683
|
'--kui-skeleton-spinner-color-border-active': "#F1F3F1",
|
|
@@ -153,18 +153,21 @@
|
|
|
153
153
|
--kui-card-body-font-size: 14px;
|
|
154
154
|
--kui-card-body-font-weight: 400;
|
|
155
155
|
--kui-card-body-line-height: 20px;
|
|
156
|
+
--kui-card-body-padding: 0px;
|
|
156
157
|
--kui-card-border-radius: 6px;
|
|
157
158
|
--kui-card-border-width: 1px;
|
|
158
159
|
--kui-card-color-background: #0D0F0D;
|
|
159
160
|
--kui-card-color-border: #4E594E;
|
|
160
161
|
--kui-card-footer-gap: 6px;
|
|
161
162
|
--kui-card-gap: 20px;
|
|
163
|
+
--kui-card-header-color-background: transparent;
|
|
162
164
|
--kui-card-header-gap: 12px;
|
|
163
165
|
--kui-card-padding: 20px;
|
|
164
166
|
--kui-card-title-color-text: #D2D7D2;
|
|
165
167
|
--kui-card-title-font-size: 16px;
|
|
166
168
|
--kui-card-title-font-weight: 700;
|
|
167
169
|
--kui-card-title-line-height: 20px;
|
|
170
|
+
--kui-card-title-padding: 0px;
|
|
168
171
|
--kui-checkbox-border-radius: 4px;
|
|
169
172
|
--kui-checkbox-color-background: #0D0F0D;
|
|
170
173
|
--kui-checkbox-color-background-checked: #E3E8E3;
|
|
@@ -674,7 +677,7 @@
|
|
|
674
677
|
--kui-skeleton-fullscreen-color-background: #0D0F0D;
|
|
675
678
|
--kui-skeleton-progress-border-radius: 8px;
|
|
676
679
|
--kui-skeleton-progress-color-background: #070807;
|
|
677
|
-
--kui-skeleton-progress-color-background-active: #
|
|
680
|
+
--kui-skeleton-progress-color-background-active: #CCFF00;
|
|
678
681
|
--kui-skeleton-spinner-border-radius: 50%;
|
|
679
682
|
--kui-skeleton-spinner-color-border: #F1F3F1;
|
|
680
683
|
--kui-skeleton-spinner-color-border-active: #F1F3F1;
|
|
@@ -152,18 +152,21 @@ export const electricLimeNightHighContrast = {
|
|
|
152
152
|
'--kui-card-body-font-size': "14px",
|
|
153
153
|
'--kui-card-body-font-weight': "400",
|
|
154
154
|
'--kui-card-body-line-height': "20px",
|
|
155
|
+
'--kui-card-body-padding': "0px",
|
|
155
156
|
'--kui-card-border-radius': "6px",
|
|
156
157
|
'--kui-card-border-width': "1px",
|
|
157
158
|
'--kui-card-color-background': "#0D0F0D",
|
|
158
159
|
'--kui-card-color-border': "#4E594E",
|
|
159
160
|
'--kui-card-footer-gap': "6px",
|
|
160
161
|
'--kui-card-gap': "20px",
|
|
162
|
+
'--kui-card-header-color-background': "transparent",
|
|
161
163
|
'--kui-card-header-gap': "12px",
|
|
162
164
|
'--kui-card-padding': "20px",
|
|
163
165
|
'--kui-card-title-color-text': "#D2D7D2",
|
|
164
166
|
'--kui-card-title-font-size': "16px",
|
|
165
167
|
'--kui-card-title-font-weight': "700",
|
|
166
168
|
'--kui-card-title-line-height': "20px",
|
|
169
|
+
'--kui-card-title-padding': "0px",
|
|
167
170
|
'--kui-checkbox-border-radius': "4px",
|
|
168
171
|
'--kui-checkbox-color-background': "#0D0F0D",
|
|
169
172
|
'--kui-checkbox-color-background-checked': "#E3E8E3",
|
|
@@ -673,7 +676,7 @@ export const electricLimeNightHighContrast = {
|
|
|
673
676
|
'--kui-skeleton-fullscreen-color-background': "#0D0F0D",
|
|
674
677
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
675
678
|
'--kui-skeleton-progress-color-background': "#070807",
|
|
676
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
679
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
677
680
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
678
681
|
'--kui-skeleton-spinner-color-border': "#F1F3F1",
|
|
679
682
|
'--kui-skeleton-spinner-color-border-active': "#F1F3F1",
|
|
@@ -153,18 +153,21 @@ const electricLimeNight = {
|
|
|
153
153
|
'--kui-card-body-font-size': "14px",
|
|
154
154
|
'--kui-card-body-font-weight': "400",
|
|
155
155
|
'--kui-card-body-line-height': "20px",
|
|
156
|
+
'--kui-card-body-padding': "0px",
|
|
156
157
|
'--kui-card-border-radius': "6px",
|
|
157
158
|
'--kui-card-border-width': "1px",
|
|
158
159
|
'--kui-card-color-background': "#0D0F0D",
|
|
159
160
|
'--kui-card-color-border': "#242824",
|
|
160
161
|
'--kui-card-footer-gap': "6px",
|
|
161
162
|
'--kui-card-gap': "20px",
|
|
163
|
+
'--kui-card-header-color-background': "transparent",
|
|
162
164
|
'--kui-card-header-gap': "12px",
|
|
163
165
|
'--kui-card-padding': "20px",
|
|
164
166
|
'--kui-card-title-color-text': "#D2D7D2",
|
|
165
167
|
'--kui-card-title-font-size': "16px",
|
|
166
168
|
'--kui-card-title-font-weight': "700",
|
|
167
169
|
'--kui-card-title-line-height': "20px",
|
|
170
|
+
'--kui-card-title-padding': "0px",
|
|
168
171
|
'--kui-checkbox-border-radius': "4px",
|
|
169
172
|
'--kui-checkbox-color-background': "#0D0F0D",
|
|
170
173
|
'--kui-checkbox-color-background-checked': "#9DA99D",
|
|
@@ -674,7 +677,7 @@ const electricLimeNight = {
|
|
|
674
677
|
'--kui-skeleton-fullscreen-color-background': "#0D0F0D",
|
|
675
678
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
676
679
|
'--kui-skeleton-progress-color-background': "#070807",
|
|
677
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
680
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
678
681
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
679
682
|
'--kui-skeleton-spinner-color-border': "#242824",
|
|
680
683
|
'--kui-skeleton-spinner-color-border-active': "#D2D7D2",
|
|
@@ -153,18 +153,21 @@
|
|
|
153
153
|
--kui-card-body-font-size: 14px;
|
|
154
154
|
--kui-card-body-font-weight: 400;
|
|
155
155
|
--kui-card-body-line-height: 20px;
|
|
156
|
+
--kui-card-body-padding: 0px;
|
|
156
157
|
--kui-card-border-radius: 6px;
|
|
157
158
|
--kui-card-border-width: 1px;
|
|
158
159
|
--kui-card-color-background: #0D0F0D;
|
|
159
160
|
--kui-card-color-border: #242824;
|
|
160
161
|
--kui-card-footer-gap: 6px;
|
|
161
162
|
--kui-card-gap: 20px;
|
|
163
|
+
--kui-card-header-color-background: transparent;
|
|
162
164
|
--kui-card-header-gap: 12px;
|
|
163
165
|
--kui-card-padding: 20px;
|
|
164
166
|
--kui-card-title-color-text: #D2D7D2;
|
|
165
167
|
--kui-card-title-font-size: 16px;
|
|
166
168
|
--kui-card-title-font-weight: 700;
|
|
167
169
|
--kui-card-title-line-height: 20px;
|
|
170
|
+
--kui-card-title-padding: 0px;
|
|
168
171
|
--kui-checkbox-border-radius: 4px;
|
|
169
172
|
--kui-checkbox-color-background: #0D0F0D;
|
|
170
173
|
--kui-checkbox-color-background-checked: #9DA99D;
|
|
@@ -674,7 +677,7 @@
|
|
|
674
677
|
--kui-skeleton-fullscreen-color-background: #0D0F0D;
|
|
675
678
|
--kui-skeleton-progress-border-radius: 8px;
|
|
676
679
|
--kui-skeleton-progress-color-background: #070807;
|
|
677
|
-
--kui-skeleton-progress-color-background-active: #
|
|
680
|
+
--kui-skeleton-progress-color-background-active: #CCFF00;
|
|
678
681
|
--kui-skeleton-spinner-border-radius: 50%;
|
|
679
682
|
--kui-skeleton-spinner-color-border: #242824;
|
|
680
683
|
--kui-skeleton-spinner-color-border-active: #D2D7D2;
|
|
@@ -152,18 +152,21 @@ export const electricLimeNight = {
|
|
|
152
152
|
'--kui-card-body-font-size': "14px",
|
|
153
153
|
'--kui-card-body-font-weight': "400",
|
|
154
154
|
'--kui-card-body-line-height': "20px",
|
|
155
|
+
'--kui-card-body-padding': "0px",
|
|
155
156
|
'--kui-card-border-radius': "6px",
|
|
156
157
|
'--kui-card-border-width': "1px",
|
|
157
158
|
'--kui-card-color-background': "#0D0F0D",
|
|
158
159
|
'--kui-card-color-border': "#242824",
|
|
159
160
|
'--kui-card-footer-gap': "6px",
|
|
160
161
|
'--kui-card-gap': "20px",
|
|
162
|
+
'--kui-card-header-color-background': "transparent",
|
|
161
163
|
'--kui-card-header-gap': "12px",
|
|
162
164
|
'--kui-card-padding': "20px",
|
|
163
165
|
'--kui-card-title-color-text': "#D2D7D2",
|
|
164
166
|
'--kui-card-title-font-size': "16px",
|
|
165
167
|
'--kui-card-title-font-weight': "700",
|
|
166
168
|
'--kui-card-title-line-height': "20px",
|
|
169
|
+
'--kui-card-title-padding': "0px",
|
|
167
170
|
'--kui-checkbox-border-radius': "4px",
|
|
168
171
|
'--kui-checkbox-color-background': "#0D0F0D",
|
|
169
172
|
'--kui-checkbox-color-background-checked': "#9DA99D",
|
|
@@ -673,7 +676,7 @@ export const electricLimeNight = {
|
|
|
673
676
|
'--kui-skeleton-fullscreen-color-background': "#0D0F0D",
|
|
674
677
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
675
678
|
'--kui-skeleton-progress-color-background': "#070807",
|
|
676
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
679
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
677
680
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
678
681
|
'--kui-skeleton-spinner-color-border': "#242824",
|
|
679
682
|
'--kui-skeleton-spinner-color-border-active': "#D2D7D2",
|
|
@@ -72,7 +72,7 @@ const monoLimeDayHighContrast = {
|
|
|
72
72
|
'--kui-breadcrumbs-divider-color-text': "#A3A3A3",
|
|
73
73
|
'--kui-breadcrumbs-divider-font-weight': "400",
|
|
74
74
|
'--kui-breadcrumbs-font-family': "'Inter', Roboto, Helvetica, sans-serif",
|
|
75
|
-
'--kui-breadcrumbs-font-size': "
|
|
75
|
+
'--kui-breadcrumbs-font-size': "12px",
|
|
76
76
|
'--kui-breadcrumbs-font-weight': "500",
|
|
77
77
|
'--kui-breadcrumbs-line-height': "20px",
|
|
78
78
|
'--kui-breadcrumbs-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
|
|
@@ -153,18 +153,21 @@ const monoLimeDayHighContrast = {
|
|
|
153
153
|
'--kui-card-body-font-size': "14px",
|
|
154
154
|
'--kui-card-body-font-weight': "400",
|
|
155
155
|
'--kui-card-body-line-height': "20px",
|
|
156
|
+
'--kui-card-body-padding': "0px 8px 8px 8px",
|
|
156
157
|
'--kui-card-border-radius': "8px",
|
|
157
158
|
'--kui-card-border-width': "1px",
|
|
158
159
|
'--kui-card-color-background': "#FFFFFF",
|
|
159
160
|
'--kui-card-color-border': "#A3A3A3",
|
|
160
161
|
'--kui-card-footer-gap': "6px",
|
|
161
|
-
'--kui-card-gap': "
|
|
162
|
+
'--kui-card-gap': "10px",
|
|
163
|
+
'--kui-card-header-color-background': "#D4D4D4",
|
|
162
164
|
'--kui-card-header-gap': "12px",
|
|
163
|
-
'--kui-card-padding': "
|
|
165
|
+
'--kui-card-padding': "0px",
|
|
164
166
|
'--kui-card-title-color-text': "#404040",
|
|
165
|
-
'--kui-card-title-font-size': "
|
|
167
|
+
'--kui-card-title-font-size': "14px",
|
|
166
168
|
'--kui-card-title-font-weight': "600",
|
|
167
169
|
'--kui-card-title-line-height': "20px",
|
|
170
|
+
'--kui-card-title-padding': "8px",
|
|
168
171
|
'--kui-checkbox-border-radius': "4px",
|
|
169
172
|
'--kui-checkbox-color-background': "#FFFFFF",
|
|
170
173
|
'--kui-checkbox-color-background-checked': "#CCFF00",
|
|
@@ -182,8 +185,8 @@ const monoLimeDayHighContrast = {
|
|
|
182
185
|
'--kui-code-block-line-number-color-text': "#404040",
|
|
183
186
|
'--kui-collapse-font-family': "'Inter', Roboto, Helvetica, sans-serif",
|
|
184
187
|
'--kui-collapse-title-color-text': "#404040",
|
|
185
|
-
'--kui-collapse-title-font-size': "
|
|
186
|
-
'--kui-collapse-title-font-weight': "
|
|
188
|
+
'--kui-collapse-title-font-size': "14px",
|
|
189
|
+
'--kui-collapse-title-font-weight': "600",
|
|
187
190
|
'--kui-collapse-title-line-height': "20px",
|
|
188
191
|
'--kui-collapse-trigger-border-radius': "4px",
|
|
189
192
|
'--kui-collapse-trigger-color-text': "#525252",
|
|
@@ -379,9 +382,9 @@ const monoLimeDayHighContrast = {
|
|
|
379
382
|
'--kui-empty-state-message-font-weight': "400",
|
|
380
383
|
'--kui-empty-state-message-line-height': "20px",
|
|
381
384
|
'--kui-empty-state-title-color-text': "#404040",
|
|
382
|
-
'--kui-empty-state-title-font-size': "
|
|
383
|
-
'--kui-empty-state-title-font-weight': "
|
|
384
|
-
'--kui-empty-state-title-line-height': "
|
|
385
|
+
'--kui-empty-state-title-font-size': "14px",
|
|
386
|
+
'--kui-empty-state-title-font-weight': "600",
|
|
387
|
+
'--kui-empty-state-title-line-height': "20px",
|
|
385
388
|
'--kui-file-upload-color-text-disabled': "#525252",
|
|
386
389
|
'--kui-file-upload-color-text-placeholder': "#525252",
|
|
387
390
|
'--kui-file-upload-dropzone-border-radius': "6px",
|
|
@@ -561,9 +564,9 @@ const monoLimeDayHighContrast = {
|
|
|
561
564
|
'--kui-modal-line-height': "20px",
|
|
562
565
|
'--kui-modal-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
|
|
563
566
|
'--kui-modal-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
|
|
564
|
-
'--kui-modal-title-font-size': "
|
|
567
|
+
'--kui-modal-title-font-size': "14px",
|
|
565
568
|
'--kui-modal-title-font-weight': "600",
|
|
566
|
-
'--kui-modal-title-line-height': "
|
|
569
|
+
'--kui-modal-title-line-height': "20px",
|
|
567
570
|
'--kui-multiselect-footer-border-width': "1px",
|
|
568
571
|
'--kui-multiselect-footer-color-background': "#FFFFFF",
|
|
569
572
|
'--kui-multiselect-footer-color-border': "#D4D4D4",
|
|
@@ -614,8 +617,8 @@ const monoLimeDayHighContrast = {
|
|
|
614
617
|
'--kui-pop-padding': "16px",
|
|
615
618
|
'--kui-pop-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
|
|
616
619
|
'--kui-pop-title-color-text': "#404040",
|
|
617
|
-
'--kui-pop-title-font-size': "
|
|
618
|
-
'--kui-pop-title-font-weight': "
|
|
620
|
+
'--kui-pop-title-font-size': "14px",
|
|
621
|
+
'--kui-pop-title-font-weight': "600",
|
|
619
622
|
'--kui-pop-title-line-height': "20px",
|
|
620
623
|
'--kui-radio-color-background': "#FFFFFF",
|
|
621
624
|
'--kui-radio-color-background-checked': "#262626",
|
|
@@ -674,7 +677,7 @@ const monoLimeDayHighContrast = {
|
|
|
674
677
|
'--kui-skeleton-fullscreen-color-background': "#FFFFFF",
|
|
675
678
|
'--kui-skeleton-progress-border-radius': "8px",
|
|
676
679
|
'--kui-skeleton-progress-color-background': "#FCFCFC",
|
|
677
|
-
'--kui-skeleton-progress-color-background-active': "#
|
|
680
|
+
'--kui-skeleton-progress-color-background-active': "#CCFF00",
|
|
678
681
|
'--kui-skeleton-spinner-border-radius': "50%",
|
|
679
682
|
'--kui-skeleton-spinner-color-border': "#525252",
|
|
680
683
|
'--kui-skeleton-spinner-color-border-active': "#525252",
|
|
@@ -694,9 +697,9 @@ const monoLimeDayHighContrast = {
|
|
|
694
697
|
'--kui-slideout-padding': "20px 0px 0px 20px",
|
|
695
698
|
'--kui-slideout-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
|
|
696
699
|
'--kui-slideout-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
|
|
697
|
-
'--kui-slideout-title-font-size': "
|
|
700
|
+
'--kui-slideout-title-font-size': "14px",
|
|
698
701
|
'--kui-slideout-title-font-weight': "600",
|
|
699
|
-
'--kui-slideout-title-line-height': "
|
|
702
|
+
'--kui-slideout-title-line-height': "20px",
|
|
700
703
|
'--kui-slider-fill-color-background': "#EBEBEB",
|
|
701
704
|
'--kui-slider-fill-color-background-disabled': "#EBEBEB",
|
|
702
705
|
'--kui-slider-mark-color-text': "#525252",
|
|
@@ -887,9 +890,9 @@ const monoLimeDayHighContrast = {
|
|
|
887
890
|
'--kui-toaster-line-height': "20px",
|
|
888
891
|
'--kui-toaster-padding': "12px",
|
|
889
892
|
'--kui-toaster-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
|
|
890
|
-
'--kui-toaster-title-font-size': "
|
|
893
|
+
'--kui-toaster-title-font-size': "14px",
|
|
891
894
|
'--kui-toaster-title-font-weight': "600",
|
|
892
|
-
'--kui-toaster-title-line-height': "
|
|
895
|
+
'--kui-toaster-title-line-height': "20px",
|
|
893
896
|
'--kui-tooltip-border-radius': "4px",
|
|
894
897
|
'--kui-tooltip-color-background': "#0A0A0A",
|
|
895
898
|
'--kui-tooltip-color-text': "#FFFFFF",
|