@kong/design-tokens 3.4.1 → 3.4.2-pr.735.b1901d9.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 +32 -0
  2. package/dist/themes/electric-lime-day-high-contrast.cjs +4 -0
  3. package/dist/themes/electric-lime-day-high-contrast.css +4 -0
  4. package/dist/themes/electric-lime-day-high-contrast.mjs +4 -0
  5. package/dist/themes/electric-lime-day.cjs +4 -0
  6. package/dist/themes/electric-lime-day.css +4 -0
  7. package/dist/themes/electric-lime-day.mjs +4 -0
  8. package/dist/themes/electric-lime-night-high-contrast.cjs +4 -0
  9. package/dist/themes/electric-lime-night-high-contrast.css +4 -0
  10. package/dist/themes/electric-lime-night-high-contrast.mjs +4 -0
  11. package/dist/themes/electric-lime-night.cjs +4 -0
  12. package/dist/themes/electric-lime-night.css +4 -0
  13. package/dist/themes/electric-lime-night.mjs +4 -0
  14. package/dist/themes/mono-lime-day-high-contrast.cjs +15 -11
  15. package/dist/themes/mono-lime-day-high-contrast.css +15 -11
  16. package/dist/themes/mono-lime-day-high-contrast.mjs +15 -11
  17. package/dist/themes/mono-lime-day.cjs +15 -11
  18. package/dist/themes/mono-lime-day.css +15 -11
  19. package/dist/themes/mono-lime-day.mjs +15 -11
  20. package/dist/themes/mono-lime-night-high-contrast.cjs +15 -11
  21. package/dist/themes/mono-lime-night-high-contrast.css +15 -11
  22. package/dist/themes/mono-lime-night-high-contrast.mjs +15 -11
  23. package/dist/themes/mono-lime-night.cjs +15 -11
  24. package/dist/themes/mono-lime-night.css +15 -11
  25. package/dist/themes/mono-lime-night.mjs +15 -11
  26. package/dist/tokens/README.md +32 -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 +24 -0
  35. package/dist/tokens/themeable-tokens/index.d.cts +24 -0
  36. package/dist/tokens/themeable-tokens/index.d.ts +24 -0
  37. package/dist/tokens/themeable-tokens/index.mjs +24 -0
  38. package/package.json +26 -27
package/TOKENS.md CHANGED
@@ -2666,6 +2666,8 @@ Component tokens are documented here for reference. They ship **with no default
2666
2666
  --kui-input-font-size: initial;
2667
2667
  /* Input font weight. */
2668
2668
  --kui-input-font-weight: initial;
2669
+ /* Input before/after slot icon size. */
2670
+ --kui-input-icon-size: initial;
2669
2671
  /* Input line height. */
2670
2672
  --kui-input-line-height: initial;
2671
2673
  /* Input horizontal padding. */
@@ -2782,6 +2784,10 @@ Component tokens are documented here for reference. They ship **with no default
2782
2784
  --kui-multiselect-search-color-background: initial;
2783
2785
  /* Multiselect dropdown search input wrapper bottom border color. */
2784
2786
  --kui-multiselect-search-color-border: initial;
2787
+ /* Multiselect trigger selection badges row minimum height. */
2788
+ --kui-multiselect-selections-min-height: initial;
2789
+ /* Multiselect trigger vertical padding. */
2790
+ --kui-multiselect-trigger-padding-y: initial;
2785
2791
  /* Pagination page button border radius. */
2786
2792
  --kui-pagination-border-radius: initial;
2787
2793
  /* Pagination page button border width. */
@@ -3058,6 +3064,8 @@ Component tokens are documented here for reference. They ship **with no default
3058
3064
  --kui-table-color-background: initial;
3059
3065
  /* Table font family. */
3060
3066
  --kui-table-font-family: initial;
3067
+ /* Table view gap between the toolbar and the table content. */
3068
+ --kui-table-gap: initial;
3061
3069
  /* Table header bottom border color. */
3062
3070
  --kui-table-header-color-border: initial;
3063
3071
  /* Table header text color. */
@@ -6643,6 +6651,12 @@ export const KUI_THEMEABLE_TOKENS = [
6643
6651
  category: "component",
6644
6652
  value: null,
6645
6653
  },
