@kong/design-tokens 3.4.2-pr.735.d16eec2.0 → 3.4.2

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 +4 -20
  2. package/dist/themes/electric-lime-day-high-contrast.cjs +0 -2
  3. package/dist/themes/electric-lime-day-high-contrast.css +0 -2
  4. package/dist/themes/electric-lime-day-high-contrast.mjs +0 -2
  5. package/dist/themes/electric-lime-day.cjs +0 -2
  6. package/dist/themes/electric-lime-day.css +0 -2
  7. package/dist/themes/electric-lime-day.mjs +0 -2
  8. package/dist/themes/electric-lime-night-high-contrast.cjs +0 -2
  9. package/dist/themes/electric-lime-night-high-contrast.css +0 -2
  10. package/dist/themes/electric-lime-night-high-contrast.mjs +0 -2
  11. package/dist/themes/electric-lime-night.cjs +0 -2
  12. package/dist/themes/electric-lime-night.css +0 -2
  13. package/dist/themes/electric-lime-night.mjs +0 -2
  14. package/dist/themes/mono-lime-day-high-contrast.cjs +0 -2
  15. package/dist/themes/mono-lime-day-high-contrast.css +0 -2
  16. package/dist/themes/mono-lime-day-high-contrast.mjs +0 -2
  17. package/dist/themes/mono-lime-day.cjs +0 -2
  18. package/dist/themes/mono-lime-day.css +0 -2
  19. package/dist/themes/mono-lime-day.mjs +0 -2
  20. package/dist/themes/mono-lime-night-high-contrast.cjs +0 -2
  21. package/dist/themes/mono-lime-night-high-contrast.css +0 -2
  22. package/dist/themes/mono-lime-night-high-contrast.mjs +0 -2
  23. package/dist/themes/mono-lime-night.cjs +0 -2
  24. package/dist/themes/mono-lime-night.css +0 -2
  25. package/dist/themes/mono-lime-night.mjs +0 -2
  26. package/dist/tokens/README.md +4 -20
  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 +2 -14
  35. package/dist/tokens/themeable-tokens/index.d.cts +0 -12
  36. package/dist/tokens/themeable-tokens/index.d.ts +0 -12
  37. package/dist/tokens/themeable-tokens/index.mjs +2 -14
  38. package/package.json +27 -26
package/TOKENS.md CHANGED
@@ -2666,7 +2666,7 @@ 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. */
2669
+ /* Input before/after slotted icon size. */
2670
2670
  --kui-input-icon-size: initial;
2671
2671
  /* Input line height. */
2672
2672
  --kui-input-line-height: initial;
@@ -2784,10 +2784,6 @@ Component tokens are documented here for reference. They ship **with no default
2784
2784
  --kui-multiselect-search-color-background: initial;
2785
2785
  /* Multiselect dropdown search input wrapper bottom border color. */
2786
2786
  --kui-multiselect-search-color-border: initial;
2787
- /* Multiselect trigger horizontal padding. */
2788
- --kui-multiselect-trigger-padding-x: initial;
2789
- /* Multiselect trigger vertical padding. */
2790
- --kui-multiselect-trigger-padding-y: initial;
2791
2787
  /* Pagination page button border radius. */
2792
2788
  --kui-pagination-border-radius: initial;
2793
2789
  /* Pagination page button border width. */
@@ -3092,7 +3088,7 @@ Component tokens are documented here for reference. They ship **with no default
3092
3088
  --kui-table-row-color-border: initial;
3093
3089
  /* Table sticky column (and actions column) cell background color. */
3094
3090
  --kui-table-sticky-color-background: initial;
3095
- /* Table view gap between the toolbar and the table content. */
3091
+ /* The gap between the toolbar and the table content. */
3096
3092
  --kui-table-toolbar-gap: initial;
3097
3093
  /* Tabs tab link border radius (default appearance). */
3098
3094
  --kui-tabs-border-radius: initial;
@@ -6653,7 +6649,7 @@ export const KUI_THEMEABLE_TOKENS = [
6653
6649
  },
6654
6650
  {
6655
6651
  name: "--kui-input-icon-size",
6656
- description: "Input before/after slot icon size.",
6652
+ description: "Input before/after slotted icon size.",
6657
6653
  category: "component",
6658
6654
  value: null,
6659
6655
  },
