@kong/design-tokens 3.4.3 → 3.4.4-pr.742.60c8dce.0

package/TOKENS.md

@@ -2348,6 +2348,8 @@ Component tokens are documented here for reference. They ship **with no default
 --kui-card-body-font-weight: initial;
 /* Card body line height. */
 --kui-card-body-line-height: initial;
+/* Card body padding. */
+--kui-card-body-padding: initial;
 /* Card border radius. */
 --kui-card-border-radius: initial;
 /* Card border width. */
@@ -2358,8 +2360,12 @@ Component tokens are documented here for reference. They ship **with no default
 --kui-card-color-border: initial;
 /* Gap between card footer items. */
 --kui-card-footer-gap: initial;
+/* Card footer padding. */
+--kui-card-footer-padding: initial;
 /* Gap between card sections. */
 --kui-card-gap: initial;
+/* Card header background color. */
+--kui-card-header-color-background: initial;
 /* Gap between card header items. */
 --kui-card-header-gap: initial;
 /* Card inner padding. */
@@ -2372,6 +2378,8 @@ Component tokens are documented here for reference. They ship **with no default
 --kui-card-title-font-weight: initial;
 /* Card title line height. */
 --kui-card-title-line-height: initial;
+/* Card title padding. */
+--kui-card-title-padding: initial;
 /* Checkbox border radius. */
 --kui-checkbox-border-radius: initial;
 /* Checkbox background color. */
@@ -4859,6 +4867,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-body-padding",
+    description: "Card body padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-border-radius",
     description: "Card border radius.",
@@ -4889,12 +4903,24 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-footer-padding",
+    description: "Card footer padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-gap",
     description: "Gap between card sections.",
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-header-color-background",
+    description: "Card header background color.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-header-gap",
     description: "Gap between card header items.",
@@ -4931,6 +4957,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-title-padding",
+    description: "Card title padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-checkbox-border-radius",
     description: "Checkbox border radius.",

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

@@ -153,18 +153,22 @@ const electricLimeDayHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#9DA99D",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#FFFFFF",
   '--kui-checkbox-color-background-checked': "#242824",