6654
+ {
6655
+ name: "--kui-input-icon-size",
6656
+ description: "Input before/after slot icon size.",
6657
+ category: "component",
6658
+ value: null,
6659
+ },
6646
6660
  {
6647
6661
  name: "--kui-input-line-height",
6648
6662
  description: "Input line height.",
@@ -7375,6 +7389,18 @@ export const KUI_THEMEABLE_TOKENS = [
7375
7389
  category: "component",
7376
7390
  value: null,
7377
7391
  },
7392
+ {
7393
+ name: "--kui-multiselect-selections-min-height",
7394
+ description: "Multiselect trigger selection badges row minimum height.",
7395
+ category: "component",
7396
+ value: null,
7397
+ },
7398
+ {
7399
+ name: "--kui-multiselect-trigger-padding-y",
7400
+ description: "Multiselect trigger vertical padding.",
7401
+ category: "component",
7402
+ value: null,
7403
+ },
7378
7404
  {
7379
7405
  name: "--kui-navigation-color-background",
7380
7406
  description: "blue.100",
@@ -8923,6 +8949,12 @@ export const KUI_THEMEABLE_TOKENS = [
8923
8949
  category: "component",
8924
8950
  value: null,
8925
8951
  },
8952
+ {
8953
+ name: "--kui-table-gap",
8954
+ description: "Table view gap between the toolbar and the table content.",
8955
+ category: "component",
8956
+ value: null,
8957
+ },
8926
8958
  {
8927
8959
  name: "--kui-table-header-color-border",
8928
8960
  description: "Table header bottom border color.",
@@ -451,6 +451,7 @@ const electricLimeDayHighContrast = {
451
451
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
452
452
  '--kui-input-font-size': "14px",
453
453
  '--kui-input-font-weight': "400",
454
+ '--kui-input-icon-size': "20px",
454
455
  '--kui-input-line-height': "24px",
455
456
  '--kui-input-padding-x': "12px",
456
457
  '--kui-input-padding-y': "8px",
@@ -573,6 +574,8 @@ const electricLimeDayHighContrast = {
573
574
  '--kui-multiselect-search-border-width': "1px",
574
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
576
  '--kui-multiselect-search-color-border': "#D2D7D2",
577
+ '--kui-multiselect-selections-min-height': "24px",
578
+ '--kui-multiselect-trigger-padding-y': "8px",
576
579
  '--kui-navigation-color-background': "#001021",
577
580
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
578
581
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -831,6 +834,7 @@ const electricLimeDayHighContrast = {
831
834
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #E5E9E5 inset",
832
835
  '--kui-table-color-background': "#FFFFFF",
833
836
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
837
+ '--kui-table-gap': "20px",
834
838
  '--kui-table-header-color-border': "#9DA99D",
835
839
  '--kui-table-header-color-text': "#4E594E",
836
840
  '--kui-table-header-color-text-active-sort': "#3D443D",
@@ -451,6 +451,7 @@
451
451
  --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
452
452
  --kui-input-font-size: 14px;
453
453
  --kui-input-font-weight: 400;
454
+ --kui-input-icon-size: 20px;
454
455
  --kui-input-line-height: 24px;
455
456
  --kui-input-padding-x: 12px;
456
457
  --kui-input-padding-y: 8px;
@@ -573,6 +574,8 @@
573
574
  --kui-multiselect-search-border-width: 1px;
574
575
  --kui-multiselect-search-color-background: #FFFFFF;
575
576
  --kui-multiselect-search-color-border: #D2D7D2;
577
+ --kui-multiselect-selections-min-height: 24px;
578
+ --kui-multiselect-trigger-padding-y: 8px;
576
579
  --kui-navigation-color-background: #001021;
577
580
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
581
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -831,6 +834,7 @@
831
834
  --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #E5E9E5 inset;
832
835
  --kui-table-color-background: #FFFFFF;
833
836
  --kui-table-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
837
+ --kui-table-gap: 20px;
834
838
  --kui-table-header-color-border: #9DA99D;
835
839
  --kui-table-header-color-text: #4E594E;
836
840
  --kui-table-header-color-text-active-sort: #3D443D;
@@ -450,6 +450,7 @@ export const electricLimeDayHighContrast = {
450
450
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
451
451
  '--kui-input-font-size': "14px",
452
452
  '--kui-input-font-weight': "400",
453
+ '--kui-input-icon-size': "20px",
453
454
  '--kui-input-line-height': "24px",
454
455
  '--kui-input-padding-x': "12px",
455
456
  '--kui-input-padding-y': "8px",
@@ -572,6 +573,8 @@ export const electricLimeDayHighContrast = {
572
573
  '--kui-multiselect-search-border-width': "1px",
573
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
574
575
  '--kui-multiselect-search-color-border': "#D2D7D2",
576
+ '--kui-multiselect-selections-min-height': "24px",
577
+ '--kui-multiselect-trigger-padding-y': "8px",
575
578
  '--kui-navigation-color-background': "#001021",
576
579
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
577
580
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -830,6 +833,7 @@ export const electricLimeDayHighContrast = {
830
833
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #E5E9E5 inset",
831
834
  '--kui-table-color-background': "#FFFFFF",
832
835
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
836
+ '--kui-table-gap': "20px",
833
837
  '--kui-table-header-color-border': "#9DA99D",
834
838
  '--kui-table-header-color-text': "#4E594E",
835
839
  '--kui-table-header-color-text-active-sort': "#3D443D",
@@ -451,6 +451,7 @@ const electricLimeDay = {
451
451
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
452
452
  '--kui-input-font-size': "14px",
453
453
  '--kui-input-font-weight': "400",
454
+ '--kui-input-icon-size': "20px",
454
455
  '--kui-input-line-height': "24px",
455
456
  '--kui-input-padding-x': "12px",
456
457
  '--kui-input-padding-y': "8px",
@@ -573,6 +574,8 @@ const electricLimeDay = {
573
574
  '--kui-multiselect-search-border-width': "1px",
574
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
576
  '--kui-multiselect-search-color-border': "#D2D7D2",
577
+ '--kui-multiselect-selections-min-height': "24px",
578
+ '--kui-multiselect-trigger-padding-y': "8px",
576
579
  '--kui-navigation-color-background': "#001933",
577
580
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
578
581
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -831,6 +834,7 @@ const electricLimeDay = {
831
834
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #E3E8E3 inset",
832
835
  '--kui-table-color-background': "#FFFFFF",
833
836
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
837
+ '--kui-table-gap': "20px",
834
838
  '--kui-table-header-color-border': "#E3E8E3",
835
839
  '--kui-table-header-color-text': "#4E594E",
836
840
  '--kui-table-header-color-text-active-sort': "#3D443D",
@@ -451,6 +451,7 @@
451
451
  --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
452
452
  --kui-input-font-size: 14px;
453
453
  --kui-input-font-weight: 400;
454
+ --kui-input-icon-size: 20px;
454
455
  --kui-input-line-height: 24px;
455
456
  --kui-input-padding-x: 12px;
456
457
  --kui-input-padding-y: 8px;
@@ -573,6 +574,8 @@
573
574
  --kui-multiselect-search-border-width: 1px;
574
575
  --kui-multiselect-search-color-background: #FFFFFF;
575
576
  --kui-multiselect-search-color-border: #D2D7D2;
577
+ --kui-multiselect-selections-min-height: 24px;
578
+ --kui-multiselect-trigger-padding-y: 8px;
576
579
  --kui-navigation-color-background: #001933;
577
580
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
581
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -831,6 +834,7 @@
831
834
  --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #E3E8E3 inset;
832
835
  --kui-table-color-background: #FFFFFF;
833
836
  --kui-table-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
837
+ --kui-table-gap: 20px;
834
838
  --kui-table-header-color-border: #E3E8E3;
835
839
  --kui-table-header-color-text: #4E594E;
836
840
  --kui-table-header-color-text-active-sort: #3D443D;
@@ -450,6 +450,7 @@ export const electricLimeDay = {
450
450
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
451
451
  '--kui-input-font-size': "14px",
452
452
  '--kui-input-font-weight': "400",
453
+ '--kui-input-icon-size': "20px",
453
454
  '--kui-input-line-height': "24px",
454
455
  '--kui-input-padding-x': "12px",
455
456
  '--kui-input-padding-y': "8px",
@@ -572,6 +573,8 @@ export const electricLimeDay = {
572
573
  '--kui-multiselect-search-border-width': "1px",
573
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
574
575
  '--kui-multiselect-search-color-border': "#D2D7D2",
576
+ '--kui-multiselect-selections-min-height': "24px",
577
+ '--kui-multiselect-trigger-padding-y': "8px",
575
578
  '--kui-navigation-color-background': "#001933",
576
579
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
577
580
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -830,6 +833,7 @@ export const electricLimeDay = {
830
833
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #E3E8E3 inset",
831
834
  '--kui-table-color-background': "#FFFFFF",
832
835
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
836
+ '--kui-table-gap': "20px",
833
837
  '--kui-table-header-color-border': "#E3E8E3",
834
838
  '--kui-table-header-color-text': "#4E594E",
835
839
  '--kui-table-header-color-text-active-sort': "#3D443D",
@@ -451,6 +451,7 @@ const electricLimeNightHighContrast = {
451
451
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
452
452
  '--kui-input-font-size': "14px",
453
453
  '--kui-input-font-weight': "400",
454
+ '--kui-input-icon-size': "20px",
454
455
  '--kui-input-line-height': "24px",
455
456
  '--kui-input-padding-x': "12px",
456
457
  '--kui-input-padding-y': "8px",
@@ -573,6 +574,8 @@ const electricLimeNightHighContrast = {
573
574
  '--kui-multiselect-search-border-width': "1px",
574
575
  '--kui-multiselect-search-color-background': "#0D0F0D",
575
576
  '--kui-multiselect-search-color-border': "#4E594E",
577
+ '--kui-multiselect-selections-min-height': "24px",
578
+ '--kui-multiselect-trigger-padding-y': "8px",
576
579
  '--kui-navigation-color-background': "#001933",
577
580
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
578
581
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -831,6 +834,7 @@ const electricLimeNightHighContrast = {
831
834
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #242824 inset",
832
835
  '--kui-table-color-background': "#0D0F0D",
833
836
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
837
+ '--kui-table-gap': "20px",
834
838
  '--kui-table-header-color-border': "#4E594E",
835
839
  '--kui-table-header-color-text': "#9DA99D",
836
840
  '--kui-table-header-color-text-active-sort': "#D2D7D2",
@@ -451,6 +451,7 @@
451
451
  --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
452
452
  --kui-input-font-size: 14px;
453
453
  --kui-input-font-weight: 400;
454
+ --kui-input-icon-size: 20px;
454
455
  --kui-input-line-height: 24px;
455
456
  --kui-input-padding-x: 12px;
456
457
  --kui-input-padding-y: 8px;
@@ -573,6 +574,8 @@
573
574
  --kui-multiselect-search-border-width: 1px;
574
575
  --kui-multiselect-search-color-background: #0D0F0D;
575
576
  --kui-multiselect-search-color-border: #4E594E;
577
+ --kui-multiselect-selections-min-height: 24px;
578
+ --kui-multiselect-trigger-padding-y: 8px;
576
579
  --kui-navigation-color-background: #001933;
577
580
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
581
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -831,6 +834,7 @@
831
834
  --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #242824 inset;
832
835
  --kui-table-color-background: #0D0F0D;
833
836
  --kui-table-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
837
+ --kui-table-gap: 20px;
834
838
  --kui-table-header-color-border: #4E594E;
835
839
  --kui-table-header-color-text: #9DA99D;
836
840
  --kui-table-header-color-text-active-sort: #D2D7D2;
@@ -450,6 +450,7 @@ export const electricLimeNightHighContrast = {
450
450
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
451
451
  '--kui-input-font-size': "14px",
452
452
  '--kui-input-font-weight': "400",
453
+ '--kui-input-icon-size': "20px",
453
454
  '--kui-input-line-height': "24px",
454
455
  '--kui-input-padding-x': "12px",
455
456
  '--kui-input-padding-y': "8px",
@@ -572,6 +573,8 @@ export const electricLimeNightHighContrast = {
572
573
  '--kui-multiselect-search-border-width': "1px",
573
574
  '--kui-multiselect-search-color-background': "#0D0F0D",
574
575
  '--kui-multiselect-search-color-border': "#4E594E",
576
+ '--kui-multiselect-selections-min-height': "24px",
577
+ '--kui-multiselect-trigger-padding-y': "8px",
575
578
  '--kui-navigation-color-background': "#001933",
576
579
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
577
580
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -830,6 +833,7 @@ export const electricLimeNightHighContrast = {
830
833
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #242824 inset",
831
834
  '--kui-table-color-background': "#0D0F0D",
832
835
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
836
+ '--kui-table-gap': "20px",
833
837
  '--kui-table-header-color-border': "#4E594E",
834
838
  '--kui-table-header-color-text': "#9DA99D",
835
839
  '--kui-table-header-color-text-active-sort': "#D2D7D2",
@@ -451,6 +451,7 @@ const electricLimeNight = {
451
451
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
452
452
  '--kui-input-font-size': "14px",
453
453
  '--kui-input-font-weight': "400",
454
+ '--kui-input-icon-size': "20px",
454
455
  '--kui-input-line-height': "24px",
455
456
  '--kui-input-padding-x': "12px",
456
457
  '--kui-input-padding-y': "8px",
@@ -573,6 +574,8 @@ const electricLimeNight = {
573
574
  '--kui-multiselect-search-border-width': "1px",
574
575
  '--kui-multiselect-search-color-background': "#0D0F0D",
575
576
  '--kui-multiselect-search-color-border': "#3D443D",
577
+ '--kui-multiselect-selections-min-height': "24px",
578
+ '--kui-multiselect-trigger-padding-y': "8px",
576
579
  '--kui-navigation-color-background': "#001933",
577
580
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
578
581
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -831,6 +834,7 @@ const electricLimeNight = {
831
834
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #242824 inset",
832
835
  '--kui-table-color-background': "#0D0F0D",
833
836
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
837
+ '--kui-table-gap': "20px",
834
838
  '--kui-table-header-color-border': "#242824",
835
839
  '--kui-table-header-color-text': "#9DA99D",
836
840
  '--kui-table-header-color-text-active-sort': "#D2D7D2",
@@ -451,6 +451,7 @@
451
451
  --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
452
452
  --kui-input-font-size: 14px;
453
453
  --kui-input-font-weight: 400;
454
+ --kui-input-icon-size: 20px;
454
455
  --kui-input-line-height: 24px;
455
456
  --kui-input-padding-x: 12px;
456
457
  --kui-input-padding-y: 8px;
@@ -573,6 +574,8 @@
573
574
  --kui-multiselect-search-border-width: 1px;
574
575
  --kui-multiselect-search-color-background: #0D0F0D;
575
576
  --kui-multiselect-search-color-border: #3D443D;
577
+ --kui-multiselect-selections-min-height: 24px;
578
+ --kui-multiselect-trigger-padding-y: 8px;
576
579
  --kui-navigation-color-background: #001933;
577
580
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
581
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -831,6 +834,7 @@
831
834
  --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #242824 inset;
832
835
  --kui-table-color-background: #0D0F0D;
833
836
  --kui-table-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
837
+ --kui-table-gap: 20px;
834
838
  --kui-table-header-color-border: #242824;
835
839
  --kui-table-header-color-text: #9DA99D;
836
840
  --kui-table-header-color-text-active-sort: #D2D7D2;
@@ -450,6 +450,7 @@ export const electricLimeNight = {
450
450
  '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
451
451
  '--kui-input-font-size': "14px",
452
452
  '--kui-input-font-weight': "400",
453
+ '--kui-input-icon-size': "20px",
453
454
  '--kui-input-line-height': "24px",
454
455
  '--kui-input-padding-x': "12px",
455
456
  '--kui-input-padding-y': "8px",
@@ -572,6 +573,8 @@ export const electricLimeNight = {
572
573
  '--kui-multiselect-search-border-width': "1px",
573
574
  '--kui-multiselect-search-color-background': "#0D0F0D",
574
575
  '--kui-multiselect-search-color-border': "#3D443D",
576
+ '--kui-multiselect-selections-min-height': "24px",
577
+ '--kui-multiselect-trigger-padding-y': "8px",
575
578
  '--kui-navigation-color-background': "#001933",
576
579
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
577
580
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -830,6 +833,7 @@ export const electricLimeNight = {
830
833
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #242824 inset",
831
834
  '--kui-table-color-background': "#0D0F0D",
832
835
  '--kui-table-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
836
+ '--kui-table-gap': "20px",
833
837
  '--kui-table-header-color-border': "#242824",
834
838
  '--kui-table-header-color-text': "#9DA99D",
835
839
  '--kui-table-header-color-text-active-sort': "#D2D7D2",
@@ -131,19 +131,19 @@ const monoLimeDayHighContrast = {
131
131
  '--kui-button-color-text-tertiary-disabled': "#737373",
132
132
  '--kui-button-color-text-tertiary-hover': "#171717",
133
133
  '--kui-button-font-size-large': "16px",
134
- '--kui-button-font-size-medium': "14px",
134
+ '--kui-button-font-size-medium': "12px",
135
135
  '--kui-button-font-size-small': "12px",
136
136
  '--kui-button-font-weight': "500",
137
137
  '--kui-button-icon-size-large': "24px",
138
- '--kui-button-icon-size-medium': "20px",
138
+ '--kui-button-icon-size-medium': "16px",
139
139
  '--kui-button-icon-size-small': "16px",
140
140
  '--kui-button-line-height-large': "24px",
141
141
  '--kui-button-line-height-medium': "20px",
142
142
  '--kui-button-line-height-small': "16px",
143
143
  '--kui-button-padding-x-large': "12px",
144
- '--kui-button-padding-x-medium': "12px",
144
+ '--kui-button-padding-x-medium': "8px",
145
145
  '--kui-button-padding-x-small': "12px",
146
- '--kui-button-padding-y-large': "6px",
146
+ '--kui-button-padding-y-large': "3px",
147
147
  '--kui-button-padding-y-medium': "3px",
148
148
  '--kui-button-padding-y-small': "2px",
149
149
  '--kui-button-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -449,11 +449,12 @@ const monoLimeDayHighContrast = {
449
449
  '--kui-input-color-text-placeholder': "#525252",
450
450
  '--kui-input-color-text-readonly': "#404040",
451
451
  '--kui-input-font-family': "'Inter', Roboto, Helvetica, sans-serif",
452
- '--kui-input-font-size': "14px",
452
+ '--kui-input-font-size': "12px",
453
453
  '--kui-input-font-weight': "400",
454
- '--kui-input-line-height': "24px",
454
+ '--kui-input-icon-size': "16px",
455
+ '--kui-input-line-height': "20px",
455
456
  '--kui-input-padding-x': "12px",
456
- '--kui-input-padding-y': "8px",
457
+ '--kui-input-padding-y': "6px",
457
458
  '--kui-input-shadow-border': "0px 0px 0px 1px #404040 inset",
458
459
  '--kui-input-shadow-border-disabled': "none",
459
460
  '--kui-input-shadow-border-error': "0px 0px 0px 1px #EF4444 inset",
@@ -482,7 +483,7 @@ const monoLimeDayHighContrast = {
482
483
  '--kui-input-switch-thumb-shadow-border-selected': "0px 0px 0px 1px #3D4D00 inset",
483
484
  '--kui-label-color-text': "#404040",
484
485
  '--kui-label-font-family': "'Inter', Roboto, Helvetica, sans-serif",
485
- '--kui-label-font-size': "14px",
486
+ '--kui-label-font-size': "12px",
486
487
  '--kui-label-font-weight': "600",
487
488
  '--kui-label-line-height': "20px",
488
489
  '--kui-letter-spacing-0': "normal",
@@ -573,6 +574,8 @@ const monoLimeDayHighContrast = {
573
574
  '--kui-multiselect-search-border-width': "1px",
574
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
576
  '--kui-multiselect-search-color-border': "#D4D4D4",
577
+ '--kui-multiselect-selections-min-height': "20px",
578
+ '--kui-multiselect-trigger-padding-y': "6px",
576
579
  '--kui-navigation-color-background': "#0A0A0A",
577
580
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
578
581
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -831,16 +834,17 @@ const monoLimeDayHighContrast = {
831
834
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #EBEBEB inset",
832
835
  '--kui-table-color-background': "#FFFFFF",
833
836
  '--kui-table-font-family': "'Inter', Roboto, Helvetica, sans-serif",
837
+ '--kui-table-gap': "8px",
834
838
  '--kui-table-header-color-border': "#A3A3A3",
835
839
  '--kui-table-header-color-text': "#525252",
836
840
  '--kui-table-header-color-text-active-sort': "#404040",
837
841
  '--kui-table-header-font-size': "14px",
838
- '--kui-table-header-font-weight': "600",
842
+ '--kui-table-header-font-weight': "500",
839
843
  '--kui-table-header-line-height': "20px",
840
- '--kui-table-header-padding': "10px",
844
+ '--kui-table-header-padding': "10px 6px",
841
845
  '--kui-table-header-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #881EE8 inset",
842
846
  '--kui-table-header-shadow-scrolled': "0px 8px 24px 0px rgba(0, 0, 0, 0.08)",
843
- '--kui-table-padding': "8px 10px",
847
+ '--kui-table-padding': "8px 8px",
844
848
  '--kui-table-row-color-background-expanded': "#FCFCFC",
845
849
  '--kui-table-row-color-background-hover': "#F8F8F8",
846
850
  '--kui-table-row-color-border': "#D4D4D4",
@@ -131,19 +131,19 @@
131
131
  --kui-button-color-text-tertiary-disabled: #737373;
132
132
  --kui-button-color-text-tertiary-hover: #171717;
133
133
  --kui-button-font-size-large: 16px;
134
- --kui-button-font-size-medium: 14px;
134
+ --kui-button-font-size-medium: 12px;
135
135
  --kui-button-font-size-small: 12px;
136
136
  --kui-button-font-weight: 500;
137
137
  --kui-button-icon-size-large: 24px;
138
- --kui-button-icon-size-medium: 20px;
138
+ --kui-button-icon-size-medium: 16px;
139
139
  --kui-button-icon-size-small: 16px;
140
140
  --kui-button-line-height-large: 24px;
141
141
  --kui-button-line-height-medium: 20px;
142
142
  --kui-button-line-height-small: 16px;
143
143
  --kui-button-padding-x-large: 12px;
144
- --kui-button-padding-x-medium: 12px;
144
+ --kui-button-padding-x-medium: 8px;
145
145
  --kui-button-padding-x-small: 12px;
146
- --kui-button-padding-y-large: 6px;
146
+ --kui-button-padding-y-large: 3px;
147
147
  --kui-button-padding-y-medium: 3px;
148
148
  --kui-button-padding-y-small: 2px;
149
149
  --kui-button-shadow-focus: 0px 0px 0px 3px rgba(179, 224, 0, 0.6);
@@ -449,11 +449,12 @@
449
449
  --kui-input-color-text-placeholder: #525252;
450
450
  --kui-input-color-text-readonly: #404040;
451
451
  --kui-input-font-family: 'Inter', Roboto, Helvetica, sans-serif;
452
- --kui-input-font-size: 14px;
452
+ --kui-input-font-size: 12px;
453
453
  --kui-input-font-weight: 400;
454
- --kui-input-line-height: 24px;
454
+ --kui-input-icon-size: 16px;
455
+ --kui-input-line-height: 20px;
455
456
  --kui-input-padding-x: 12px;
456
- --kui-input-padding-y: 8px;
457
+ --kui-input-padding-y: 6px;
457
458
  --kui-input-shadow-border: 0px 0px 0px 1px #404040 inset;
458
459
  --kui-input-shadow-border-disabled: none;
459
460
  --kui-input-shadow-border-error: 0px 0px 0px 1px #EF4444 inset;
@@ -482,7 +483,7 @@
482
483
  --kui-input-switch-thumb-shadow-border-selected: 0px 0px 0px 1px #3D4D00 inset;
483
484
  --kui-label-color-text: #404040;
484
485
  --kui-label-font-family: 'Inter', Roboto, Helvetica, sans-serif;
485
- --kui-label-font-size: 14px;
486
+ --kui-label-font-size: 12px;
486
487
  --kui-label-font-weight: 600;
487
488
  --kui-label-line-height: 20px;
488
489
  --kui-letter-spacing-0: normal;
@@ -573,6 +574,8 @@
573
574
  --kui-multiselect-search-border-width: 1px;
574
575
  --kui-multiselect-search-color-background: #FFFFFF;
575
576
  --kui-multiselect-search-color-border: #D4D4D4;
577
+ --kui-multiselect-selections-min-height: 20px;
578
+ --kui-multiselect-trigger-padding-y: 6px;
576
579
  --kui-navigation-color-background: #0A0A0A;
577
580
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
578
581
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -831,16 +834,17 @@
831
834
  --kui-table-cell-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #EBEBEB inset;
832
835
  --kui-table-color-background: #FFFFFF;
833
836
  --kui-table-font-family: 'Inter', Roboto, Helvetica, sans-serif;
837
+ --kui-table-gap: 8px;
834
838
  --kui-table-header-color-border: #A3A3A3;
835
839
  --kui-table-header-color-text: #525252;
836
840
  --kui-table-header-color-text-active-sort: #404040;
837
841
  --kui-table-header-font-size: 14px;
838
- --kui-table-header-font-weight: 600;
842
+ --kui-table-header-font-weight: 500;
839
843
  --kui-table-header-line-height: 20px;
840
- --kui-table-header-padding: 10px;
844
+ --kui-table-header-padding: 10px 6px;
841
845
  --kui-table-header-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #881EE8 inset;
842
846
  --kui-table-header-shadow-scrolled: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
843
- --kui-table-padding: 8px 10px;
847
+ --kui-table-padding: 8px 8px;
844
848
  --kui-table-row-color-background-expanded: #FCFCFC;
845
849
  --kui-table-row-color-background-hover: #F8F8F8;
846
850
  --kui-table-row-color-border: #D4D4D4;
@@ -130,19 +130,19 @@ export const monoLimeDayHighContrast = {
130
130
  '--kui-button-color-text-tertiary-disabled': "#737373",
131
131
  '--kui-button-color-text-tertiary-hover': "#171717",
132
132
  '--kui-button-font-size-large': "16px",
133
- '--kui-button-font-size-medium': "14px",
133
+ '--kui-button-font-size-medium': "12px",
134
134
  '--kui-button-font-size-small': "12px",
135
135
  '--kui-button-font-weight': "500",
136
136
  '--kui-button-icon-size-large': "24px",
137
- '--kui-button-icon-size-medium': "20px",
137
+ '--kui-button-icon-size-medium': "16px",
138
138
  '--kui-button-icon-size-small': "16px",
139
139
  '--kui-button-line-height-large': "24px",
140
140
  '--kui-button-line-height-medium': "20px",
141
141
  '--kui-button-line-height-small': "16px",
142
142
  '--kui-button-padding-x-large': "12px",
143
- '--kui-button-padding-x-medium': "12px",
143
+ '--kui-button-padding-x-medium': "8px",
144
144
  '--kui-button-padding-x-small': "12px",
145
- '--kui-button-padding-y-large': "6px",
145
+ '--kui-button-padding-y-large': "3px",
146
146
  '--kui-button-padding-y-medium': "3px",
147
147
  '--kui-button-padding-y-small': "2px",
148
148
  '--kui-button-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -448,11 +448,12 @@ export const monoLimeDayHighContrast = {
448
448
  '--kui-input-color-text-placeholder': "#525252",
449
449
  '--kui-input-color-text-readonly': "#404040",
450
450
  '--kui-input-font-family': "'Inter', Roboto, Helvetica, sans-serif",
451
- '--kui-input-font-size': "14px",
451
+ '--kui-input-font-size': "12px",
452
452
  '--kui-input-font-weight': "400",
453
- '--kui-input-line-height': "24px",
453
+ '--kui-input-icon-size': "16px",
454
+ '--kui-input-line-height': "20px",
454
455
  '--kui-input-padding-x': "12px",
455
- '--kui-input-padding-y': "8px",
456
+ '--kui-input-padding-y': "6px",
456
457
  '--kui-input-shadow-border': "0px 0px 0px 1px #404040 inset",
457
458
  '--kui-input-shadow-border-disabled': "none",
458
459
  '--kui-input-shadow-border-error': "0px 0px 0px 1px #EF4444 inset",
@@ -481,7 +482,7 @@ export const monoLimeDayHighContrast = {
481
482
  '--kui-input-switch-thumb-shadow-border-selected': "0px 0px 0px 1px #3D4D00 inset",
482
483
  '--kui-label-color-text': "#404040",
483
484
  '--kui-label-font-family': "'Inter', Roboto, Helvetica, sans-serif",
484
- '--kui-label-font-size': "14px",
485
+ '--kui-label-font-size': "12px",
485
486
  '--kui-label-font-weight': "600",
486
487
  '--kui-label-line-height': "20px",
487
488
  '--kui-letter-spacing-0': "normal",
@@ -572,6 +573,8 @@ export const monoLimeDayHighContrast = {
572
573
  '--kui-multiselect-search-border-width': "1px",
573
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
574
575
  '--kui-multiselect-search-color-border': "#D4D4D4",
576
+ '--kui-multiselect-selections-min-height': "20px",
577
+ '--kui-multiselect-trigger-padding-y': "6px",
575
578
  '--kui-navigation-color-background': "#0A0A0A",
576
579
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
577
580
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -830,16 +833,17 @@ export const monoLimeDayHighContrast = {
830
833
  '--kui-table-cell-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #EBEBEB inset",
831
834
  '--kui-table-color-background': "#FFFFFF",
832
835
  '--kui-table-font-family': "'Inter', Roboto, Helvetica, sans-serif",
836
+ '--kui-table-gap': "8px",
833
837
  '--kui-table-header-color-border': "#A3A3A3",
834
838
  '--kui-table-header-color-text': "#525252",
835
839
  '--kui-table-header-color-text-active-sort': "#404040",
836
840
  '--kui-table-header-font-size': "14px",
837
- '--kui-table-header-font-weight': "600",
841
+ '--kui-table-header-font-weight': "500",
838
842
  '--kui-table-header-line-height': "20px",
839
- '--kui-table-header-padding': "10px",
843
+ '--kui-table-header-padding': "10px 6px",
840
844
  '--kui-table-header-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #881EE8 inset",
841
845
  '--kui-table-header-shadow-scrolled': "0px 8px 24px 0px rgba(0, 0, 0, 0.08)",
842
- '--kui-table-padding': "8px 10px",
846
+ '--kui-table-padding': "8px 8px",
843
847
  '--kui-table-row-color-background-expanded': "#FCFCFC",
844
848
  '--kui-table-row-color-background-hover': "#F8F8F8",
845
849
  '--kui-table-row-color-border': "#D4D4D4",