@revikornmann/muka-ui 0.12.0 → 0.14.0

package/dist/styles/tokens-bouwplan-dark.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Red Hat Text;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Red Hat Text;
+  --text-label-xs-semibold-fontWeight: 500;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Red Hat Text;
+  --text-label-xs-bold-fontWeight: 600;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Red Hat Text;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #f76b15;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #092c2b;
   --chatbubble-color-own-border: #004744;
   --chatbubble-color-own-foreground: #e9e9e8;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #4d3000;
   --chatbubble-color-agent-foreground: #e9e9e8;
   --chatbubble-color-timestamp: #a4a499;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #0f1b1b;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #4d3000;
   --chatbubble-embed-color-agent-foreground: #e9e9e8;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #23231e;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #161615;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-bouwplan-light.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Red Hat Text;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Red Hat Text;
+  --text-label-xs-semibold-fontWeight: 500;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Red Hat Text;
+  --text-label-xs-bold-fontWeight: 600;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Red Hat Text;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #f76808;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #ddf9f2;
   --chatbubble-color-own-border: #b3ecde;
   --chatbubble-color-own-foreground: #21201c;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #fbe577;
   --chatbubble-color-agent-foreground: #21201c;
   --chatbubble-color-timestamp: #63635e;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #f2fbf9;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #fbe577;
   --chatbubble-embed-color-agent-foreground: #21201c;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #f1f0ef;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #fdfdfc;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-fscl-dark.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-semibold-fontWeight: 400;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-bold-fontWeight: 400;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #ffca16;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #132d21;
   --chatbubble-color-own-border: #174933;
   --chatbubble-color-own-foreground: #e9ebe9;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #4d3000;
   --chatbubble-color-agent-foreground: #e9ebe9;
   --chatbubble-color-timestamp: #9ca49c;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #121b17;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #4d3000;
   --chatbubble-embed-color-agent-foreground: #e9ebe9;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #1f231f;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #151716;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-fscl-light.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-semibold-fontWeight: 400;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --text-label-xs-bold-fontWeight: 400;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #ab6400;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #e9f6ec;
   --chatbubble-color-own-border: #ccebd1;
   --chatbubble-color-own-foreground: #1a211e;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #fbe577;
   --chatbubble-color-agent-foreground: #1a211e;
   --chatbubble-color-timestamp: #5f6563;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #f2fcf4;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #fbe577;
   --chatbubble-embed-color-agent-foreground: #1a211e;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #eef1f0;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #fbfdfc;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-grip-dark.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Quicksand;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Quicksand;
+  --text-label-xs-semibold-fontWeight: 600;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Quicksand;
+  --text-label-xs-bold-fontWeight: 700;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Quicksand;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #0bd8b6;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #092c2b;
   --chatbubble-color-own-border: #004744;
   --chatbubble-color-own-foreground: #e9e9e8;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #4d3000;
   --chatbubble-color-agent-foreground: #e9e9e8;
   --chatbubble-color-timestamp: #a4a499;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #0f1b1b;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #4d3000;
   --chatbubble-embed-color-agent-foreground: #e9e9e8;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #23231e;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #161615;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-grip-light.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Quicksand;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Quicksand;
+  --text-label-xs-semibold-fontWeight: 600;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Quicksand;
+  --text-label-xs-bold-fontWeight: 700;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Quicksand;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #12a594;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #ddf9f2;
   --chatbubble-color-own-border: #b3ecde;
   --chatbubble-color-own-foreground: #21201c;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #fbe577;
   --chatbubble-color-agent-foreground: #21201c;
   --chatbubble-color-timestamp: #63635e;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #f2fbf9;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #fbe577;
   --chatbubble-embed-color-agent-foreground: #21201c;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #f1f0ef;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #fdfdfc;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-muka-dark.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Funnel Sans;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Funnel Sans;
+  --text-label-xs-semibold-fontWeight: 600;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Funnel Sans;
+  --text-label-xs-bold-fontWeight: 700;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Funnel Sans;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #9eb1ff;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #092c2b;
   --chatbubble-color-own-border: #004744;
   --chatbubble-color-own-foreground: #e6e6ea;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #4d3000;
   --chatbubble-color-agent-foreground: #e6e6ea;
   --chatbubble-color-timestamp: #b5b5c7;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #0f1b1b;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #4d3000;
   --chatbubble-embed-color-agent-foreground: #e6e6ea;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #232326;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #161618;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-muka-light.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Funnel Sans;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Funnel Sans;