@@ -7389,18 +7385,6 @@ export const KUI_THEMEABLE_TOKENS = [
7389
7385
  category: "component",
7390
7386
  value: null,
7391
7387
  },
7392
- {
7393
- name: "--kui-multiselect-trigger-padding-x",
7394
- description: "Multiselect trigger horizontal padding.",
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
- },
7404
7388
  {
7405
7389
  name: "--kui-navigation-color-background",
7406
7390
  description: "blue.100",
@@ -9035,7 +9019,7 @@ export const KUI_THEMEABLE_TOKENS = [
9035
9019
  },
9036
9020
  {
9037
9021
  name: "--kui-table-toolbar-gap",
9038
- description: "Table view gap between the toolbar and the table content.",
9022
+ description: "The gap between the toolbar and the table content.",
9039
9023
  category: "component",
9040
9024
  value: null,
9041
9025
  },
@@ -574,8 +574,6 @@ const electricLimeDayHighContrast = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
576
576
  '--kui-multiselect-search-color-border': "#D2D7D2",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "8px",
579
577
  '--kui-navigation-color-background': "#001021",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #FFFFFF;
576
576
  --kui-multiselect-search-color-border: #D2D7D2;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 8px;
579
577
  --kui-navigation-color-background: #001021;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -573,8 +573,6 @@ export const electricLimeDayHighContrast = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
575
  '--kui-multiselect-search-color-border': "#D2D7D2",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "8px",
578
576
  '--kui-navigation-color-background': "#001021",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@ const electricLimeDay = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
576
576
  '--kui-multiselect-search-color-border': "#D2D7D2",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "8px",
579
577
  '--kui-navigation-color-background': "#001933",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #FFFFFF;
576
576
  --kui-multiselect-search-color-border: #D2D7D2;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 8px;
579
577
  --kui-navigation-color-background: #001933;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -573,8 +573,6 @@ export const electricLimeDay = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
575
  '--kui-multiselect-search-color-border': "#D2D7D2",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "8px",
578
576
  '--kui-navigation-color-background': "#001933",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@ const electricLimeNightHighContrast = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#0D0F0D",
576
576
  '--kui-multiselect-search-color-border': "#4E594E",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "8px",
579
577
  '--kui-navigation-color-background': "#001933",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #0D0F0D;
576
576
  --kui-multiselect-search-color-border: #4E594E;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 8px;
579
577
  --kui-navigation-color-background: #001933;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -573,8 +573,6 @@ export const electricLimeNightHighContrast = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#0D0F0D",
575
575
  '--kui-multiselect-search-color-border': "#4E594E",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "8px",
578
576
  '--kui-navigation-color-background': "#001933",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@ const electricLimeNight = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#0D0F0D",
576
576
  '--kui-multiselect-search-color-border': "#3D443D",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "8px",
579
577
  '--kui-navigation-color-background': "#001933",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #0D0F0D;
576
576
  --kui-multiselect-search-color-border: #3D443D;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 8px;
579
577
  --kui-navigation-color-background: #001933;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -573,8 +573,6 @@ export const electricLimeNight = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#0D0F0D",
575
575
  '--kui-multiselect-search-color-border': "#3D443D",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "8px",
578
576
  '--kui-navigation-color-background': "#001933",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@ const monoLimeDayHighContrast = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
576
576
  '--kui-multiselect-search-color-border': "#D4D4D4",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "6px",
579
577
  '--kui-navigation-color-background': "#0A0A0A",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #FFFFFF;
576
576
  --kui-multiselect-search-color-border: #D4D4D4;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 6px;
579
577
  --kui-navigation-color-background: #0A0A0A;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -573,8 +573,6 @@ export const monoLimeDayHighContrast = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
575
  '--kui-multiselect-search-color-border': "#D4D4D4",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "6px",
578
576
  '--kui-navigation-color-background': "#0A0A0A",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@ const monoLimeDay = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#FFFFFF",
576
576
  '--kui-multiselect-search-color-border': "#D4D4D4",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "6px",
579
577
  '--kui-navigation-color-background': "#0A0A0A",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #FFFFFF;
576
576
  --kui-multiselect-search-color-border: #D4D4D4;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 6px;
579
577
  --kui-navigation-color-background: #0A0A0A;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -573,8 +573,6 @@ export const monoLimeDay = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#FFFFFF",
575
575
  '--kui-multiselect-search-color-border': "#D4D4D4",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "6px",
578
576
  '--kui-navigation-color-background': "#0A0A0A",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@ const monoLimeNightHighContrast = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#121212",
576
576
  '--kui-multiselect-search-color-border': "#525252",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "6px",
579
577
  '--kui-navigation-color-background': "#050505",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #121212;
576
576
  --kui-multiselect-search-color-border: #525252;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 6px;
579
577
  --kui-navigation-color-background: #050505;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.4);
@@ -573,8 +573,6 @@ export const monoLimeNightHighContrast = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#121212",
575
575
  '--kui-multiselect-search-color-border': "#525252",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "6px",
578
576
  '--kui-navigation-color-background': "#050505",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.4)",
