@kong/design-tokens 3.4.4-pr.742.c1f686f.0 → 3.4.4

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,12 +2360,16 @@ 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 header padding. */
+--kui-card-header-padding: initial;
 /* Card inner padding. */
 --kui-card-padding: initial;
 /* Card title text color. */
@@ -4861,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.",
@@ -4891,6 +4903,12 @@ 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.",
@@ -4909,6 +4927,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-header-padding",
+    description: "Card header padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-padding",
     description: "Card inner padding.",

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

@@ -153,14 +153,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@
     --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-header-padding: 0px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #3D443D;
     --kui-card-title-font-size: 16px;

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

@@ -152,14 +152,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@
     --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-header-padding: 0px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #3D443D;
     --kui-card-title-font-size: 16px;

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

@@ -152,14 +152,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#3D443D",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@
     --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-header-padding: 0px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #D2D7D2;
     --kui-card-title-font-size: 16px;

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

@@ -152,14 +152,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",

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

@@ -153,14 +153,17 @@
     --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-header-padding: 0px;
     --kui-card-padding: 20px;
     --kui-card-title-color-text: #D2D7D2;
     --kui-card-title-font-size: 16px;

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

@@ -152,14 +152,17 @@ 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-header-padding': "0px",
   '--kui-card-padding': "20px",
   '--kui-card-title-color-text': "#D2D7D2",
   '--kui-card-title-font-size': "16px",

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

@@ -153,15 +153,18 @@ const monoLimeDayHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "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-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#D4D4D4",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#404040",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 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-footer-padding: 8px;
     --kui-card-gap: 10px;
     --kui-card-header-color-background: #D4D4D4;
     --kui-card-header-gap: 12px;
-    --kui-card-padding: 16px;
+    --kui-card-header-padding: 8px;
+    --kui-card-padding: 0px;
     --kui-card-title-color-text: #404040;
     --kui-card-title-font-size: 14px;
     --kui-card-title-font-weight: 600;

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

@@ -152,15 +152,18 @@ export const monoLimeDayHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "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-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#D4D4D4",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#404040",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@ const monoLimeDay = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#E5E5E5",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#F5F5F5",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#404040",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 8px;
     --kui-card-border-radius: 8px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #FFFFFF;
     --kui-card-color-border: #E5E5E5;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 8px;
     --kui-card-gap: 10px;
     --kui-card-header-color-background: #F5F5F5;
     --kui-card-header-gap: 12px;
-    --kui-card-padding: 16px;
+    --kui-card-header-padding: 8px;
+    --kui-card-padding: 0px;
     --kui-card-title-color-text: #404040;
     --kui-card-title-font-size: 14px;
     --kui-card-title-font-weight: 600;

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

@@ -152,15 +152,18 @@ export const monoLimeDay = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#FFFFFF",
   '--kui-card-color-border': "#E5E5E5",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#F5F5F5",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#404040",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@ const monoLimeNightHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#121212",
   '--kui-card-color-border': "#525252",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#D4D4D4",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#D4D4D4",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 8px;
     --kui-card-border-radius: 8px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #121212;
     --kui-card-color-border: #525252;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 8px;
     --kui-card-gap: 10px;
     --kui-card-header-color-background: #D4D4D4;
     --kui-card-header-gap: 12px;
-    --kui-card-padding: 16px;
+    --kui-card-header-padding: 8px;
+    --kui-card-padding: 0px;
     --kui-card-title-color-text: #D4D4D4;
     --kui-card-title-font-size: 14px;
     --kui-card-title-font-weight: 600;

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

@@ -152,15 +152,18 @@ export const monoLimeNightHighContrast = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#121212",
   '--kui-card-color-border': "#525252",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#D4D4D4",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#D4D4D4",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@ const monoLimeNight = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#121212",
   '--kui-card-color-border': "#262626",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#262626",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#D4D4D4",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

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

@@ -153,15 +153,18 @@
     --kui-card-body-font-size: 14px;
     --kui-card-body-font-weight: 400;
     --kui-card-body-line-height: 20px;
+    --kui-card-body-padding: 8px;
     --kui-card-border-radius: 8px;
     --kui-card-border-width: 1px;
     --kui-card-color-background: #121212;
     --kui-card-color-border: #262626;
     --kui-card-footer-gap: 6px;
+    --kui-card-footer-padding: 8px;
     --kui-card-gap: 10px;
     --kui-card-header-color-background: #262626;
     --kui-card-header-gap: 12px;
-    --kui-card-padding: 16px;
+    --kui-card-header-padding: 8px;
+    --kui-card-padding: 0px;
     --kui-card-title-color-text: #D4D4D4;
     --kui-card-title-font-size: 14px;
     --kui-card-title-font-weight: 600;

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

