@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.
- package/TOKENS.md +4 -20
- package/dist/themes/electric-lime-day-high-contrast.cjs +0 -2
- package/dist/themes/electric-lime-day-high-contrast.css +0 -2
- package/dist/themes/electric-lime-day-high-contrast.mjs +0 -2
- package/dist/themes/electric-lime-day.cjs +0 -2
- package/dist/themes/electric-lime-day.css +0 -2
- package/dist/themes/electric-lime-day.mjs +0 -2
- package/dist/themes/electric-lime-night-high-contrast.cjs +0 -2
- package/dist/themes/electric-lime-night-high-contrast.css +0 -2
- package/dist/themes/electric-lime-night-high-contrast.mjs +0 -2
- package/dist/themes/electric-lime-night.cjs +0 -2
- package/dist/themes/electric-lime-night.css +0 -2
- package/dist/themes/electric-lime-night.mjs +0 -2
- package/dist/themes/mono-lime-day-high-contrast.cjs +0 -2
- package/dist/themes/mono-lime-day-high-contrast.css +0 -2
- package/dist/themes/mono-lime-day-high-contrast.mjs +0 -2
- package/dist/themes/mono-lime-day.cjs +0 -2
- package/dist/themes/mono-lime-day.css +0 -2
- package/dist/themes/mono-lime-day.mjs +0 -2
- package/dist/themes/mono-lime-night-high-contrast.cjs +0 -2
- package/dist/themes/mono-lime-night-high-contrast.css +0 -2
- package/dist/themes/mono-lime-night-high-contrast.mjs +0 -2
- package/dist/themes/mono-lime-night.cjs +0 -2
- package/dist/themes/mono-lime-night.css +0 -2
- package/dist/themes/mono-lime-night.mjs +0 -2
- package/dist/tokens/README.md +4 -20
- package/dist/tokens/css/custom-properties.css +1 -1
- package/dist/tokens/js/cjs/index.d.ts +1 -1
- package/dist/tokens/js/cjs/index.js +1 -1
- package/dist/tokens/js/index.d.ts +1 -1
- package/dist/tokens/js/index.mjs +1 -1
- package/dist/tokens/scss/_map.scss +1 -1
- package/dist/tokens/scss/_variables.scss +1 -1
- package/dist/tokens/themeable-tokens/index.cjs +2 -14
- package/dist/tokens/themeable-tokens/index.d.cts +0 -12
- package/dist/tokens/themeable-tokens/index.d.ts +0 -12
- package/dist/tokens/themeable-tokens/index.mjs +2 -14
- 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
|
|
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
|
-
/*
|
|
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
|
|
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: "
|
|
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)",
|
package/dist/tokens/README.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
|
|
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
|
-
/*
|
|
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
|
|
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: "
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
package/dist/tokens/js/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
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
|
|
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
|
|
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
|
|
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: "
|
|
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
|
|
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: "
|
|
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
|
|
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
|
-
"
|
|
83
|
-
|
|
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
|
+
}
|