@kong/design-tokens 3.4.1 → 3.4.2-pr.735.29467e4.0

package/TOKENS.md

@@ -2666,6 +2666,8 @@ Component tokens are documented here for reference. They ship **with no default
 --kui-input-font-size: initial;
 /* Input font weight. */
 --kui-input-font-weight: initial;
+/* Input before/after slot icon size. */
+--kui-input-icon-size: initial;
 /* Input line height. */
 --kui-input-line-height: initial;
 /* Input horizontal padding. */
@@ -3086,6 +3088,8 @@ Component tokens are documented here for reference. They ship **with no default
 --kui-table-row-color-border: initial;
 /* Table sticky column (and actions column) cell background color. */
 --kui-table-sticky-color-background: initial;
+/* Table view gap between the toolbar and the table content. */
+--kui-table-toolbar-gap: initial;
 /* Tabs tab link border radius (default appearance). */
 --kui-tabs-border-radius: initial;
 /* Tabs tab link border radius (minimal appearance). */
@@ -6643,6 +6647,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-input-icon-size",
+    description: "Input before/after slot icon size.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-input-line-height",
     description: "Input line height.",
@@ -9007,6 +9017,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-table-toolbar-gap",
+    description: "Table view gap between the toolbar and the table content.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-tabs-border-radius",
     description: "Tabs tab link border radius (default appearance).",

package/dist/themes/electric-lime-day-high-contrast.cjs