@@ -574,8 +574,6 @@ const monoLimeNight = {
574
574
  '--kui-multiselect-search-border-width': "1px",
575
575
  '--kui-multiselect-search-color-background': "#121212",
576
576
  '--kui-multiselect-search-color-border': "#404040",
577
- '--kui-multiselect-trigger-padding-x': "12px",
578
- '--kui-multiselect-trigger-padding-y': "6px",
579
577
  '--kui-navigation-color-background': "#050505",
580
578
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
581
579
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -574,8 +574,6 @@
574
574
  --kui-multiselect-search-border-width: 1px;
575
575
  --kui-multiselect-search-color-background: #121212;
576
576
  --kui-multiselect-search-color-border: #404040;
577
- --kui-multiselect-trigger-padding-x: 12px;
578
- --kui-multiselect-trigger-padding-y: 6px;
579
577
  --kui-navigation-color-background: #050505;
580
578
  --kui-navigation-color-background-selected: rgba(255, 255, 255, 0.12);
581
579
  --kui-navigation-color-border: rgba(255, 255, 255, 0.12);
@@ -573,8 +573,6 @@ export const monoLimeNight = {
573
573
  '--kui-multiselect-search-border-width': "1px",
574
574
  '--kui-multiselect-search-color-background': "#121212",
575
575
  '--kui-multiselect-search-color-border': "#404040",
576
- '--kui-multiselect-trigger-padding-x': "12px",
577
- '--kui-multiselect-trigger-padding-y': "6px",
578
576
  '--kui-navigation-color-background': "#050505",
579
577
  '--kui-navigation-color-background-selected': "rgba(255, 255, 255, 0.12)",
580
578
  '--kui-navigation-color-border': "rgba(255, 255, 255, 0.12)",
@@ -2666,7 +2666,7 @@ 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. */
2669
+ /* Input before/after slotted icon size. */
2670
2670
  --kui-input-icon-size: initial;
2671
2671
  /* Input line height. */
2672
2672
  --kui-input-line-height: initial;
@@ -2784,10 +2784,6 @@ Component tokens are documented here for reference. They ship **with no default
2784
2784
  --kui-multiselect-search-color-background: initial;
2785
2785
  /* Multiselect dropdown search input wrapper bottom border color. */
2786
2786
  --kui-multiselect-search-color-border: initial;
2787
- /* Multiselect trigger horizontal padding. */
2788
- --kui-multiselect-trigger-padding-x: initial;
2789
- /* Multiselect trigger vertical padding. */
2790
- --kui-multiselect-trigger-padding-y: initial;
2791
2787
  /* Pagination page button border radius. */
2792
2788
  --kui-pagination-border-radius: initial;
2793
2789
  /* Pagination page button border width. */
@@ -3092,7 +3088,7 @@ Component tokens are documented here for reference. They ship **with no default
3092
3088
  --kui-table-row-color-border: initial;
3093
3089
  /* Table sticky column (and actions column) cell background color. */
3094
3090
  --kui-table-sticky-color-background: initial;
3095
- /* Table view gap between the toolbar and the table content. */
3091
+ /* The gap between the toolbar and the table content. */
3096
3092
  --kui-table-toolbar-gap: initial;
3097
3093
  /* Tabs tab link border radius (default appearance). */
3098
3094
  --kui-tabs-border-radius: initial;
@@ -6653,7 +6649,7 @@ export const KUI_THEMEABLE_TOKENS = [
6653
6649
  },
6654
6650
  {
6655
6651
  name: "--kui-input-icon-size",
6656
- description: "Input before/after slot icon size.",
6652
+ description: "Input before/after slotted icon size.",
6657
6653
  category: "component",
6658
6654
  value: null,
6659
6655
  },
@@ -7389,18 +7385,6 @@ export const KUI_THEMEABLE_TOKENS = [
7389
7385
  category: "component",
7390
7386
  value: null,
7391
7387
  },
7392
- {
7393
- name: "--kui-multiselect-trigger-padding-x",
7394
- description: "Multiselect trigger horizontal padding.",
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
- },
7404
7388
  {
7405
7389
  name: "--kui-navigation-color-background",
7406
7390
  description: "blue.100",
@@ -9035,7 +9019,7 @@ export const KUI_THEMEABLE_TOKENS = [
9035
9019
  },
9036
9020
  {
9037
9021
  name: "--kui-table-toolbar-gap",
9038
- description: "Table view gap between the toolbar and the table content.",
9022
+ description: "The gap between the toolbar and the table content.",
9039
9023
  category: "component",
9040
9024
  value: null,
9041
9025
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  *
5
5
  * Kong Konnect Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  *
5
5
  * Kong Konnect Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  *
5
5
  * Kong Konnect Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  *
5
5
  * Kong Konnect Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  *
5
5
  * Kong Konnect Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly, this file was auto-generated.
4
- * Generated on Mon, 19 Oct 2026 13:22:32 GMT
4
+ * Generated on Mon, 19 Oct 2026 19:51:49 GMT
5
5
  *
6
6
  * Kong Konnect Design Tokens
7
7
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
- // Generated on Mon, 19 Oct 2026 13:22:32 GMT
3
+ // Generated on Mon, 19 Oct 2026 19:51:49 GMT
4
4
  //
5
5
  // Kong Konnect Design Tokens
6
6
  // GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
@@ -2718,7 +2718,7 @@ const KUI_THEMEABLE_TOKENS = [
2718
2718
  },
2719
2719
  {
2720
2720
  name: "--kui-input-icon-size",
2721
- description: "Input before/after slot icon size.",
2721
+ description: "Input before/after slotted icon size.",
2722
2722
  category: "component",
2723
2723
  value: null,
2724
2724
  },
@@ -3454,18 +3454,6 @@ const KUI_THEMEABLE_TOKENS = [
3454
3454
  category: "component",
3455
3455
  value: null,
3456
3456
  },
3457
- {
3458
- name: "--kui-multiselect-trigger-padding-x",
3459
- description: "Multiselect trigger horizontal padding.",
3460
- category: "component",
3461
- value: null,
3462
- },
3463
- {
3464
- name: "--kui-multiselect-trigger-padding-y",
3465
- description: "Multiselect trigger vertical padding.",
3466
- category: "component",
3467
- value: null,
3468
- },
3469
3457
  {
3470
3458
  name: "--kui-navigation-color-background",
3471
3459
  description: "blue.100",
@@ -5100,7 +5088,7 @@ const KUI_THEMEABLE_TOKENS = [
5100
5088
  },
5101
5089
  {
5102
5090
  name: "--kui-table-toolbar-gap",
5103
- description: "Table view gap between the toolbar and the table content.",
5091
+ description: "The gap between the toolbar and the table content.",
5104
5092
  category: "component",
5105
5093
  value: null,
5106
5094
  },
@@ -3463,18 +3463,6 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
3463
3463
  readonly category: "component";
3464
3464
  readonly value: string | null;
3465
3465
  },
3466
- {
3467
- readonly name: "--kui-multiselect-trigger-padding-x";
3468
- readonly description: string;
3469
- readonly category: "component";
3470
- readonly value: string | null;
3471
- },
3472
- {
3473
- readonly name: "--kui-multiselect-trigger-padding-y";
3474
- readonly description: string;
3475
- readonly category: "component";
3476
- readonly value: string | null;
3477
- },
3478
3466
  {
3479
3467
  readonly name: "--kui-navigation-color-background";
3480
3468
  readonly description: string;
@@ -3463,18 +3463,6 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
3463
3463
  readonly category: "component";
3464
3464
  readonly value: string | null;
3465
3465
  },
3466
- {
3467
- readonly name: "--kui-multiselect-trigger-padding-x";
3468
- readonly description: string;
3469
- readonly category: "component";
3470
- readonly value: string | null;
3471
- },
3472
- {
3473
- readonly name: "--kui-multiselect-trigger-padding-y";
3474
- readonly description: string;
3475
- readonly category: "component";
3476
- readonly value: string | null;
3477
- },
3478
3466
  {
3479
3467
  readonly name: "--kui-navigation-color-background";
3480
3468
  readonly description: string;
@@ -2721,7 +2721,7 @@ export const KUI_THEMEABLE_TOKENS = [
2721
2721
  },
2722
2722
  {
2723
2723
  name: "--kui-input-icon-size",
2724
- description: "Input before/after slot icon size.",
2724
+ description: "Input before/after slotted icon size.",
2725
2725
  category: "component",
2726
2726
  value: null,
2727
2727
  },
@@ -3457,18 +3457,6 @@ export const KUI_THEMEABLE_TOKENS = [
3457
3457
  category: "component",
3458
3458
  value: null,
3459
3459
  },
3460
- {
3461
- name: "--kui-multiselect-trigger-padding-x",
3462
- description: "Multiselect trigger horizontal padding.",
3463
- category: "component",
3464
- value: null,
3465
- },
3466
- {
3467
- name: "--kui-multiselect-trigger-padding-y",
3468
- description: "Multiselect trigger vertical padding.",
3469
- category: "component",
3470
- value: null,
3471
- },
3472
3460
  {
3473
3461
  name: "--kui-navigation-color-background",
3474
3462
  description: "blue.100",
@@ -5103,7 +5091,7 @@ export const KUI_THEMEABLE_TOKENS = [
5103
5091
  },
5104
5092
  {
5105
5093
  name: "--kui-table-toolbar-gap",
5106
- description: "Table view gap between the toolbar and the table content.",
5094
+ description: "The gap between the toolbar and the table content.",
5107
5095
  category: "component",
5108
5096
  value: null,
5109
5097
  },
package/package.json CHANGED
@@ -1,9 +1,33 @@
1
1
  {
2
2
  "name": "@kong/design-tokens",
3
- "version": "3.4.2-pr.735.d16eec2.0",
3
+ "version": "3.4.2",
4
4
  "description": "Kong Design Tokens and style dictionary",
5
5
  "private": false,
6
6
  "type": "module",
7
+ "scripts": {
8
+ "build": "pnpm build:clean && pnpm build:tokens && pnpm copy:tokens-doc",
9
+ "build:tokens": "style-dictionary build --config ./config.mjs",
10
+ "build:clean": "rimraf ./dist",
11
+ "copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
12
+ "lint": "eslint",
13
+ "lint:fix": "eslint --fix",
14
+ "typecheck": "pnpm typecheck:sandbox",
15
+ "typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
16
+ "stylelint": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,vue}'",
17
+ "stylelint:fix": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,sass,vue}' --fix",
18
+ "sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
19
+ "sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
20
+ "sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
21
+ "sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
22
+ "sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
23
+ "watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
24
+ "theme:scaffold": "node scripts/theme-scaffold.mjs",
25
+ "theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
26
+ "themes:sync": "node scripts/themes-sync.mjs",
27
+ "themes:unfilled": "node scripts/themes-unfilled.mjs",
28
+ "pretest": "pnpm build:tokens",
29
+ "test": "vitest run --config vitest.config.mjs"
30
+ },
7
31
  "publishConfig": {
8
32
  "access": "public"
9
33
  },
@@ -79,28 +103,5 @@
79
103
  "volta": {
80
104
  "node": "24.13.1"
81
105
  },
82
- "scripts": {
83
- "build": "pnpm build:clean && pnpm build:tokens && pnpm copy:tokens-doc",
84
- "build:tokens": "style-dictionary build --config ./config.mjs",
85
- "build:clean": "rimraf ./dist",
86
- "copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
87
- "lint": "eslint",
88
- "lint:fix": "eslint --fix",
89
- "typecheck": "pnpm typecheck:sandbox",
90
- "typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
91
- "stylelint": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,vue}'",
92
- "stylelint:fix": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,sass,vue}' --fix",
93
- "sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
94
- "sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
95
- "sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
96
- "sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
97
- "sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
98
- "watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
99
- "theme:scaffold": "node scripts/theme-scaffold.mjs",
100
- "theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
101
- "themes:sync": "node scripts/themes-sync.mjs",
102
- "themes:unfilled": "node scripts/themes-unfilled.mjs",
103
- "pretest": "pnpm build:tokens",
104
- "test": "vitest run --config vitest.config.mjs"
105
- }
106
- }
106
+ "gitHead": "62763c914663058ba0ac1dc57b3c68676ea5fb6e"
107
+ }