+  --text-label-xs-semibold-fontWeight: 600;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Funnel Sans;
+  --text-label-xs-bold-fontWeight: 700;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Funnel Sans;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #3e63dd;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0.75rem;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #ddf9f2;
   --chatbubble-color-own-border: #b3ecde;
   --chatbubble-color-own-foreground: #211f26;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #fbe577;
   --chatbubble-color-agent-foreground: #211f26;
   --chatbubble-color-timestamp: #65636d;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0.75rem;
   --chatbubble-embed-color-own-background: #f2fbf9;
@@ -1553,8 +1570,8 @@
   --chatbubble-embed-color-agent-border: #fbe577;
   --chatbubble-embed-color-agent-foreground: #211f26;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
-  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-gap: 0.25rem;
+  --chatphotogrid-radius: 0.375rem;
   --chatphotogrid-color-placeholder: #f2eff3;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
   --chatphotogrid-color-overflow-foreground: #fdfcfd;
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;

package/dist/styles/tokens-wireframe-dark.css

@@ -1256,6 +1256,18 @@
   --text-heading-overline-lineHeight: 1rem;
   --text-heading-overline-letterSpacing: 0.025em;
   --text-heading-overline-textCase: uppercase;
+  --text-label-xs-regular-fontFamily: Helvetica;
+  --text-label-xs-regular-fontWeight: 400;
+  --text-label-xs-regular-fontSize: 0.75rem;
+  --text-label-xs-regular-lineHeight: 0.75rem;
+  --text-label-xs-semibold-fontFamily: Helvetica;
+  --text-label-xs-semibold-fontWeight: 600;
+  --text-label-xs-semibold-fontSize: 0.75rem;
+  --text-label-xs-semibold-lineHeight: 0.75rem;
+  --text-label-xs-bold-fontFamily: Helvetica;
+  --text-label-xs-bold-fontWeight: 700;
+  --text-label-xs-bold-fontSize: 0.75rem;
+  --text-label-xs-bold-lineHeight: 0.75rem;
   --text-label-sm-regular-fontFamily: Helvetica;
   --text-label-sm-regular-fontWeight: 400;
   --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
   --card-border-selected: 0.125rem solid #b4b4b4;
   --chatbubble-max-width: 640px;
   --chatbubble-radius: 0px;
-  --chatbubble-padding: 1rem;
+  --chatbubble-padding-block: 0.75rem;
+  --chatbubble-padding-inline: 1rem;
   --chatbubble-gap: 0.25rem;
-  --chatbubble-body-gap: 1.5rem;
   --chatbubble-row-gap: 0.75rem;
+  --chatbubble-row-gap-compact: 0.5rem;
+  --chatbubble-stack-gap: 0.75rem;
   --chatbubble-avatar-size: 3rem;
+  --chatbubble-avatar-size-compact: 2rem;
   --chatbubble-color-own-background: #132d21;
   --chatbubble-color-own-border: #174933;
   --chatbubble-color-own-foreground: #eeeeee;
@@ -1540,7 +1555,9 @@
   --chatbubble-color-agent-border: #4d3000;
   --chatbubble-color-agent-foreground: #eeeeee;
   --chatbubble-color-timestamp: #eeeeee;
-  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-padding-block: 0.75rem;
+  --chatbubble-embed-padding-inline: 1rem;
+  --chatbubble-embed-margin-block: 0.75rem;
   --chatbubble-embed-gap: 0.5rem;
   --chatbubble-embed-radius: 0px;
   --chatbubble-embed-color-own-background: #121b17;
@@ -1553,7 +1570,7 @@
   --chatbubble-embed-color-agent-border: #4d3000;
   --chatbubble-embed-color-agent-foreground: #eeeeee;
   --chatbubble-action-stack-gap: 0.75rem;
-  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-gap: 0.25rem;
   --chatphotogrid-radius: 0px;
   --chatphotogrid-color-placeholder: #2a2a2a;
   --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
@@ -1968,6 +1985,16 @@
   --badge-padding-leading-sm: 0.5rem;
   --badge-padding-leading-md: 0.75rem;
   --badge-padding-leading-lg: 0.75rem;
+  --badge-number-size-2xs: 1rem;
+  --badge-number-size-xs: 1.25rem;
+  --badge-number-size-sm: 1.5rem;
+  --badge-number-size-md: 2rem;
+  --badge-number-size-lg: 2.5rem;
+  --badge-number-padding-2xs: 0.25rem;
+  --badge-number-padding-xs: 0.375rem;
+  --badge-number-padding-sm: 0.5rem;
+  --badge-number-padding-md: 0.5rem;
+  --badge-number-padding-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;