@@ -451,6 +451,7 @@ const electricLimeDayHighContrast = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -845,6 +846,7 @@ const electricLimeDayHighContrast = {
   '--kui-table-row-color-background-hover': "#FAFBFA",
   '--kui-table-row-color-border': "#D2D7D2",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-day-high-contrast.css

@@ -451,6 +451,7 @@
     --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
     --kui-input-font-size: 14px;
     --kui-input-font-weight: 400;
+    --kui-input-icon-size: 20px;
     --kui-input-line-height: 24px;
     --kui-input-padding-x: 12px;
     --kui-input-padding-y: 8px;
@@ -845,6 +846,7 @@
     --kui-table-row-color-background-hover: #FAFBFA;
     --kui-table-row-color-border: #D2D7D2;
     --kui-table-sticky-color-background: #FFFFFF;
+    --kui-table-toolbar-gap: 20px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;

package/dist/themes/electric-lime-day-high-contrast.mjs

@@ -450,6 +450,7 @@ export const electricLimeDayHighContrast = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -844,6 +845,7 @@ export const electricLimeDayHighContrast = {
   '--kui-table-row-color-background-hover': "#FAFBFA",
   '--kui-table-row-color-border': "#D2D7D2",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-day.cjs

@@ -451,6 +451,7 @@ const electricLimeDay = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -845,6 +846,7 @@ const electricLimeDay = {
   '--kui-table-row-color-background-hover': "#F1F3F1",
   '--kui-table-row-color-border': "#E3E8E3",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-day.css

@@ -451,6 +451,7 @@
     --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
     --kui-input-font-size: 14px;
     --kui-input-font-weight: 400;
+    --kui-input-icon-size: 20px;
     --kui-input-line-height: 24px;
     --kui-input-padding-x: 12px;
     --kui-input-padding-y: 8px;
@@ -845,6 +846,7 @@
     --kui-table-row-color-background-hover: #F1F3F1;
     --kui-table-row-color-border: #E3E8E3;
     --kui-table-sticky-color-background: #FFFFFF;
+    --kui-table-toolbar-gap: 20px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;

package/dist/themes/electric-lime-day.mjs

@@ -450,6 +450,7 @@ export const electricLimeDay = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -844,6 +845,7 @@ export const electricLimeDay = {
   '--kui-table-row-color-background-hover': "#F1F3F1",
   '--kui-table-row-color-border': "#E3E8E3",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-night-high-contrast.cjs

@@ -451,6 +451,7 @@ const electricLimeNightHighContrast = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -845,6 +846,7 @@ const electricLimeNightHighContrast = {
   '--kui-table-row-color-background-hover': "#242824",
   '--kui-table-row-color-border': "#4E594E",
   '--kui-table-sticky-color-background': "#0D0F0D",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-night-high-contrast.css

@@ -451,6 +451,7 @@
     --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
     --kui-input-font-size: 14px;
     --kui-input-font-weight: 400;
+    --kui-input-icon-size: 20px;
     --kui-input-line-height: 24px;
     --kui-input-padding-x: 12px;
     --kui-input-padding-y: 8px;
@@ -845,6 +846,7 @@
     --kui-table-row-color-background-hover: #242824;
     --kui-table-row-color-border: #4E594E;
     --kui-table-sticky-color-background: #0D0F0D;
+    --kui-table-toolbar-gap: 20px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;

package/dist/themes/electric-lime-night-high-contrast.mjs

@@ -450,6 +450,7 @@ export const electricLimeNightHighContrast = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -844,6 +845,7 @@ export const electricLimeNightHighContrast = {
   '--kui-table-row-color-background-hover': "#242824",
   '--kui-table-row-color-border': "#4E594E",
   '--kui-table-sticky-color-background': "#0D0F0D",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-night.cjs

@@ -451,6 +451,7 @@ const electricLimeNight = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -845,6 +846,7 @@ const electricLimeNight = {
   '--kui-table-row-color-background-hover': "#242824",
   '--kui-table-row-color-border': "#242824",
   '--kui-table-sticky-color-background': "#0D0F0D",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/electric-lime-night.css

@@ -451,6 +451,7 @@
     --kui-input-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
     --kui-input-font-size: 14px;
     --kui-input-font-weight: 400;
+    --kui-input-icon-size: 20px;
     --kui-input-line-height: 24px;
     --kui-input-padding-x: 12px;
     --kui-input-padding-y: 8px;
@@ -845,6 +846,7 @@
     --kui-table-row-color-background-hover: #242824;
     --kui-table-row-color-border: #242824;
     --kui-table-sticky-color-background: #0D0F0D;
+    --kui-table-toolbar-gap: 20px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;

package/dist/themes/electric-lime-night.mjs

@@ -450,6 +450,7 @@ export const electricLimeNight = {
   '--kui-input-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
   '--kui-input-font-size': "14px",
   '--kui-input-font-weight': "400",
+  '--kui-input-icon-size': "20px",
   '--kui-input-line-height': "24px",
   '--kui-input-padding-x': "12px",
   '--kui-input-padding-y': "8px",
@@ -844,6 +845,7 @@ export const electricLimeNight = {
   '--kui-table-row-color-background-hover': "#242824",
   '--kui-table-row-color-border': "#242824",
   '--kui-table-sticky-color-background': "#0D0F0D",
+  '--kui-table-toolbar-gap': "20px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/mono-lime-day-high-contrast.cjs

@@ -131,19 +131,19 @@ const monoLimeDayHighContrast = {
   '--kui-button-color-text-tertiary-disabled': "#737373",
   '--kui-button-color-text-tertiary-hover': "#171717",
   '--kui-button-font-size-large': "16px",
-  '--kui-button-font-size-medium': "14px",
+  '--kui-button-font-size-medium': "12px",
   '--kui-button-font-size-small': "12px",
   '--kui-button-font-weight': "500",
   '--kui-button-icon-size-large': "24px",
-  '--kui-button-icon-size-medium': "20px",
+  '--kui-button-icon-size-medium': "16px",
   '--kui-button-icon-size-small': "16px",
   '--kui-button-line-height-large': "24px",
   '--kui-button-line-height-medium': "20px",
   '--kui-button-line-height-small': "16px",
   '--kui-button-padding-x-large': "12px",
-  '--kui-button-padding-x-medium': "12px",
+  '--kui-button-padding-x-medium': "8px",
   '--kui-button-padding-x-small': "12px",
-  '--kui-button-padding-y-large': "6px",
+  '--kui-button-padding-y-large': "3px",
   '--kui-button-padding-y-medium': "3px",
   '--kui-button-padding-y-small': "2px",
   '--kui-button-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -449,11 +449,12 @@ const monoLimeDayHighContrast = {
   '--kui-input-color-text-placeholder': "#525252",
   '--kui-input-color-text-readonly': "#404040",
   '--kui-input-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-input-font-size': "14px",
+  '--kui-input-font-size': "12px",
   '--kui-input-font-weight': "400",
-  '--kui-input-line-height': "24px",
+  '--kui-input-icon-size': "16px",
+  '--kui-input-line-height': "20px",
   '--kui-input-padding-x': "12px",
-  '--kui-input-padding-y': "8px",
+  '--kui-input-padding-y': "6px",
   '--kui-input-shadow-border': "0px 0px 0px 1px #404040 inset",
   '--kui-input-shadow-border-disabled': "none",
   '--kui-input-shadow-border-error': "0px 0px 0px 1px #EF4444 inset",
@@ -482,7 +483,7 @@ const monoLimeDayHighContrast = {
   '--kui-input-switch-thumb-shadow-border-selected': "0px 0px 0px 1px #3D4D00 inset",
   '--kui-label-color-text': "#404040",
   '--kui-label-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-label-font-size': "14px",
+  '--kui-label-font-size': "12px",
   '--kui-label-font-weight': "600",
   '--kui-label-line-height': "20px",
   '--kui-letter-spacing-0': "normal",
@@ -835,16 +836,17 @@ const monoLimeDayHighContrast = {
   '--kui-table-header-color-text': "#525252",
   '--kui-table-header-color-text-active-sort': "#404040",
   '--kui-table-header-font-size': "14px",
-  '--kui-table-header-font-weight': "600",
+  '--kui-table-header-font-weight': "500",
   '--kui-table-header-line-height': "20px",
-  '--kui-table-header-padding': "10px",
+  '--kui-table-header-padding': "10px 6px",
   '--kui-table-header-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #881EE8 inset",
   '--kui-table-header-shadow-scrolled': "0px 8px 24px 0px rgba(0, 0, 0, 0.08)",
-  '--kui-table-padding': "8px 10px",
+  '--kui-table-padding': "8px 8px",
   '--kui-table-row-color-background-expanded': "#FCFCFC",
   '--kui-table-row-color-background-hover': "#F8F8F8",
   '--kui-table-row-color-border': "#D4D4D4",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "8px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/mono-lime-day-high-contrast.css

@@ -131,19 +131,19 @@
     --kui-button-color-text-tertiary-disabled: #737373;
     --kui-button-color-text-tertiary-hover: #171717;
     --kui-button-font-size-large: 16px;
-    --kui-button-font-size-medium: 14px;
+    --kui-button-font-size-medium: 12px;
     --kui-button-font-size-small: 12px;
     --kui-button-font-weight: 500;
     --kui-button-icon-size-large: 24px;
-    --kui-button-icon-size-medium: 20px;
+    --kui-button-icon-size-medium: 16px;
     --kui-button-icon-size-small: 16px;
     --kui-button-line-height-large: 24px;
     --kui-button-line-height-medium: 20px;
     --kui-button-line-height-small: 16px;
     --kui-button-padding-x-large: 12px;
-    --kui-button-padding-x-medium: 12px;
+    --kui-button-padding-x-medium: 8px;
     --kui-button-padding-x-small: 12px;
-    --kui-button-padding-y-large: 6px;
+    --kui-button-padding-y-large: 3px;
     --kui-button-padding-y-medium: 3px;
     --kui-button-padding-y-small: 2px;
     --kui-button-shadow-focus: 0px 0px 0px 3px rgba(179, 224, 0, 0.6);
@@ -449,11 +449,12 @@
     --kui-input-color-text-placeholder: #525252;
     --kui-input-color-text-readonly: #404040;
     --kui-input-font-family: 'Inter', Roboto, Helvetica, sans-serif;
-    --kui-input-font-size: 14px;
+    --kui-input-font-size: 12px;
     --kui-input-font-weight: 400;
-    --kui-input-line-height: 24px;
+    --kui-input-icon-size: 16px;
+    --kui-input-line-height: 20px;
     --kui-input-padding-x: 12px;
-    --kui-input-padding-y: 8px;
+    --kui-input-padding-y: 6px;
     --kui-input-shadow-border: 0px 0px 0px 1px #404040 inset;
     --kui-input-shadow-border-disabled: none;
     --kui-input-shadow-border-error: 0px 0px 0px 1px #EF4444 inset;
@@ -482,7 +483,7 @@
     --kui-input-switch-thumb-shadow-border-selected: 0px 0px 0px 1px #3D4D00 inset;
     --kui-label-color-text: #404040;
     --kui-label-font-family: 'Inter', Roboto, Helvetica, sans-serif;
-    --kui-label-font-size: 14px;
+    --kui-label-font-size: 12px;
     --kui-label-font-weight: 600;
     --kui-label-line-height: 20px;
     --kui-letter-spacing-0: normal;
@@ -835,16 +836,17 @@
     --kui-table-header-color-text: #525252;
     --kui-table-header-color-text-active-sort: #404040;
     --kui-table-header-font-size: 14px;
-    --kui-table-header-font-weight: 600;
+    --kui-table-header-font-weight: 500;
     --kui-table-header-line-height: 20px;
-    --kui-table-header-padding: 10px;
+    --kui-table-header-padding: 10px 6px;
     --kui-table-header-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #881EE8 inset;
     --kui-table-header-shadow-scrolled: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
-    --kui-table-padding: 8px 10px;
+    --kui-table-padding: 8px 8px;
     --kui-table-row-color-background-expanded: #FCFCFC;
     --kui-table-row-color-background-hover: #F8F8F8;
     --kui-table-row-color-border: #D4D4D4;
     --kui-table-sticky-color-background: #FFFFFF;
+    --kui-table-toolbar-gap: 8px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;

package/dist/themes/mono-lime-day-high-contrast.mjs

@@ -130,19 +130,19 @@ export const monoLimeDayHighContrast = {
   '--kui-button-color-text-tertiary-disabled': "#737373",
   '--kui-button-color-text-tertiary-hover': "#171717",
   '--kui-button-font-size-large': "16px",
-  '--kui-button-font-size-medium': "14px",
+  '--kui-button-font-size-medium': "12px",
   '--kui-button-font-size-small': "12px",
   '--kui-button-font-weight': "500",
   '--kui-button-icon-size-large': "24px",
-  '--kui-button-icon-size-medium': "20px",
+  '--kui-button-icon-size-medium': "16px",
   '--kui-button-icon-size-small': "16px",
   '--kui-button-line-height-large': "24px",
   '--kui-button-line-height-medium': "20px",
   '--kui-button-line-height-small': "16px",
   '--kui-button-padding-x-large': "12px",
-  '--kui-button-padding-x-medium': "12px",
+  '--kui-button-padding-x-medium': "8px",
   '--kui-button-padding-x-small': "12px",
-  '--kui-button-padding-y-large': "6px",
+  '--kui-button-padding-y-large': "3px",
   '--kui-button-padding-y-medium': "3px",
   '--kui-button-padding-y-small': "2px",
   '--kui-button-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -448,11 +448,12 @@ export const monoLimeDayHighContrast = {
   '--kui-input-color-text-placeholder': "#525252",
   '--kui-input-color-text-readonly': "#404040",
   '--kui-input-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-input-font-size': "14px",
+  '--kui-input-font-size': "12px",
   '--kui-input-font-weight': "400",
-  '--kui-input-line-height': "24px",
+  '--kui-input-icon-size': "16px",
+  '--kui-input-line-height': "20px",
   '--kui-input-padding-x': "12px",
-  '--kui-input-padding-y': "8px",
+  '--kui-input-padding-y': "6px",
   '--kui-input-shadow-border': "0px 0px 0px 1px #404040 inset",
   '--kui-input-shadow-border-disabled': "none",
   '--kui-input-shadow-border-error': "0px 0px 0px 1px #EF4444 inset",
@@ -481,7 +482,7 @@ export const monoLimeDayHighContrast = {
   '--kui-input-switch-thumb-shadow-border-selected': "0px 0px 0px 1px #3D4D00 inset",
   '--kui-label-color-text': "#404040",
   '--kui-label-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-label-font-size': "14px",
+  '--kui-label-font-size': "12px",
   '--kui-label-font-weight': "600",
   '--kui-label-line-height': "20px",
   '--kui-letter-spacing-0': "normal",
@@ -834,16 +835,17 @@ export const monoLimeDayHighContrast = {
   '--kui-table-header-color-text': "#525252",
   '--kui-table-header-color-text-active-sort': "#404040",
   '--kui-table-header-font-size': "14px",
-  '--kui-table-header-font-weight': "600",
+  '--kui-table-header-font-weight': "500",
   '--kui-table-header-line-height': "20px",
-  '--kui-table-header-padding': "10px",
+  '--kui-table-header-padding': "10px 6px",
   '--kui-table-header-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #881EE8 inset",
   '--kui-table-header-shadow-scrolled': "0px 8px 24px 0px rgba(0, 0, 0, 0.08)",
-  '--kui-table-padding': "8px 10px",
+  '--kui-table-padding': "8px 8px",
   '--kui-table-row-color-background-expanded': "#FCFCFC",
   '--kui-table-row-color-background-hover': "#F8F8F8",
   '--kui-table-row-color-border': "#D4D4D4",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "8px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/mono-lime-day.cjs

@@ -131,19 +131,19 @@ const monoLimeDay = {
   '--kui-button-color-text-tertiary-disabled': "#737373",
   '--kui-button-color-text-tertiary-hover': "#171717",
   '--kui-button-font-size-large': "16px",
-  '--kui-button-font-size-medium': "14px",
+  '--kui-button-font-size-medium': "12px",
   '--kui-button-font-size-small': "12px",
   '--kui-button-font-weight': "500",
   '--kui-button-icon-size-large': "24px",
-  '--kui-button-icon-size-medium': "20px",
+  '--kui-button-icon-size-medium': "16px",
   '--kui-button-icon-size-small': "16px",
   '--kui-button-line-height-large': "24px",
   '--kui-button-line-height-medium': "20px",
   '--kui-button-line-height-small': "16px",
   '--kui-button-padding-x-large': "12px",
-  '--kui-button-padding-x-medium': "12px",
+  '--kui-button-padding-x-medium': "8px",
   '--kui-button-padding-x-small': "12px",
-  '--kui-button-padding-y-large': "6px",
+  '--kui-button-padding-y-large': "3px",
   '--kui-button-padding-y-medium': "3px",
   '--kui-button-padding-y-small': "2px",
   '--kui-button-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.4)",
@@ -449,11 +449,12 @@ const monoLimeDay = {
   '--kui-input-color-text-placeholder': "#525252",
   '--kui-input-color-text-readonly': "#404040",
   '--kui-input-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-input-font-size': "14px",
+  '--kui-input-font-size': "12px",
   '--kui-input-font-weight': "400",
-  '--kui-input-line-height': "24px",
+  '--kui-input-icon-size': "16px",
+  '--kui-input-line-height': "20px",
   '--kui-input-padding-x': "12px",
-  '--kui-input-padding-y': "8px",
+  '--kui-input-padding-y': "6px",
   '--kui-input-shadow-border': "0px 0px 0px 1px #E5E5E5 inset",
   '--kui-input-shadow-border-disabled': "none",
   '--kui-input-shadow-border-error': "0px 0px 0px 1px #EF4444 inset",
@@ -482,7 +483,7 @@ const monoLimeDay = {
   '--kui-input-switch-thumb-shadow-border-selected': "0px 0px 0px 1px #B3E000 inset",
   '--kui-label-color-text': "#404040",
   '--kui-label-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-label-font-size': "14px",
+  '--kui-label-font-size': "12px",
   '--kui-label-font-weight': "600",
   '--kui-label-line-height': "20px",
   '--kui-letter-spacing-0': "normal",
@@ -835,16 +836,17 @@ const monoLimeDay = {
   '--kui-table-header-color-text': "#525252",
   '--kui-table-header-color-text-active-sort': "#404040",
   '--kui-table-header-font-size': "14px",
-  '--kui-table-header-font-weight': "600",
+  '--kui-table-header-font-weight': "500",
   '--kui-table-header-line-height': "20px",
-  '--kui-table-header-padding': "10px",
+  '--kui-table-header-padding': "10px 6px",
   '--kui-table-header-shadow-resize-hover': "calc(-1 * 2px) 0 0 0 #9333EA inset",
   '--kui-table-header-shadow-scrolled': "0px 8px 24px 0px rgba(0, 0, 0, 0.08)",
-  '--kui-table-padding': "8px 10px",
+  '--kui-table-padding': "8px 8px",
   '--kui-table-row-color-background-expanded': "#FCFCFC",
   '--kui-table-row-color-background-hover': "#F5F5F5",
   '--kui-table-row-color-border': "#E5E5E5",
   '--kui-table-sticky-color-background': "#FFFFFF",
+  '--kui-table-toolbar-gap': "8px",
   '--kui-tabs-border-radius': "6px",
   '--kui-tabs-border-radius-minimal': "4px",
   '--kui-tabs-border-width': "1px",

package/dist/themes/mono-lime-day.css

@@ -131,19 +131,19 @@
     --kui-button-color-text-tertiary-disabled: #737373;
     --kui-button-color-text-tertiary-hover: #171717;
     --kui-button-font-size-large: 16px;
-    --kui-button-font-size-medium: 14px;
+    --kui-button-font-size-medium: 12px;
     --kui-button-font-size-small: 12px;
     --kui-button-font-weight: 500;
     --kui-button-icon-size-large: 24px;
-    --kui-button-icon-size-medium: 20px;
+    --kui-button-icon-size-medium: 16px;
     --kui-button-icon-size-small: 16px;
     --kui-button-line-height-large: 24px;
     --kui-button-line-height-medium: 20px;
     --kui-button-line-height-small: 16px;
     --kui-button-padding-x-large: 12px;
-    --kui-button-padding-x-medium: 12px;
+    --kui-button-padding-x-medium: 8px;
     --kui-button-padding-x-small: 12px;
-    --kui-button-padding-y-large: 6px;
+    --kui-button-padding-y-large: 3px;
     --kui-button-padding-y-medium: 3px;
     --kui-button-padding-y-small: 2px;
     --kui-button-shadow-focus: 0px 0px 0px 3px rgba(179, 224, 0, 0.4);
@@ -449,11 +449,12 @@
     --kui-input-color-text-placeholder: #525252;
     --kui-input-color-text-readonly: #404040;
     --kui-input-font-family: 'Inter', Roboto, Helvetica, sans-serif;
-    --kui-input-font-size: 14px;
+    --kui-input-font-size: 12px;
     --kui-input-font-weight: 400;
-    --kui-input-line-height: 24px;
+    --kui-input-icon-size: 16px;
+    --kui-input-line-height: 20px;
     --kui-input-padding-x: 12px;
-    --kui-input-padding-y: 8px;
+    --kui-input-padding-y: 6px;
     --kui-input-shadow-border: 0px 0px 0px 1px #E5E5E5 inset;
     --kui-input-shadow-border-disabled: none;
     --kui-input-shadow-border-error: 0px 0px 0px 1px #EF4444 inset;
@@ -482,7 +483,7 @@
     --kui-input-switch-thumb-shadow-border-selected: 0px 0px 0px 1px #B3E000 inset;
     --kui-label-color-text: #404040;
     --kui-label-font-family: 'Inter', Roboto, Helvetica, sans-serif;
-    --kui-label-font-size: 14px;
+    --kui-label-font-size: 12px;
     --kui-label-font-weight: 600;
     --kui-label-line-height: 20px;
     --kui-letter-spacing-0: normal;
@@ -835,16 +836,17 @@
     --kui-table-header-color-text: #525252;
     --kui-table-header-color-text-active-sort: #404040;
     --kui-table-header-font-size: 14px;
-    --kui-table-header-font-weight: 600;
+    --kui-table-header-font-weight: 500;
     --kui-table-header-line-height: 20px;
-    --kui-table-header-padding: 10px;
+    --kui-table-header-padding: 10px 6px;
     --kui-table-header-shadow-resize-hover: calc(-1 * 2px) 0 0 0 #9333EA inset;
     --kui-table-header-shadow-scrolled: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
-    --kui-table-padding: 8px 10px;
+    --kui-table-padding: 8px 8px;
     --kui-table-row-color-background-expanded: #FCFCFC;
     --kui-table-row-color-background-hover: #F5F5F5;
     --kui-table-row-color-border: #E5E5E5;
     --kui-table-sticky-color-background: #FFFFFF;
+    --kui-table-toolbar-gap: 8px;
     --kui-tabs-border-radius: 6px;
     --kui-tabs-border-radius-minimal: 4px;
     --kui-tabs-border-width: 1px;