@kong/design-tokens 3.4.3 → 3.4.4-pr.742.bf738b9.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 (38) hide show
  1. package/TOKENS.md +8 -0
  2. package/dist/themes/electric-lime-day-high-contrast.cjs +2 -1
  3. package/dist/themes/electric-lime-day-high-contrast.css +2 -1
  4. package/dist/themes/electric-lime-day-high-contrast.mjs +2 -1
  5. package/dist/themes/electric-lime-day.cjs +2 -1
  6. package/dist/themes/electric-lime-day.css +2 -1
  7. package/dist/themes/electric-lime-day.mjs +2 -1
  8. package/dist/themes/electric-lime-night-high-contrast.cjs +2 -1
  9. package/dist/themes/electric-lime-night-high-contrast.css +2 -1
  10. package/dist/themes/electric-lime-night-high-contrast.mjs +2 -1
  11. package/dist/themes/electric-lime-night.cjs +2 -1
  12. package/dist/themes/electric-lime-night.css +2 -1
  13. package/dist/themes/electric-lime-night.mjs +2 -1
  14. package/dist/themes/mono-lime-day-high-contrast.cjs +11 -10
  15. package/dist/themes/mono-lime-day-high-contrast.css +11 -10
  16. package/dist/themes/mono-lime-day-high-contrast.mjs +11 -10
  17. package/dist/themes/mono-lime-day.cjs +11 -10
  18. package/dist/themes/mono-lime-day.css +11 -10
  19. package/dist/themes/mono-lime-day.mjs +11 -10
  20. package/dist/themes/mono-lime-night-high-contrast.cjs +11 -10
  21. package/dist/themes/mono-lime-night-high-contrast.css +11 -10
  22. package/dist/themes/mono-lime-night-high-contrast.mjs +11 -10
  23. package/dist/themes/mono-lime-night.cjs +11 -10
  24. package/dist/themes/mono-lime-night.css +11 -10
  25. package/dist/themes/mono-lime-night.mjs +11 -10
  26. package/dist/tokens/README.md +8 -0
  27. package/dist/tokens/css/custom-properties.css +1 -1
  28. package/dist/tokens/js/cjs/index.d.ts +1 -1
  29. package/dist/tokens/js/cjs/index.js +1 -1
  30. package/dist/tokens/js/index.d.ts +1 -1
  31. package/dist/tokens/js/index.mjs +1 -1
  32. package/dist/tokens/scss/_map.scss +1 -1
  33. package/dist/tokens/scss/_variables.scss +1 -1
  34. package/dist/tokens/themeable-tokens/index.cjs +6 -0
  35. package/dist/tokens/themeable-tokens/index.d.cts +6 -0
  36. package/dist/tokens/themeable-tokens/index.d.ts +6 -0
  37. package/dist/tokens/themeable-tokens/index.mjs +6 -0
  38. package/package.json +26 -27
package/TOKENS.md CHANGED
@@ -2360,6 +2360,8 @@ Component tokens are documented here for reference. They ship **with no default
2360
2360
  --kui-card-footer-gap: initial;
2361
2361
  /* Gap between card sections. */
2362
2362
  --kui-card-gap: initial;
2363
+ /* Card header background color. */
2364
+ --kui-card-header-color-background: initial;
2363
2365
  /* Gap between card header items. */
2364
2366
  --kui-card-header-gap: initial;
2365
2367
  /* Card inner padding. */
@@ -4895,6 +4897,12 @@ export const KUI_THEMEABLE_TOKENS = [
4895
4897
  category: "component",
4896
4898
  value: null,
4897
4899
  },