@@ -674,7 +678,7 @@ const electricLimeDayHighContrast = {
   '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#F9FBF9",
-  '--kui-skeleton-progress-color-background-active': "#3D443D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#4E594E",
   '--kui-skeleton-spinner-color-border-active': "#4E594E",

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

@@ -153,18 +153,22 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 0px;
     --kui-card-border-radius: 6px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #FFFFFF;
     --kui-card-color-border: #9DA99D;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 0px;
     --kui-card-gap: 20px;
+    --kui-card-header-color-background: transparent;
     --kui-card-header-gap: 12px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #3D443D;
     --kui-card-title-font-size: 16px;
     --kui-card-title-font-weight: 700;
     --kui-card-title-line-height: 20px;
+    --kui-card-title-padding: 0px;
     --kui-checkbox-border-radius: 4px;
     --kui-checkbox-color-background: #FFFFFF;
     --kui-checkbox-color-background-checked: #242824;
@@ -674,7 +678,7 @@
     --kui-skeleton-fullscreen-color-background: #FFFFFF;
     --kui-skeleton-progress-border-radius: 8px;
     --kui-skeleton-progress-color-background: #F9FBF9;
-    --kui-skeleton-progress-color-background-active: #3D443D;
+    --kui-skeleton-progress-color-background-active: #CCFF00;
     --kui-skeleton-spinner-border-radius: 50%;
     --kui-skeleton-spinner-color-border: #4E594E;
     --kui-skeleton-spinner-color-border-active: #4E594E;

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

@@ -152,18 +152,22 @@ export const electricLimeDayHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#9DA99D",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#FFFFFF",
   '--kui-checkbox-color-background-checked': "#242824",
@@ -673,7 +677,7 @@ export const electricLimeDayHighContrast = {
   '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#F9FBF9",
-  '--kui-skeleton-progress-color-background-active': "#3D443D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#4E594E",
   '--kui-skeleton-spinner-color-border-active': "#4E594E",

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

@@ -153,18 +153,22 @@ const electricLimeDay = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#E3E8E3",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#FFFFFF",
   '--kui-checkbox-color-background-checked': "#4E594E",
@@ -674,7 +678,7 @@ const electricLimeDay = {
   '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#F9FBF9",
-  '--kui-skeleton-progress-color-background-active': "#3D443D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#E3E8E3",
   '--kui-skeleton-spinner-color-border-active': "#9DA99D",

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

@@ -153,18 +153,22 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 0px;
     --kui-card-border-radius: 6px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #FFFFFF;
     --kui-card-color-border: #E3E8E3;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 0px;
     --kui-card-gap: 20px;
+    --kui-card-header-color-background: transparent;
     --kui-card-header-gap: 12px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #3D443D;
     --kui-card-title-font-size: 16px;
     --kui-card-title-font-weight: 700;
     --kui-card-title-line-height: 20px;
+    --kui-card-title-padding: 0px;
     --kui-checkbox-border-radius: 4px;
     --kui-checkbox-color-background: #FFFFFF;
     --kui-checkbox-color-background-checked: #4E594E;
@@ -674,7 +678,7 @@
     --kui-skeleton-fullscreen-color-background: #FFFFFF;
     --kui-skeleton-progress-border-radius: 8px;
     --kui-skeleton-progress-color-background: #F9FBF9;
-    --kui-skeleton-progress-color-background-active: #3D443D;
+    --kui-skeleton-progress-color-background-active: #CCFF00;
     --kui-skeleton-spinner-border-radius: 50%;
     --kui-skeleton-spinner-color-border: #E3E8E3;
     --kui-skeleton-spinner-color-border-active: #9DA99D;

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

@@ -152,18 +152,22 @@ export const electricLimeDay = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#E3E8E3",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#FFFFFF",
   '--kui-checkbox-color-background-checked': "#4E594E",
@@ -673,7 +677,7 @@ export const electricLimeDay = {
   '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#F9FBF9",
-  '--kui-skeleton-progress-color-background-active': "#3D443D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#E3E8E3",
   '--kui-skeleton-spinner-color-border-active': "#9DA99D",

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

@@ -153,18 +153,22 @@ const electricLimeNightHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#0D0F0D",
   '--kui-card-color-border': "#4E594E",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#0D0F0D",
   '--kui-checkbox-color-background-checked': "#E3E8E3",
@@ -674,7 +678,7 @@ const electricLimeNightHighContrast = {
   '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#070807",
-  '--kui-skeleton-progress-color-background-active': "#9DA99D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#F1F3F1",
   '--kui-skeleton-spinner-color-border-active': "#F1F3F1",

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

@@ -153,18 +153,22 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 0px;
     --kui-card-border-radius: 6px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #0D0F0D;
     --kui-card-color-border: #4E594E;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 0px;
     --kui-card-gap: 20px;
+    --kui-card-header-color-background: transparent;
     --kui-card-header-gap: 12px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #D2D7D2;
     --kui-card-title-font-size: 16px;
     --kui-card-title-font-weight: 700;
     --kui-card-title-line-height: 20px;
+    --kui-card-title-padding: 0px;
     --kui-checkbox-border-radius: 4px;
     --kui-checkbox-color-background: #0D0F0D;
     --kui-checkbox-color-background-checked: #E3E8E3;
@@ -674,7 +678,7 @@
     --kui-skeleton-fullscreen-color-background: #0D0F0D;
     --kui-skeleton-progress-border-radius: 8px;
     --kui-skeleton-progress-color-background: #070807;
-    --kui-skeleton-progress-color-background-active: #9DA99D;
+    --kui-skeleton-progress-color-background-active: #CCFF00;
     --kui-skeleton-spinner-border-radius: 50%;
     --kui-skeleton-spinner-color-border: #F1F3F1;
     --kui-skeleton-spinner-color-border-active: #F1F3F1;

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

@@ -152,18 +152,22 @@ export const electricLimeNightHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#0D0F0D",
   '--kui-card-color-border': "#4E594E",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#0D0F0D",
   '--kui-checkbox-color-background-checked': "#E3E8E3",
@@ -673,7 +677,7 @@ export const electricLimeNightHighContrast = {
   '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#070807",
-  '--kui-skeleton-progress-color-background-active': "#9DA99D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#F1F3F1",
   '--kui-skeleton-spinner-color-border-active': "#F1F3F1",

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

@@ -153,18 +153,22 @@ const electricLimeNight = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#0D0F0D",
   '--kui-card-color-border': "#242824",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#0D0F0D",
   '--kui-checkbox-color-background-checked': "#9DA99D",
@@ -674,7 +678,7 @@ const electricLimeNight = {
   '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#070807",
-  '--kui-skeleton-progress-color-background-active': "#9DA99D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#242824",
   '--kui-skeleton-spinner-color-border-active': "#D2D7D2",

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

@@ -153,18 +153,22 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 0px;
     --kui-card-border-radius: 6px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #0D0F0D;
     --kui-card-color-border: #242824;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 0px;
     --kui-card-gap: 20px;
+    --kui-card-header-color-background: transparent;
     --kui-card-header-gap: 12px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #D2D7D2;
     --kui-card-title-font-size: 16px;
     --kui-card-title-font-weight: 700;
     --kui-card-title-line-height: 20px;
+    --kui-card-title-padding: 0px;
     --kui-checkbox-border-radius: 4px;
     --kui-checkbox-color-background: #0D0F0D;
     --kui-checkbox-color-background-checked: #9DA99D;
@@ -674,7 +678,7 @@
     --kui-skeleton-fullscreen-color-background: #0D0F0D;
     --kui-skeleton-progress-border-radius: 8px;
     --kui-skeleton-progress-color-background: #070807;
-    --kui-skeleton-progress-color-background-active: #9DA99D;
+    --kui-skeleton-progress-color-background-active: #CCFF00;
     --kui-skeleton-spinner-border-radius: 50%;
     --kui-skeleton-spinner-color-border: #242824;
     --kui-skeleton-spinner-color-border-active: #D2D7D2;

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

@@ -152,18 +152,22 @@ export const electricLimeNight = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px",
   '--kui-card-border-radius': "6px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#0D0F0D",
   '--kui-card-color-border': "#242824",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "0px",
   '--kui-card-gap': "20px",
+  '--kui-card-header-color-background': "transparent",
   '--kui-card-header-gap': "12px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",
   '--kui-card-title-font-weight': "700",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "0px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#0D0F0D",
   '--kui-checkbox-color-background-checked': "#9DA99D",
@@ -673,7 +677,7 @@ export const electricLimeNight = {
   '--kui-skeleton-fullscreen-color-background': "#0D0F0D",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#070807",
-  '--kui-skeleton-progress-color-background-active': "#9DA99D",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#242824",
   '--kui-skeleton-spinner-color-border-active': "#D2D7D2",

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

@@ -72,7 +72,7 @@ const monoLimeDayHighContrast = {
   '--kui-breadcrumbs-divider-color-text': "#A3A3A3",
   '--kui-breadcrumbs-divider-font-weight': "400",
   '--kui-breadcrumbs-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-breadcrumbs-font-size': "14px",
+  '--kui-breadcrumbs-font-size': "12px",
   '--kui-breadcrumbs-font-weight': "500",
   '--kui-breadcrumbs-line-height': "20px",
   '--kui-breadcrumbs-shadow-focus': "0px 0px 0px 3px rgba(179, 224, 0, 0.6)",
@@ -153,18 +153,22 @@ const monoLimeDayHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "0px 8px 8px 8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#A3A3A3",
   '--kui-card-footer-gap': "6px",
-  '--kui-card-gap': "16px",
+  '--kui-card-footer-padding': "0px 8px 8px 8px",
+  '--kui-card-gap': "10px",
+  '--kui-card-header-color-background': "#D4D4D4",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#404040",
-  '--kui-card-title-font-size': "16px",
+  '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",
   '--kui-card-title-line-height': "20px",
+  '--kui-card-title-padding': "8px",
   '--kui-checkbox-border-radius': "4px",
   '--kui-checkbox-color-background': "#FFFFFF",
   '--kui-checkbox-color-background-checked': "#CCFF00",
@@ -182,8 +186,8 @@ const monoLimeDayHighContrast = {
   '--kui-code-block-line-number-color-text': "#404040",
   '--kui-collapse-font-family': "'Inter', Roboto, Helvetica, sans-serif",
   '--kui-collapse-title-color-text': "#404040",
-  '--kui-collapse-title-font-size': "16px",
-  '--kui-collapse-title-font-weight': "700",
+  '--kui-collapse-title-font-size': "14px",
+  '--kui-collapse-title-font-weight': "600",
   '--kui-collapse-title-line-height': "20px",
   '--kui-collapse-trigger-border-radius': "4px",
   '--kui-collapse-trigger-color-text': "#525252",
@@ -379,9 +383,9 @@ const monoLimeDayHighContrast = {
   '--kui-empty-state-message-font-weight': "400",
   '--kui-empty-state-message-line-height': "20px",
   '--kui-empty-state-title-color-text': "#404040",
-  '--kui-empty-state-title-font-size': "18px",
-  '--kui-empty-state-title-font-weight': "700",
-  '--kui-empty-state-title-line-height': "24px",
+  '--kui-empty-state-title-font-size': "14px",
+  '--kui-empty-state-title-font-weight': "600",
+  '--kui-empty-state-title-line-height': "20px",
   '--kui-file-upload-color-text-disabled': "#525252",
   '--kui-file-upload-color-text-placeholder': "#525252",
   '--kui-file-upload-dropzone-border-radius': "6px",
@@ -561,9 +565,9 @@ const monoLimeDayHighContrast = {
   '--kui-modal-line-height': "20px",
   '--kui-modal-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
   '--kui-modal-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-modal-title-font-size': "20px",
+  '--kui-modal-title-font-size': "14px",
   '--kui-modal-title-font-weight': "600",
-  '--kui-modal-title-line-height': "28px",
+  '--kui-modal-title-line-height': "20px",
   '--kui-multiselect-footer-border-width': "1px",
   '--kui-multiselect-footer-color-background': "#FFFFFF",
   '--kui-multiselect-footer-color-border': "#D4D4D4",
@@ -614,8 +618,8 @@ const monoLimeDayHighContrast = {
   '--kui-pop-padding': "16px",
   '--kui-pop-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
   '--kui-pop-title-color-text': "#404040",
-  '--kui-pop-title-font-size': "16px",
-  '--kui-pop-title-font-weight': "700",
+  '--kui-pop-title-font-size': "14px",
+  '--kui-pop-title-font-weight': "600",
   '--kui-pop-title-line-height': "20px",
   '--kui-radio-color-background': "#FFFFFF",
   '--kui-radio-color-background-checked': "#262626",
@@ -674,7 +678,7 @@ const monoLimeDayHighContrast = {
   '--kui-skeleton-fullscreen-color-background': "#FFFFFF",
   '--kui-skeleton-progress-border-radius': "8px",
   '--kui-skeleton-progress-color-background': "#FCFCFC",
-  '--kui-skeleton-progress-color-background-active': "#404040",
+  '--kui-skeleton-progress-color-background-active': "#CCFF00",
   '--kui-skeleton-spinner-border-radius': "50%",
   '--kui-skeleton-spinner-color-border': "#525252",
   '--kui-skeleton-spinner-color-border-active': "#525252",
@@ -694,9 +698,9 @@ const monoLimeDayHighContrast = {
   '--kui-slideout-padding': "20px 0px 0px 20px",
   '--kui-slideout-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
   '--kui-slideout-title-font-family': "'Inter', Roboto, Helvetica, sans-serif",
-  '--kui-slideout-title-font-size': "20px",
+  '--kui-slideout-title-font-size': "14px",
   '--kui-slideout-title-font-weight': "600",
-  '--kui-slideout-title-line-height': "28px",
+  '--kui-slideout-title-line-height': "20px",
   '--kui-slider-fill-color-background': "#EBEBEB",
   '--kui-slider-fill-color-background-disabled': "#EBEBEB",
   '--kui-slider-mark-color-text': "#525252",
@@ -887,9 +891,9 @@ const monoLimeDayHighContrast = {
   '--kui-toaster-line-height': "20px",
   '--kui-toaster-padding': "12px",
   '--kui-toaster-shadow': "0px 12px 32px 0px rgba(0, 0, 0, 0.12)",
-  '--kui-toaster-title-font-size': "18px",
+  '--kui-toaster-title-font-size': "14px",
   '--kui-toaster-title-font-weight': "600",
-  '--kui-toaster-title-line-height': "24px",
+  '--kui-toaster-title-line-height': "20px",
   '--kui-tooltip-border-radius': "4px",
   '--kui-tooltip-color-background': "#0A0A0A",
   '--kui-tooltip-color-text': "#FFFFFF",