@@ -152,15 +152,18 @@ export const monoLimeNight = {
   '--kui-card-body-font-size': "14px",
   '--kui-card-body-font-weight': "400",
   '--kui-card-body-line-height': "20px",
+  '--kui-card-body-padding': "8px",
   '--kui-card-border-radius': "8px",
   '--kui-card-border-width': "1px",
   '--kui-card-color-background': "#121212",
   '--kui-card-color-border': "#262626",
   '--kui-card-footer-gap': "6px",
+  '--kui-card-footer-padding': "8px",
   '--kui-card-gap': "10px",
   '--kui-card-header-color-background': "#262626",
   '--kui-card-header-gap': "12px",
-  '--kui-card-padding': "16px",
+  '--kui-card-header-padding': "8px",
+  '--kui-card-padding': "0px",
   '--kui-card-title-color-text': "#D4D4D4",
   '--kui-card-title-font-size': "14px",
   '--kui-card-title-font-weight': "600",

package/dist/tokens/README.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,12 +2360,16 @@ 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 header padding. */
+--kui-card-header-padding: initial;
 /* Card inner padding. */
 --kui-card-padding: initial;
 /* Card title text color. */
@@ -4861,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.",
@@ -4891,6 +4903,12 @@ 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.",
@@ -4909,6 +4927,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-header-padding",
+    description: "Card header padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-padding",
     description: "Card inner padding.",

package/dist/tokens/css/custom-properties.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  * 
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/js/cjs/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  *
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/js/cjs/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  *
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/js/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  *
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/js/index.mjs

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  *
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/scss/_map.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Wed, 21 Oct 2026 15:47:11 GMT
+ * Generated on Wed, 21 Oct 2026 21:17:09 GMT
  * 
  * Kong Konnect Design Tokens
  * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/scss/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Wed, 21 Oct 2026 15:47:11 GMT
+// Generated on Wed, 21 Oct 2026 21:17:09 GMT
 // 
 // Kong Konnect Design Tokens
 // GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens

package/dist/tokens/themeable-tokens/index.cjs

@@ -928,6 +928,12 @@ 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.",
@@ -958,6 +964,12 @@ 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.",
@@ -976,6 +988,12 @@ const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-header-padding",
+    description: "Card header padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-padding",
     description: "Card inner padding.",

package/dist/tokens/themeable-tokens/index.d.cts

@@ -937,6 +937,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-body-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-border-radius";
     readonly description: string;
@@ -967,6 +973,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-footer-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-gap";
     readonly description: string;
@@ -985,6 +997,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-header-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-padding";
     readonly description: string;

package/dist/tokens/themeable-tokens/index.d.ts

@@ -937,6 +937,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-body-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-border-radius";
     readonly description: string;
@@ -967,6 +973,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-footer-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-gap";
     readonly description: string;
@@ -985,6 +997,12 @@ export declare const KUI_THEMEABLE_TOKENS: readonly [
     readonly category: "component";
     readonly value: string | null;
   },
+  {
+    readonly name: "--kui-card-header-padding";
+    readonly description: string;
+    readonly category: "component";
+    readonly value: string | null;
+  },
   {
     readonly name: "--kui-card-padding";
     readonly description: string;

package/dist/tokens/themeable-tokens/index.mjs

@@ -931,6 +931,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.",
@@ -961,6 +967,12 @@ 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.",
@@ -979,6 +991,12 @@ export const KUI_THEMEABLE_TOKENS = [
     category: "component",
     value: null,
   },
+  {
+    name: "--kui-card-header-padding",
+    description: "Card header padding.",
+    category: "component",
+    value: null,
+  },
   {
     name: "--kui-card-padding",
     description: "Card inner padding.",

package/package.json

@@ -1,9 +1,33 @@
 {
   "name": "@kong/design-tokens",
-  "version": "3.4.4-pr.742.c1f686f.0",
+  "version": "3.4.4",
   "description": "Kong Design Tokens and style dictionary",
   "private": false,
   "type": "module",
+  "scripts": {
+    "build": "pnpm build:clean && pnpm build:tokens && pnpm copy:tokens-doc",
+    "build:tokens": "style-dictionary build --config ./config.mjs",
+    "build:clean": "rimraf ./dist",
+    "copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "typecheck": "pnpm typecheck:sandbox",
+    "typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
+    "stylelint": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,vue}'",
+    "stylelint:fix": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,sass,vue}' --fix",
+    "sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
+    "sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
+    "sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
+    "sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
+    "sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
+    "watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
+    "theme:scaffold": "node scripts/theme-scaffold.mjs",
+    "theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
+    "themes:sync": "node scripts/themes-sync.mjs",
+    "themes:unfilled": "node scripts/themes-unfilled.mjs",
+    "pretest": "pnpm build:tokens",
+    "test": "vitest run --config vitest.config.mjs"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -79,28 +103,5 @@
   "volta": {
     "node": "24.13.1"
   },
-  "scripts": {
-    "build": "pnpm build:clean && pnpm build:tokens && pnpm copy:tokens-doc",
-    "build:tokens": "style-dictionary build --config ./config.mjs",
-    "build:clean": "rimraf ./dist",
-    "copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "typecheck": "pnpm typecheck:sandbox",
-    "typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
-    "stylelint": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,vue}'",
-    "stylelint:fix": "stylelint --allow-empty-input './sandbox/**/*.{css,scss,sass,vue}' --fix",
-    "sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
-    "sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
-    "sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
-    "sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
-    "sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
-    "watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
-    "theme:scaffold": "node scripts/theme-scaffold.mjs",
-    "theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
-    "themes:sync": "node scripts/themes-sync.mjs",
-    "themes:unfilled": "node scripts/themes-unfilled.mjs",
-    "pretest": "pnpm build:tokens",
-    "test": "vitest run --config vitest.config.mjs"
-  }
-}
+  "gitHead": "1598855410926d3a1970a1df42ceba556917880e"
+}