4900
+ {
4901
+ name: "--kui-card-header-color-background",
4902
+ description: "Card header background color.",
4903
+ category: "component",
4904
+ value: null,
4905
+ },
4898
4906
  {
4899
4907
  name: "--kui-card-header-gap",
4900
4908
  description: "Gap between card header items.",
package/dist/themes/electric-lime-day-high-contrast.cjs CHANGED
@@ -159,6 +159,7 @@ const electricLimeDayHighContrast = {
159
159
  '--kui-card-color-border': "#9DA99D",
160
160
  '--kui-card-footer-gap': "6px",
161
161
  '--kui-card-gap': "20px",
162
+ '--kui-card-header-color-background': "transparent",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "20px",
164
165
  '--kui-card-title-color-text': "#3D443D",
@@ -674,7 +675,7 @@ const electricLimeDayHighContrast = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#F9FBF9",
677
- '--kui-skeleton-progress-color-background-active': "#3D443D",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#4E594E",
680
681
  '--kui-skeleton-spinner-color-border-active': "#4E594E",
package/dist/themes/electric-lime-day-high-contrast.css CHANGED
@@ -159,6 +159,7 @@
159
159
  --kui-card-color-border: #9DA99D;
160
160
  --kui-card-footer-gap: 6px;
161
161
  --kui-card-gap: 20px;
162
+ --kui-card-header-color-background: transparent;
162
163
  --kui-card-header-gap: 12px;
163
164
  --kui-card-padding: 20px;
164
165
  --kui-card-title-color-text: #3D443D;
@@ -674,7 +675,7 @@
674
675
  --kui-skeleton-fullscreen-color-background: #FFFFFF;
675
676
  --kui-skeleton-progress-border-radius: 8px;
676
677
  --kui-skeleton-progress-color-background: #F9FBF9;
677
- --kui-skeleton-progress-color-background-active: #3D443D;
678
+ --kui-skeleton-progress-color-background-active: #CCFF00;
678
679
  --kui-skeleton-spinner-border-radius: 50%;
679
680
  --kui-skeleton-spinner-color-border: #4E594E;
680
681
  --kui-skeleton-spinner-color-border-active: #4E594E;
package/dist/themes/electric-lime-day-high-contrast.mjs CHANGED
@@ -158,6 +158,7 @@ export const electricLimeDayHighContrast = {
158
158
  '--kui-card-color-border': "#9DA99D",
159
159
  '--kui-card-footer-gap': "6px",
160
160
  '--kui-card-gap': "20px",
161
+ '--kui-card-header-color-background': "transparent",
161
162
  '--kui-card-header-gap': "12px",
162
163
  '--kui-card-padding': "20px",
163
164
  '--kui-card-title-color-text': "#3D443D",
@@ -673,7 +674,7 @@ export const electricLimeDayHighContrast = {
673
674
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
674
675
  '--kui-skeleton-progress-border-radius': "8px",
675
676
  '--kui-skeleton-progress-color-background': "#F9FBF9",
676
- '--kui-skeleton-progress-color-background-active': "#3D443D",
677
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
677
678
  '--kui-skeleton-spinner-border-radius': "50%",
678
679
  '--kui-skeleton-spinner-color-border': "#4E594E",
679
680
  '--kui-skeleton-spinner-color-border-active': "#4E594E",
package/dist/themes/electric-lime-day.cjs CHANGED
@@ -159,6 +159,7 @@ const electricLimeDay = {
159
159
  '--kui-card-color-border': "#E3E8E3",
160
160
  '--kui-card-footer-gap': "6px",
161
161
  '--kui-card-gap': "20px",
162
+ '--kui-card-header-color-background': "transparent",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "20px",
164
165
  '--kui-card-title-color-text': "#3D443D",
@@ -674,7 +675,7 @@ const electricLimeDay = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#F9FBF9",
677
- '--kui-skeleton-progress-color-background-active': "#3D443D",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#E3E8E3",
680
681
  '--kui-skeleton-spinner-color-border-active': "#9DA99D",
package/dist/themes/electric-lime-day.css CHANGED
@@ -159,6 +159,7 @@
159
159
  --kui-card-color-border: #E3E8E3;
160
160
  --kui-card-footer-gap: 6px;
161
161
  --kui-card-gap: 20px;
162
+ --kui-card-header-color-background: transparent;
162
163
  --kui-card-header-gap: 12px;
163
164
  --kui-card-padding: 20px;
164
165
  --kui-card-title-color-text: #3D443D;
@@ -674,7 +675,7 @@
674
675
  --kui-skeleton-fullscreen-color-background: #FFFFFF;
675
676
  --kui-skeleton-progress-border-radius: 8px;
676
677
  --kui-skeleton-progress-color-background: #F9FBF9;
677
- --kui-skeleton-progress-color-background-active: #3D443D;
678
+ --kui-skeleton-progress-color-background-active: #CCFF00;
678
679
  --kui-skeleton-spinner-border-radius: 50%;
679
680
  --kui-skeleton-spinner-color-border: #E3E8E3;
680
681
  --kui-skeleton-spinner-color-border-active: #9DA99D;
package/dist/themes/electric-lime-day.mjs CHANGED
@@ -158,6 +158,7 @@ export const electricLimeDay = {
158
158
  '--kui-card-color-border': "#E3E8E3",
159
159
  '--kui-card-footer-gap': "6px",
160
160
  '--kui-card-gap': "20px",
161
+ '--kui-card-header-color-background': "transparent",
161
162
  '--kui-card-header-gap': "12px",
162
163
  '--kui-card-padding': "20px",
163
164
  '--kui-card-title-color-text': "#3D443D",
@@ -673,7 +674,7 @@ export const electricLimeDay = {
673
674
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
674
675
  '--kui-skeleton-progress-border-radius': "8px",
675
676
  '--kui-skeleton-progress-color-background': "#F9FBF9",
676
- '--kui-skeleton-progress-color-background-active': "#3D443D",
677
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
677
678
  '--kui-skeleton-spinner-border-radius': "50%",
678
679
  '--kui-skeleton-spinner-color-border': "#E3E8E3",
679
680
  '--kui-skeleton-spinner-color-border-active': "#9DA99D",
package/dist/themes/electric-lime-night-high-contrast.cjs CHANGED
@@ -159,6 +159,7 @@ const electricLimeNightHighContrast = {
159
159
  '--kui-card-color-border': "#4E594E",
160
160
  '--kui-card-footer-gap': "6px",
161
161
  '--kui-card-gap': "20px",
162
+ '--kui-card-header-color-background': "transparent",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "20px",
164
165
  '--kui-card-title-color-text': "#D2D7D2",
@@ -674,7 +675,7 @@ const electricLimeNightHighContrast = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#070807",
677
- '--kui-skeleton-progress-color-background-active': "#9DA99D",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#F1F3F1",
680
681
  '--kui-skeleton-spinner-color-border-active': "#F1F3F1",
package/dist/themes/electric-lime-night-high-contrast.css CHANGED
@@ -159,6 +159,7 @@
159
159
  --kui-card-color-border: #4E594E;
160
160
  --kui-card-footer-gap: 6px;
161
161
  --kui-card-gap: 20px;
162
+ --kui-card-header-color-background: transparent;
162
163
  --kui-card-header-gap: 12px;
163
164
  --kui-card-padding: 20px;
164
165
  --kui-card-title-color-text: #D2D7D2;
@@ -674,7 +675,7 @@
674
675
  --kui-skeleton-fullscreen-color-background: #0D0F0D;
675
676
  --kui-skeleton-progress-border-radius: 8px;
676
677
  --kui-skeleton-progress-color-background: #070807;
677
- --kui-skeleton-progress-color-background-active: #9DA99D;
678
+ --kui-skeleton-progress-color-background-active: #CCFF00;
678
679
  --kui-skeleton-spinner-border-radius: 50%;
679
680
  --kui-skeleton-spinner-color-border: #F1F3F1;
680
681
  --kui-skeleton-spinner-color-border-active: #F1F3F1;
package/dist/themes/electric-lime-night-high-contrast.mjs CHANGED
@@ -158,6 +158,7 @@ export const electricLimeNightHighContrast = {
158
158
  '--kui-card-color-border': "#4E594E",
159
159
  '--kui-card-footer-gap': "6px",
160
160
  '--kui-card-gap': "20px",
161
+ '--kui-card-header-color-background': "transparent",
161
162
  '--kui-card-header-gap': "12px",
162
163
  '--kui-card-padding': "20px",
163
164
  '--kui-card-title-color-text': "#D2D7D2",
@@ -673,7 +674,7 @@ export const electricLimeNightHighContrast = {
673
674
  '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
674
675
  '--kui-skeleton-progress-border-radius': "8px",
675
676
  '--kui-skeleton-progress-color-background': "#070807",
676
- '--kui-skeleton-progress-color-background-active': "#9DA99D",
677
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
677
678
  '--kui-skeleton-spinner-border-radius': "50%",
678
679
  '--kui-skeleton-spinner-color-border': "#F1F3F1",
679
680
  '--kui-skeleton-spinner-color-border-active': "#F1F3F1",
package/dist/themes/electric-lime-night.cjs CHANGED
@@ -159,6 +159,7 @@ const electricLimeNight = {
159
159
  '--kui-card-color-border': "#242824",
160
160
  '--kui-card-footer-gap': "6px",
161
161
  '--kui-card-gap': "20px",
162
+ '--kui-card-header-color-background': "transparent",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "20px",
164
165
  '--kui-card-title-color-text': "#D2D7D2",
@@ -674,7 +675,7 @@ const electricLimeNight = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#070807",
677
- '--kui-skeleton-progress-color-background-active': "#9DA99D",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#242824",
680
681
  '--kui-skeleton-spinner-color-border-active': "#D2D7D2",
package/dist/themes/electric-lime-night.css CHANGED
@@ -159,6 +159,7 @@
159
159
  --kui-card-color-border: #242824;
160
160
  --kui-card-footer-gap: 6px;
161
161
  --kui-card-gap: 20px;
162
+ --kui-card-header-color-background: transparent;
162
163
  --kui-card-header-gap: 12px;
163
164
  --kui-card-padding: 20px;
164
165
  --kui-card-title-color-text: #D2D7D2;
@@ -674,7 +675,7 @@
674
675
  --kui-skeleton-fullscreen-color-background: #0D0F0D;
675
676
  --kui-skeleton-progress-border-radius: 8px;
676
677
  --kui-skeleton-progress-color-background: #070807;
677
- --kui-skeleton-progress-color-background-active: #9DA99D;
678
+ --kui-skeleton-progress-color-background-active: #CCFF00;
678
679
  --kui-skeleton-spinner-border-radius: 50%;
679
680
  --kui-skeleton-spinner-color-border: #242824;
680
681
  --kui-skeleton-spinner-color-border-active: #D2D7D2;
package/dist/themes/electric-lime-night.mjs CHANGED
@@ -158,6 +158,7 @@ export const electricLimeNight = {
158
158
  '--kui-card-color-border': "#242824",
159
159
  '--kui-card-footer-gap': "6px",
160
160
  '--kui-card-gap': "20px",
161
+ '--kui-card-header-color-background': "transparent",
161
162
  '--kui-card-header-gap': "12px",
162
163
  '--kui-card-padding': "20px",
163
164
  '--kui-card-title-color-text': "#D2D7D2",
@@ -673,7 +674,7 @@ export const electricLimeNight = {
673
674
  '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
674
675
  '--kui-skeleton-progress-border-radius': "8px",
675
676
  '--kui-skeleton-progress-color-background': "#070807",
676
- '--kui-skeleton-progress-color-background-active': "#9DA99D",
677
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
677
678
  '--kui-skeleton-spinner-border-radius': "50%",
678
679
  '--kui-skeleton-spinner-color-border': "#242824",
679
680
  '--kui-skeleton-spinner-color-border-active': "#D2D7D2",
package/dist/themes/mono-lime-day-high-contrast.cjs CHANGED
@@ -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': "14px",
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)",
@@ -158,11 +158,12 @@ const monoLimeDayHighContrast = {
158
158
  '--kui-card-color-background': "#FFFFFF",
159
159
  '--kui-card-color-border': "#A3A3A3",
160
160
  '--kui-card-footer-gap': "6px",
161
- '--kui-card-gap': "16px",
161
+ '--kui-card-gap': "10px",
162
+ '--kui-card-header-color-background': "#D4D4D4",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "16px",
164
165
  '--kui-card-title-color-text': "#404040",
165
- '--kui-card-title-font-size': "16px",
166
+ '--kui-card-title-font-size': "14px",
166
167
  '--kui-card-title-font-weight': "600",
167
168
  '--kui-card-title-line-height': "20px",
168
169
  '--kui-checkbox-border-radius': "4px",
@@ -182,7 +183,7 @@ const monoLimeDayHighContrast = {
182
183
  '--kui-code-block-line-number-color-text': "#404040",
183
184
  '--kui-collapse-font-family': "'Inter', Roboto, Helvetica, sans-serif",
184
185
  '--kui-collapse-title-color-text': "#404040",
185
- '--kui-collapse-title-font-size': "16px",
186
+ '--kui-collapse-title-font-size': "14px",
186
187
  '--kui-collapse-title-font-weight': "700",
187
188
  '--kui-collapse-title-line-height': "20px",
188
189
  '--kui-collapse-trigger-border-radius': "4px",
@@ -379,7 +380,7 @@ const monoLimeDayHighContrast = {
379
380
  '--kui-empty-state-message-font-weight': "400",
380
381
  '--kui-empty-state-message-line-height': "20px",
381
382
  '--kui-empty-state-title-color-text': "#404040",
382
- '--kui-empty-state-title-font-size': "18px",
383
+ '--kui-empty-state-title-font-size': "14px",
383
384
  '--kui-empty-state-title-font-weight': "700",
384
385
  '--kui-empty-state-title-line-height': "24px",
385
386
  '--kui-file-upload-color-text-disabled': "#525252",
@@ -561,7 +562,7 @@ const monoLimeDayHighContrast = {
561
562
  '--kui-modal-line-height': "20px",
562
563
  '--kui-modal-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
563
564
  '--kui-modal-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
564
- '--kui-modal-title-font-size': "20px",
565
+ '--kui-modal-title-font-size': "14px",
565
566
  '--kui-modal-title-font-weight': "600",
566
567
  '--kui-modal-title-line-height': "28px",
567
568
  '--kui-multiselect-footer-border-width': "1px",
@@ -614,7 +615,7 @@ const monoLimeDayHighContrast = {
614
615
  '--kui-pop-padding': "16px",
615
616
  '--kui-pop-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
616
617
  '--kui-pop-title-color-text': "#404040",
617
- '--kui-pop-title-font-size': "16px",
618
+ '--kui-pop-title-font-size': "14px",
618
619
  '--kui-pop-title-font-weight': "700",
619
620
  '--kui-pop-title-line-height': "20px",
620
621
  '--kui-radio-color-background': "#FFFFFF",
@@ -674,7 +675,7 @@ const monoLimeDayHighContrast = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#FCFCFC",
677
- '--kui-skeleton-progress-color-background-active': "#404040",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#525252",
680
681
  '--kui-skeleton-spinner-color-border-active': "#525252",
@@ -694,7 +695,7 @@ const monoLimeDayHighContrast = {
694
695
  '--kui-slideout-padding': "20px 0px 0px 20px",
695
696
  '--kui-slideout-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
696
697
  '--kui-slideout-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
697
- '--kui-slideout-title-font-size': "20px",
698
+ '--kui-slideout-title-font-size': "14px",
698
699
  '--kui-slideout-title-font-weight': "600",
699
700
  '--kui-slideout-title-line-height': "28px",
700
701
  '--kui-slider-fill-color-background': "#EBEBEB",
@@ -887,7 +888,7 @@ const monoLimeDayHighContrast = {
887
888
  '--kui-toaster-line-height': "20px",
888
889
  '--kui-toaster-padding': "12px",
889
890
  '--kui-toaster-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
890
- '--kui-toaster-title-font-size': "18px",
891
+ '--kui-toaster-title-font-size': "14px",
891
892
  '--kui-toaster-title-font-weight': "600",
892
893
  '--kui-toaster-title-line-height': "24px",
893
894
  '--kui-tooltip-border-radius': "4px",
package/dist/themes/mono-lime-day-high-contrast.css CHANGED
@@ -72,7 +72,7 @@
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: 14px;
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);
@@ -158,11 +158,12 @@
158
158
  --kui-card-color-background: #FFFFFF;
159
159
  --kui-card-color-border: #A3A3A3;
160
160
  --kui-card-footer-gap: 6px;
161
- --kui-card-gap: 16px;
161
+ --kui-card-gap: 10px;
162
+ --kui-card-header-color-background: #D4D4D4;
162
163
  --kui-card-header-gap: 12px;
163
164
  --kui-card-padding: 16px;
164
165
  --kui-card-title-color-text: #404040;
165
- --kui-card-title-font-size: 16px;
166
+ --kui-card-title-font-size: 14px;
166
167
  --kui-card-title-font-weight: 600;
167
168
  --kui-card-title-line-height: 20px;
168
169
  --kui-checkbox-border-radius: 4px;
@@ -182,7 +183,7 @@
182
183
  --kui-code-block-line-number-color-text: #404040;
183
184
  --kui-collapse-font-family: 'Inter', Roboto, Helvetica, sans-serif;
184
185
  --kui-collapse-title-color-text: #404040;
185
- --kui-collapse-title-font-size: 16px;
186
+ --kui-collapse-title-font-size: 14px;
186
187
  --kui-collapse-title-font-weight: 700;
187
188
  --kui-collapse-title-line-height: 20px;
188
189
  --kui-collapse-trigger-border-radius: 4px;
@@ -379,7 +380,7 @@
379
380
  --kui-empty-state-message-font-weight: 400;
380
381
  --kui-empty-state-message-line-height: 20px;
381
382
  --kui-empty-state-title-color-text: #404040;
382
- --kui-empty-state-title-font-size: 18px;
383
+ --kui-empty-state-title-font-size: 14px;
383
384
  --kui-empty-state-title-font-weight: 700;
384
385
  --kui-empty-state-title-line-height: 24px;
385
386
  --kui-file-upload-color-text-disabled: #525252;
@@ -561,7 +562,7 @@
561
562
  --kui-modal-line-height: 20px;
562
563
  --kui-modal-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);
563
564
  --kui-modal-title-font-family: 'Inter', Roboto, Helvetica, sans-serif;
564
- --kui-modal-title-font-size: 20px;
565
+ --kui-modal-title-font-size: 14px;
565
566
  --kui-modal-title-font-weight: 600;
566
567
  --kui-modal-title-line-height: 28px;
567
568
  --kui-multiselect-footer-border-width: 1px;
@@ -614,7 +615,7 @@
614
615
  --kui-pop-padding: 16px;
615
616
  --kui-pop-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);
616
617
  --kui-pop-title-color-text: #404040;
617
- --kui-pop-title-font-size: 16px;
618
+ --kui-pop-title-font-size: 14px;
618
619
  --kui-pop-title-font-weight: 700;
619
620
  --kui-pop-title-line-height: 20px;
620
621
  --kui-radio-color-background: #FFFFFF;
@@ -674,7 +675,7 @@
674
675
  --kui-skeleton-fullscreen-color-background: #FFFFFF;
675
676
  --kui-skeleton-progress-border-radius: 8px;
676
677
  --kui-skeleton-progress-color-background: #FCFCFC;
677
- --kui-skeleton-progress-color-background-active: #404040;
678
+ --kui-skeleton-progress-color-background-active: #CCFF00;
678
679
  --kui-skeleton-spinner-border-radius: 50%;
679
680
  --kui-skeleton-spinner-color-border: #525252;
680
681
  --kui-skeleton-spinner-color-border-active: #525252;
@@ -694,7 +695,7 @@
694
695
  --kui-slideout-padding: 20px 0px 0px 20px;
695
696
  --kui-slideout-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);
696
697
  --kui-slideout-title-font-family: 'Inter', Roboto, Helvetica, sans-serif;
697
- --kui-slideout-title-font-size: 20px;
698
+ --kui-slideout-title-font-size: 14px;
698
699
  --kui-slideout-title-font-weight: 600;
699
700
  --kui-slideout-title-line-height: 28px;
700
701
  --kui-slider-fill-color-background: #EBEBEB;
@@ -887,7 +888,7 @@
887
888
  --kui-toaster-line-height: 20px;
888
889
  --kui-toaster-padding: 12px;
889
890
  --kui-toaster-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);
890
- --kui-toaster-title-font-size: 18px;
891
+ --kui-toaster-title-font-size: 14px;
891
892
  --kui-toaster-title-font-weight: 600;
892
893
  --kui-toaster-title-line-height: 24px;
893
894
  --kui-tooltip-border-radius: 4px;
package/dist/themes/mono-lime-day-high-contrast.mjs CHANGED
@@ -71,7 +71,7 @@ export const monoLimeDayHighContrast = {
71
71
  '--kui-breadcrumbs-divider-color-text': "#A3A3A3",
72
72
  '--kui-breadcrumbs-divider-font-weight': "400",
73
73
  '--kui-breadcrumbs-font-family': "'Inter', Roboto, Helvetica, sans-serif",
74
- '--kui-breadcrumbs-font-size': "14px",
74
+ '--kui-breadcrumbs-font-size': "12px",
75
75
  '--kui-breadcrumbs-font-weight': "500",
76
76
  '--kui-breadcrumbs-line-height': "20px",
77
77
  '--kui-breadcrumbs-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -157,11 +157,12 @@ export const monoLimeDayHighContrast = {
157
157
  '--kui-card-color-background': "#FFFFFF",
158
158
  '--kui-card-color-border': "#A3A3A3",
159
159
  '--kui-card-footer-gap': "6px",
160
- '--kui-card-gap': "16px",
160
+ '--kui-card-gap': "10px",
161
+ '--kui-card-header-color-background': "#D4D4D4",
161
162
  '--kui-card-header-gap': "12px",
162
163
  '--kui-card-padding': "16px",
163
164
  '--kui-card-title-color-text': "#404040",
164
- '--kui-card-title-font-size': "16px",
165
+ '--kui-card-title-font-size': "14px",
165
166
  '--kui-card-title-font-weight': "600",
166
167
  '--kui-card-title-line-height': "20px",
167
168
  '--kui-checkbox-border-radius': "4px",
@@ -181,7 +182,7 @@ export const monoLimeDayHighContrast = {
181
182
  '--kui-code-block-line-number-color-text': "#404040",
182
183
  '--kui-collapse-font-family': "'Inter', Roboto, Helvetica, sans-serif",
183
184
  '--kui-collapse-title-color-text': "#404040",
184
- '--kui-collapse-title-font-size': "16px",
185
+ '--kui-collapse-title-font-size': "14px",
185
186
  '--kui-collapse-title-font-weight': "700",
186
187
  '--kui-collapse-title-line-height': "20px",
187
188
  '--kui-collapse-trigger-border-radius': "4px",
@@ -378,7 +379,7 @@ export const monoLimeDayHighContrast = {
378
379
  '--kui-empty-state-message-font-weight': "400",
379
380
  '--kui-empty-state-message-line-height': "20px",
380
381
  '--kui-empty-state-title-color-text': "#404040",
381
- '--kui-empty-state-title-font-size': "18px",
382
+ '--kui-empty-state-title-font-size': "14px",
382
383
  '--kui-empty-state-title-font-weight': "700",
383
384
  '--kui-empty-state-title-line-height': "24px",
384
385
  '--kui-file-upload-color-text-disabled': "#525252",
@@ -560,7 +561,7 @@ export const monoLimeDayHighContrast = {
560
561
  '--kui-modal-line-height': "20px",
561
562
  '--kui-modal-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
562
563
  '--kui-modal-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
563
- '--kui-modal-title-font-size': "20px",
564
+ '--kui-modal-title-font-size': "14px",
564
565
  '--kui-modal-title-font-weight': "600",
565
566
  '--kui-modal-title-line-height': "28px",
566
567
  '--kui-multiselect-footer-border-width': "1px",
@@ -613,7 +614,7 @@ export const monoLimeDayHighContrast = {
613
614
  '--kui-pop-padding': "16px",
614
615
  '--kui-pop-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
615
616
  '--kui-pop-title-color-text': "#404040",
616
- '--kui-pop-title-font-size': "16px",
617
+ '--kui-pop-title-font-size': "14px",
617
618
  '--kui-pop-title-font-weight': "700",
618
619
  '--kui-pop-title-line-height': "20px",
619
620
  '--kui-radio-color-background': "#FFFFFF",
@@ -673,7 +674,7 @@ export const monoLimeDayHighContrast = {
673
674
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
674
675
  '--kui-skeleton-progress-border-radius': "8px",
675
676
  '--kui-skeleton-progress-color-background': "#FCFCFC",
676
- '--kui-skeleton-progress-color-background-active': "#404040",
677
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
677
678
  '--kui-skeleton-spinner-border-radius': "50%",
678
679
  '--kui-skeleton-spinner-color-border': "#525252",
679
680
  '--kui-skeleton-spinner-color-border-active': "#525252",
@@ -693,7 +694,7 @@ export const monoLimeDayHighContrast = {
693
694
  '--kui-slideout-padding': "20px 0px 0px 20px",
694
695
  '--kui-slideout-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
695
696
  '--kui-slideout-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
696
- '--kui-slideout-title-font-size': "20px",
697
+ '--kui-slideout-title-font-size': "14px",
697
698
  '--kui-slideout-title-font-weight': "600",
698
699
  '--kui-slideout-title-line-height': "28px",
699
700
  '--kui-slider-fill-color-background': "#EBEBEB",
@@ -886,7 +887,7 @@ export const monoLimeDayHighContrast = {
886
887
  '--kui-toaster-line-height': "20px",
887
888
  '--kui-toaster-padding': "12px",
888
889
  '--kui-toaster-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
889
- '--kui-toaster-title-font-size': "18px",
890
+ '--kui-toaster-title-font-size': "14px",
890
891
  '--kui-toaster-title-font-weight': "600",
891
892
  '--kui-toaster-title-line-height': "24px",
892
893
  '--kui-tooltip-border-radius': "4px",
package/dist/themes/mono-lime-day.cjs CHANGED
@@ -72,7 +72,7 @@ const monoLimeDay = {
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': "14px",
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.4)",
@@ -158,11 +158,12 @@ const monoLimeDay = {
158
158
  '--kui-card-color-background': "#FFFFFF",
159
159
  '--kui-card-color-border': "#E5E5E5",
160
160
  '--kui-card-footer-gap': "6px",
161
- '--kui-card-gap': "16px",
161
+ '--kui-card-gap': "10px",
162
+ '--kui-card-header-color-background': "#F5F5F5",
162
163
  '--kui-card-header-gap': "12px",
163
164
  '--kui-card-padding': "16px",
164
165
  '--kui-card-title-color-text': "#404040",
165
- '--kui-card-title-font-size': "16px",
166
+ '--kui-card-title-font-size': "14px",
166
167
  '--kui-card-title-font-weight': "600",
167
168
  '--kui-card-title-line-height': "20px",
168
169
  '--kui-checkbox-border-radius': "4px",
@@ -182,7 +183,7 @@ const monoLimeDay = {
182
183
  '--kui-code-block-line-number-color-text': "#404040",
183
184
  '--kui-collapse-font-family': "'Inter', Roboto, Helvetica, sans-serif",
184
185
  '--kui-collapse-title-color-text': "#404040",
185
- '--kui-collapse-title-font-size': "16px",
186
+ '--kui-collapse-title-font-size': "14px",
186
187
  '--kui-collapse-title-font-weight': "700",
187
188
  '--kui-collapse-title-line-height': "20px",
188
189
  '--kui-collapse-trigger-border-radius': "4px",
@@ -379,7 +380,7 @@ const monoLimeDay = {
379
380
  '--kui-empty-state-message-font-weight': "400",
380
381
  '--kui-empty-state-message-line-height': "20px",
381
382
  '--kui-empty-state-title-color-text': "#404040",
382
- '--kui-empty-state-title-font-size': "18px",
383
+ '--kui-empty-state-title-font-size': "14px",
383
384
  '--kui-empty-state-title-font-weight': "700",
384
385
  '--kui-empty-state-title-line-height': "24px",
385
386
  '--kui-file-upload-color-text-disabled': "#525252",
@@ -561,7 +562,7 @@ const monoLimeDay = {
561
562
  '--kui-modal-line-height': "20px",
562
563
  '--kui-modal-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
563
564
  '--kui-modal-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
564
- '--kui-modal-title-font-size': "20px",
565
+ '--kui-modal-title-font-size': "14px",
565
566
  '--kui-modal-title-font-weight': "600",
566
567
  '--kui-modal-title-line-height': "28px",
567
568
  '--kui-multiselect-footer-border-width': "1px",
@@ -614,7 +615,7 @@ const monoLimeDay = {
614
615
  '--kui-pop-padding': "16px",
615
616
  '--kui-pop-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
616
617
  '--kui-pop-title-color-text': "#404040",
617
- '--kui-pop-title-font-size': "16px",
618
+ '--kui-pop-title-font-size': "14px",
618
619
  '--kui-pop-title-font-weight': "700",
619
620
  '--kui-pop-title-line-height': "20px",
620
621
  '--kui-radio-color-background': "#FFFFFF",
@@ -674,7 +675,7 @@ const monoLimeDay = {
674
675
  '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
675
676
  '--kui-skeleton-progress-border-radius': "8px",
676
677
  '--kui-skeleton-progress-color-background': "#FCFCFC",
677
- '--kui-skeleton-progress-color-background-active': "#404040",
678
+ '--kui-skeleton-progress-color-background-active': "#CCFF00",
678
679
  '--kui-skeleton-spinner-border-radius': "50%",
679
680
  '--kui-skeleton-spinner-color-border': "#E5E5E5",
680
681
  '--kui-skeleton-spinner-color-border-active': "#A3A3A3",
@@ -694,7 +695,7 @@ const monoLimeDay = {
694
695
  '--kui-slideout-padding': "20px 0px 0px 20px",
695
696
  '--kui-slideout-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
696
697
  '--kui-slideout-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
697
- '--kui-slideout-title-font-size': "20px",
698
+ '--kui-slideout-title-font-size': "14px",
698
699
  '--kui-slideout-title-font-weight': "600",
699
700
  '--kui-slideout-title-line-height': "28px",
700
701
  '--kui-slider-fill-color-background': "#E5E5E5",
@@ -887,7 +888,7 @@ const monoLimeDay = {
887
888
  '--kui-toaster-line-height': "20px",
888
889
  '--kui-toaster-padding': "12px",
889
890
  '--kui-toaster-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
890
- '--kui-toaster-title-font-size': "18px",
891
+ '--kui-toaster-title-font-size': "14px",
891
892
  '--kui-toaster-title-font-weight': "600",
892
893
  '--kui-toaster-title-line-height': "24px",
893
894
  '--kui-tooltip-border-radius': "4px",