@revikornmann/muka-ui 0.2.3 → 0.3.0

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #b1f1cb;
   --alias-color-state-success-default: #3dd68c;
   --alias-color-state-success-muted: #132d21;
+  --alias-color-state-success-surface-level0: #121b17;
+  --alias-color-state-success-surface-level1: #132d21;
+  --alias-color-state-success-surface-level2: #113b29;
+  --alias-color-state-success-surface-level3: #174933;
   --alias-color-state-warning-contrast: #ffca16;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #302008;
+  --alias-color-state-warning-surface-level0: #1d180f;
+  --alias-color-state-warning-surface-level1: #302008;
+  --alias-color-state-warning-surface-level2: #3f2700;
+  --alias-color-state-warning-surface-level3: #4d3000;
   --alias-color-state-error-contrast: #fea6a6;
   --alias-color-state-error-default: #e54d4e;
   --alias-color-state-error-muted: #3d181e;
+  --alias-color-state-error-surface-level0: #2c1419;
+  --alias-color-state-error-surface-level1: #3d181e;
+  --alias-color-state-error-surface-level2: #4a1a22;
+  --alias-color-state-error-surface-level3: #571c26;
   --alias-color-state-info-contrast: #75c7f0;
   --alias-color-state-info-default: #7ce2fe;
   --alias-color-state-info-muted: #112840;
+  --alias-color-state-info-surface-level0: #111a27;
+  --alias-color-state-info-surface-level1: #112840;
+  --alias-color-state-info-surface-level2: #113555;
+  --alias-color-state-info-surface-level3: #154467;
   --alias-color-state-neutral-contrast: #9ba1ab;
   --alias-color-state-neutral-default: #5a6169;
   --alias-color-state-neutral-muted: #202425;
+  --alias-color-state-neutral-surface-level0: #1a1d1e;
+  --alias-color-state-neutral-surface-level1: #202425;
+  --alias-color-state-neutral-surface-level2: #26292b;
+  --alias-color-state-neutral-surface-level3: #2b2f31;
   --alias-font-plain-family: Manrope;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1383,9 +1403,51 @@
   --icon-size-sm: 1.25rem;
   --icon-size-default: 1.5rem;
   --icon-size-lg: 2rem;
-  --chip-size-height-sm: 2rem;
-  --chip-size-height-md: 2.5rem;
-  --chip-size-height-lg: 3rem;
+  --chip-size-height-sm: 1.5rem;
+  --chip-size-height-md: 2rem;
+  --chip-size-height-lg: 2.5rem;
+  --chip-gap-sm: 0.25rem;
+  --chip-gap-md: 0.5rem;
+  --chip-gap-lg: 0.5rem;
+  --chip-padding-label-sm: 0.75rem;
+  --chip-padding-label-md: 1rem;
+  --chip-padding-label-lg: 1rem;
+  --chip-padding-leading-sm: 0.5rem;
+  --chip-padding-leading-md: 0.75rem;
+  --chip-padding-leading-lg: 0.75rem;
+  --chip-padding-trailing-sm: 2px;
+  --chip-padding-trailing-md: 0.25rem;
+  --chip-padding-trailing-lg: 0.25rem;
+  --chip-dismiss-default-background-default: #202425;
+  --chip-dismiss-default-background-hover: #26292b;
+  --chip-dismiss-default-background-pressed: #2b2f31;
+  --chip-dismiss-default-foreground-default: #9ba1ab;
+  --chip-dismiss-default-foreground-hover: #9ba1ab;
+  --chip-dismiss-default-foreground-pressed: #9ba1ab;
+  --chip-dismiss-success-background-default: #132d21;
+  --chip-dismiss-success-background-hover: #113b29;
+  --chip-dismiss-success-background-pressed: #174933;
+  --chip-dismiss-success-foreground-default: #b1f1cb;
+  --chip-dismiss-success-foreground-hover: #b1f1cb;
+  --chip-dismiss-success-foreground-pressed: #b1f1cb;
+  --chip-dismiss-warning-background-default: #302008;
+  --chip-dismiss-warning-background-hover: #3f2700;
+  --chip-dismiss-warning-background-pressed: #4d3000;
+  --chip-dismiss-warning-foreground-default: #ffca16;
+  --chip-dismiss-warning-foreground-hover: #ffca16;
+  --chip-dismiss-warning-foreground-pressed: #ffca16;
+  --chip-dismiss-error-background-default: #3d181e;
+  --chip-dismiss-error-background-hover: #4a1a22;
+  --chip-dismiss-error-background-pressed: #571c26;
+  --chip-dismiss-error-foreground-default: #fea6a6;
+  --chip-dismiss-error-foreground-hover: #fea6a6;
+  --chip-dismiss-error-foreground-pressed: #fea6a6;
+  --chip-dismiss-info-background-default: #112840;
+  --chip-dismiss-info-background-hover: #113555;
+  --chip-dismiss-info-background-pressed: #154467;
+  --chip-dismiss-info-foreground-default: #75c7f0;
+  --chip-dismiss-info-foreground-hover: #75c7f0;
+  --chip-dismiss-info-foreground-pressed: #75c7f0;
   --checkbox-size-sm: 1.25rem;
   --checkbox-size-default: 1.5rem;
   --checkbox-size-lg: 2rem;
@@ -1690,6 +1752,15 @@
   --badge-size-dot-sm: 0.5rem;
   --badge-size-dot-md: 0.75rem;
   --badge-size-dot-lg: 1rem;
+  --badge-gap-sm: 0.25rem;
+  --badge-gap-md: 0.5rem;
+  --badge-gap-lg: 0.5rem;
+  --badge-padding-label-sm: 0.75rem;
+  --badge-padding-label-md: 1rem;
+  --badge-padding-label-lg: 1rem;
+  --badge-padding-leading-sm: 0.5rem;
+  --badge-padding-leading-md: 0.75rem;
+  --badge-padding-leading-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;
@@ -1701,6 +1772,25 @@
   --table-pagination-gap: 1rem;
   --table-pagination-background: #26292b;
   --table-pagination-border: #26292b;
+  --datatable-header-background: #26292b;
+  --datatable-header-foreground: #e9ecef;
+  --datatable-header-border: #26292b;
+  --datatable-row-background: #151718;
+  --datatable-row-foreground: #e9ecef;
+  --datatable-row-border: #26292b;
+  --datatable-row-hover-background: #1a1d1e;
+  --datatable-row-pressed-background: #151718;
+  --datatable-row-selected-background: #112840;
+  --datatable-cell-padding-x-sm: 0.5rem;
+  --datatable-cell-padding-x-md: 0.75rem;
+  --datatable-cell-padding-x-lg: 1rem;
+  --datatable-cell-padding-y-sm: 0.5rem;
+  --datatable-cell-padding-y-md: 0.75rem;
+  --datatable-cell-padding-y-lg: 1rem;
+  --datatable-cell-min-height: 2rem;
+  --datatable-divider-color: #26292b;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #70b8ff;
   --datepicker-color-background: #151718;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #153226;
   --alias-color-state-success-default: #30a46c;
   --alias-color-state-success-muted: #e9f6ec;
+  --alias-color-state-success-surface-level0: #f2fcf4;
+  --alias-color-state-success-surface-level1: #e9f6ec;
+  --alias-color-state-success-surface-level2: #ddf3df;
+  --alias-color-state-success-surface-level3: #ccebd1;
   --alias-color-state-warning-contrast: #ab6400;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #fff7c2;
+  --alias-color-state-warning-surface-level0: #fefbe9;
+  --alias-color-state-warning-surface-level1: #fff7c2;
+  --alias-color-state-warning-surface-level2: #ffee9c;
+  --alias-color-state-warning-surface-level3: #fbe577;
   --alias-color-state-error-contrast: #cd2b31;
   --alias-color-state-error-default: #e5484d;
   --alias-color-state-error-muted: #ffefef;
+  --alias-color-state-error-surface-level0: #fff8f8;
+  --alias-color-state-error-surface-level1: #ffefef;
+  --alias-color-state-error-surface-level2: #ffe5e5;
+  --alias-color-state-error-surface-level3: #fdd8d8;
   --alias-color-state-info-contrast: #0d8bd9;
   --alias-color-state-info-default: #68ddfd;
   --alias-color-state-info-muted: #e1f6fd;
+  --alias-color-state-info-surface-level0: #f1fafd;
+  --alias-color-state-info-surface-level1: #e1f6fd;
+  --alias-color-state-info-surface-level2: #d1f0fa;
+  --alias-color-state-info-surface-level3: #bee7f5;
   --alias-color-state-neutral-contrast: #60646C;
   --alias-color-state-neutral-default: #8B8D98;
   --alias-color-state-neutral-muted: #F0F0F3;
+  --alias-color-state-neutral-surface-level0: #F9F9FB;
+  --alias-color-state-neutral-surface-level1: #F0F0F3;
+  --alias-color-state-neutral-surface-level2: #E8E8EC;
+  --alias-color-state-neutral-surface-level3: #E0E1E6;
   --alias-font-plain-family: Manrope;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1383,9 +1403,51 @@
   --icon-size-sm: 1.25rem;
   --icon-size-default: 1.5rem;
   --icon-size-lg: 2rem;
-  --chip-size-height-sm: 2rem;
-  --chip-size-height-md: 2.5rem;
-  --chip-size-height-lg: 3rem;
+  --chip-size-height-sm: 1.5rem;
+  --chip-size-height-md: 2rem;
+  --chip-size-height-lg: 2.5rem;
+  --chip-gap-sm: 0.25rem;
+  --chip-gap-md: 0.5rem;
+  --chip-gap-lg: 0.5rem;
+  --chip-padding-label-sm: 0.75rem;
+  --chip-padding-label-md: 1rem;
+  --chip-padding-label-lg: 1rem;
+  --chip-padding-leading-sm: 0.5rem;
+  --chip-padding-leading-md: 0.75rem;
+  --chip-padding-leading-lg: 0.75rem;
+  --chip-padding-trailing-sm: 2px;
+  --chip-padding-trailing-md: 0.25rem;
+  --chip-padding-trailing-lg: 0.25rem;
+  --chip-dismiss-default-background-default: #F0F0F3;
+  --chip-dismiss-default-background-hover: #E8E8EC;
+  --chip-dismiss-default-background-pressed: #E0E1E6;
+  --chip-dismiss-default-foreground-default: #60646C;
+  --chip-dismiss-default-foreground-hover: #60646C;
+  --chip-dismiss-default-foreground-pressed: #60646C;
+  --chip-dismiss-success-background-default: #e9f6ec;
+  --chip-dismiss-success-background-hover: #ddf3df;
+  --chip-dismiss-success-background-pressed: #ccebd1;
+  --chip-dismiss-success-foreground-default: #153226;
+  --chip-dismiss-success-foreground-hover: #153226;
+  --chip-dismiss-success-foreground-pressed: #153226;
+  --chip-dismiss-warning-background-default: #fff7c2;
+  --chip-dismiss-warning-background-hover: #ffee9c;
+  --chip-dismiss-warning-background-pressed: #fbe577;
+  --chip-dismiss-warning-foreground-default: #ab6400;
+  --chip-dismiss-warning-foreground-hover: #ab6400;
+  --chip-dismiss-warning-foreground-pressed: #ab6400;
+  --chip-dismiss-error-background-default: #ffefef;
+  --chip-dismiss-error-background-hover: #ffe5e5;
+  --chip-dismiss-error-background-pressed: #fdd8d8;
+  --chip-dismiss-error-foreground-default: #cd2b31;
+  --chip-dismiss-error-foreground-hover: #cd2b31;
+  --chip-dismiss-error-foreground-pressed: #cd2b31;
+  --chip-dismiss-info-background-default: #e1f6fd;
+  --chip-dismiss-info-background-hover: #d1f0fa;
+  --chip-dismiss-info-background-pressed: #bee7f5;
+  --chip-dismiss-info-foreground-default: #0d8bd9;
+  --chip-dismiss-info-foreground-hover: #0d8bd9;
+  --chip-dismiss-info-foreground-pressed: #0d8bd9;
   --checkbox-size-sm: 1.25rem;
   --checkbox-size-default: 1.5rem;
   --checkbox-size-lg: 2rem;
@@ -1690,6 +1752,15 @@
   --badge-size-dot-sm: 0.5rem;
   --badge-size-dot-md: 0.75rem;
   --badge-size-dot-lg: 1rem;
+  --badge-gap-sm: 0.25rem;
+  --badge-gap-md: 0.5rem;
+  --badge-gap-lg: 0.5rem;
+  --badge-padding-label-sm: 0.75rem;
+  --badge-padding-label-md: 1rem;
+  --badge-padding-label-lg: 1rem;
+  --badge-padding-leading-sm: 0.5rem;
+  --badge-padding-leading-md: 0.75rem;
+  --badge-padding-leading-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;
@@ -1701,6 +1772,25 @@
   --table-pagination-gap: 1rem;
   --table-pagination-background: #E8E8EC;
   --table-pagination-border: #E8E8EC;
+  --datatable-header-background: #E8E8EC;
+  --datatable-header-foreground: #1C2024;
+  --datatable-header-border: #E8E8EC;
+  --datatable-row-background: #FCFCFD;
+  --datatable-row-foreground: #1C2024;
+  --datatable-row-border: #E8E8EC;
+  --datatable-row-hover-background: #F9F9FB;
+  --datatable-row-pressed-background: #FCFCFD;
+  --datatable-row-selected-background: #e1f6fd;
+  --datatable-cell-padding-x-sm: 0.5rem;
+  --datatable-cell-padding-x-md: 0.75rem;
+  --datatable-cell-padding-x-lg: 1rem;
+  --datatable-cell-padding-y-sm: 0.5rem;
+  --datatable-cell-padding-y-md: 0.75rem;
+  --datatable-cell-padding-y-lg: 1rem;
+  --datatable-cell-min-height: 2rem;
+  --datatable-divider-color: #E8E8EC;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #0091ff;
   --datepicker-color-background: #FCFCFD;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #3dd68c;
   --alias-color-state-success-default: #30a46c;
   --alias-color-state-success-muted: #132d21;
+  --alias-color-state-success-surface-level0: #121b17;
+  --alias-color-state-success-surface-level1: #132d21;
+  --alias-color-state-success-surface-level2: #113b29;
+  --alias-color-state-success-surface-level3: #174933;
   --alias-color-state-warning-contrast: #ffca16;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #302008;
+  --alias-color-state-warning-surface-level0: #1d180f;
+  --alias-color-state-warning-surface-level1: #302008;
+  --alias-color-state-warning-surface-level2: #3f2700;
+  --alias-color-state-warning-surface-level3: #4d3000;
   --alias-color-state-error-contrast: #fea6a6;
   --alias-color-state-error-default: #e54d4e;
   --alias-color-state-error-muted: #3d181e;
+  --alias-color-state-error-surface-level0: #2c1419;
+  --alias-color-state-error-surface-level1: #3d181e;
+  --alias-color-state-error-surface-level2: #4a1a22;
+  --alias-color-state-error-surface-level3: #571c26;
   --alias-color-state-info-contrast: #70b8ff;
   --alias-color-state-info-default: #0090ff;
   --alias-color-state-info-muted: #0d2847;
+  --alias-color-state-info-surface-level0: #111927;
+  --alias-color-state-info-surface-level1: #0d2847;
+  --alias-color-state-info-surface-level2: #003362;
+  --alias-color-state-info-surface-level3: #004074;
   --alias-color-state-neutral-contrast: #b4b4b4;
   --alias-color-state-neutral-default: #6e6e6e;
   --alias-color-state-neutral-muted: #222222;
+  --alias-color-state-neutral-surface-level0: #191919;
+  --alias-color-state-neutral-surface-level1: #222222;
+  --alias-color-state-neutral-surface-level2: #2a2a2a;
+  --alias-color-state-neutral-surface-level3: #313131;
   --alias-font-plain-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1383,9 +1403,51 @@
   --icon-size-sm: 1.25rem;
   --icon-size-default: 1.5rem;
   --icon-size-lg: 2rem;
-  --chip-size-height-sm: 2rem;
-  --chip-size-height-md: 2.5rem;
-  --chip-size-height-lg: 3rem;
+  --chip-size-height-sm: 1.5rem;
+  --chip-size-height-md: 2rem;
+  --chip-size-height-lg: 2.5rem;
+  --chip-gap-sm: 0.25rem;
+  --chip-gap-md: 0.5rem;
+  --chip-gap-lg: 0.5rem;
+  --chip-padding-label-sm: 0.75rem;
+  --chip-padding-label-md: 1rem;
+  --chip-padding-label-lg: 1rem;
+  --chip-padding-leading-sm: 0.5rem;
+  --chip-padding-leading-md: 0.75rem;
+  --chip-padding-leading-lg: 0.75rem;
+  --chip-padding-trailing-sm: 2px;
+  --chip-padding-trailing-md: 0.25rem;
+  --chip-padding-trailing-lg: 0.25rem;
+  --chip-dismiss-default-background-default: #222222;
+  --chip-dismiss-default-background-hover: #2a2a2a;
+  --chip-dismiss-default-background-pressed: #313131;
+  --chip-dismiss-default-foreground-default: #b4b4b4;
+  --chip-dismiss-default-foreground-hover: #b4b4b4;
+  --chip-dismiss-default-foreground-pressed: #b4b4b4;
+  --chip-dismiss-success-background-default: #132d21;
+  --chip-dismiss-success-background-hover: #113b29;
+  --chip-dismiss-success-background-pressed: #174933;
+  --chip-dismiss-success-foreground-default: #3dd68c;
+  --chip-dismiss-success-foreground-hover: #3dd68c;
+  --chip-dismiss-success-foreground-pressed: #3dd68c;
+  --chip-dismiss-warning-background-default: #302008;
+  --chip-dismiss-warning-background-hover: #3f2700;
+  --chip-dismiss-warning-background-pressed: #4d3000;
+  --chip-dismiss-warning-foreground-default: #ffca16;
+  --chip-dismiss-warning-foreground-hover: #ffca16;
+  --chip-dismiss-warning-foreground-pressed: #ffca16;
+  --chip-dismiss-error-background-default: #3d181e;
+  --chip-dismiss-error-background-hover: #4a1a22;
+  --chip-dismiss-error-background-pressed: #571c26;
+  --chip-dismiss-error-foreground-default: #fea6a6;
+  --chip-dismiss-error-foreground-hover: #fea6a6;
+  --chip-dismiss-error-foreground-pressed: #fea6a6;
+  --chip-dismiss-info-background-default: #0d2847;
+  --chip-dismiss-info-background-hover: #003362;
+  --chip-dismiss-info-background-pressed: #004074;
+  --chip-dismiss-info-foreground-default: #70b8ff;
+  --chip-dismiss-info-foreground-hover: #70b8ff;
+  --chip-dismiss-info-foreground-pressed: #70b8ff;
   --checkbox-size-sm: 1.25rem;
   --checkbox-size-default: 1.5rem;
   --checkbox-size-lg: 2rem;
@@ -1690,6 +1752,15 @@
   --badge-size-dot-sm: 0.5rem;
   --badge-size-dot-md: 0.75rem;
   --badge-size-dot-lg: 1rem;
+  --badge-gap-sm: 0.25rem;
+  --badge-gap-md: 0.5rem;
+  --badge-gap-lg: 0.5rem;
+  --badge-padding-label-sm: 0.75rem;
+  --badge-padding-label-md: 1rem;
+  --badge-padding-label-lg: 1rem;
+  --badge-padding-leading-sm: 0.5rem;
+  --badge-padding-leading-md: 0.75rem;
+  --badge-padding-leading-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;
@@ -1701,6 +1772,25 @@
   --table-pagination-gap: 1rem;
   --table-pagination-background: #252925;
   --table-pagination-border: #252925;
+  --datatable-header-background: #252925;
+  --datatable-header-foreground: #e9ebe9;
+  --datatable-header-border: #252925;
+  --datatable-row-background: #151716;
+  --datatable-row-foreground: #e9ebe9;
+  --datatable-row-border: #252925;
+  --datatable-row-hover-background: #1a1d1a;
+  --datatable-row-pressed-background: #151716;
+  --datatable-row-selected-background: #0d2847;
+  --datatable-cell-padding-x-sm: 0.5rem;
+  --datatable-cell-padding-x-md: 0.75rem;
+  --datatable-cell-padding-x-lg: 1rem;
+  --datatable-cell-padding-y-sm: 0.5rem;
+  --datatable-cell-padding-y-md: 0.75rem;
+  --datatable-cell-padding-y-lg: 1rem;
+  --datatable-cell-min-height: 2rem;
+  --datatable-divider-color: #252925;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #ffca16;
   --datepicker-color-background: #151716;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #18794e;
   --alias-color-state-success-default: #30a46c;
   --alias-color-state-success-muted: #e9f6ec;
+  --alias-color-state-success-surface-level0: #f2fcf4;
+  --alias-color-state-success-surface-level1: #e9f6ec;
+  --alias-color-state-success-surface-level2: #ddf3df;
+  --alias-color-state-success-surface-level3: #ccebd1;
   --alias-color-state-warning-contrast: #ab6400;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #fff7c2;
+  --alias-color-state-warning-surface-level0: #fefbe9;
+  --alias-color-state-warning-surface-level1: #fff7c2;
+  --alias-color-state-warning-surface-level2: #ffee9c;
+  --alias-color-state-warning-surface-level3: #fbe577;
   --alias-color-state-error-contrast: #cd2b31;
   --alias-color-state-error-default: #e5484d;
   --alias-color-state-error-muted: #ffefef;
+  --alias-color-state-error-surface-level0: #fff8f8;
+  --alias-color-state-error-surface-level1: #ffefef;
+  --alias-color-state-error-surface-level2: #ffe5e5;
+  --alias-color-state-error-surface-level3: #fdd8d8;
   --alias-color-state-info-contrast: #0d74ce;
   --alias-color-state-info-default: #0091ff;
   --alias-color-state-info-muted: #edf6ff;
+  --alias-color-state-info-surface-level0: #f5faff;
+  --alias-color-state-info-surface-level1: #edf6ff;
+  --alias-color-state-info-surface-level2: #e1f0ff;
+  --alias-color-state-info-surface-level3: #cee7fe;
   --alias-color-state-neutral-contrast: #646464;
   --alias-color-state-neutral-default: #8d8d8d;
   --alias-color-state-neutral-muted: #f0f0f0;
+  --alias-color-state-neutral-surface-level0: #f9f9f9;
+  --alias-color-state-neutral-surface-level1: #f0f0f0;
+  --alias-color-state-neutral-surface-level2: #e8e8e8;
+  --alias-color-state-neutral-surface-level3: #e0e0e0;
   --alias-font-plain-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1383,9 +1403,51 @@
   --icon-size-sm: 1.25rem;
   --icon-size-default: 1.5rem;
   --icon-size-lg: 2rem;
-  --chip-size-height-sm: 2rem;
-  --chip-size-height-md: 2.5rem;
-  --chip-size-height-lg: 3rem;
+  --chip-size-height-sm: 1.5rem;
+  --chip-size-height-md: 2rem;
+  --chip-size-height-lg: 2.5rem;
+  --chip-gap-sm: 0.25rem;
+  --chip-gap-md: 0.5rem;
+  --chip-gap-lg: 0.5rem;
+  --chip-padding-label-sm: 0.75rem;
+  --chip-padding-label-md: 1rem;
+  --chip-padding-label-lg: 1rem;
+  --chip-padding-leading-sm: 0.5rem;
+  --chip-padding-leading-md: 0.75rem;
+  --chip-padding-leading-lg: 0.75rem;
+  --chip-padding-trailing-sm: 2px;
+  --chip-padding-trailing-md: 0.25rem;
+  --chip-padding-trailing-lg: 0.25rem;
+  --chip-dismiss-default-background-default: #f0f0f0;
+  --chip-dismiss-default-background-hover: #e8e8e8;
+  --chip-dismiss-default-background-pressed: #e0e0e0;
+  --chip-dismiss-default-foreground-default: #646464;
+  --chip-dismiss-default-foreground-hover: #646464;
+  --chip-dismiss-default-foreground-pressed: #646464;
+  --chip-dismiss-success-background-default: #e9f6ec;
+  --chip-dismiss-success-background-hover: #ddf3df;
+  --chip-dismiss-success-background-pressed: #ccebd1;
+  --chip-dismiss-success-foreground-default: #18794e;
+  --chip-dismiss-success-foreground-hover: #18794e;
+  --chip-dismiss-success-foreground-pressed: #18794e;
+  --chip-dismiss-warning-background-default: #fff7c2;
+  --chip-dismiss-warning-background-hover: #ffee9c;
+  --chip-dismiss-warning-background-pressed: #fbe577;
+  --chip-dismiss-warning-foreground-default: #ab6400;
+  --chip-dismiss-warning-foreground-hover: #ab6400;
+  --chip-dismiss-warning-foreground-pressed: #ab6400;
+  --chip-dismiss-error-background-default: #ffefef;
+  --chip-dismiss-error-background-hover: #ffe5e5;
+  --chip-dismiss-error-background-pressed: #fdd8d8;
+  --chip-dismiss-error-foreground-default: #cd2b31;
+  --chip-dismiss-error-foreground-hover: #cd2b31;
+  --chip-dismiss-error-foreground-pressed: #cd2b31;
+  --chip-dismiss-info-background-default: #edf6ff;
+  --chip-dismiss-info-background-hover: #e1f0ff;
+  --chip-dismiss-info-background-pressed: #cee7fe;
+  --chip-dismiss-info-foreground-default: #0d74ce;
+  --chip-dismiss-info-foreground-hover: #0d74ce;
+  --chip-dismiss-info-foreground-pressed: #0d74ce;
   --checkbox-size-sm: 1.25rem;
   --checkbox-size-default: 1.5rem;
   --checkbox-size-lg: 2rem;
@@ -1690,6 +1752,15 @@
   --badge-size-dot-sm: 0.5rem;
   --badge-size-dot-md: 0.75rem;
   --badge-size-dot-lg: 1rem;
+  --badge-gap-sm: 0.25rem;
+  --badge-gap-md: 0.5rem;
+  --badge-gap-lg: 0.5rem;
+  --badge-padding-label-sm: 0.75rem;
+  --badge-padding-label-md: 1rem;
+  --badge-padding-label-lg: 1rem;
+  --badge-padding-leading-sm: 0.5rem;
+  --badge-padding-leading-md: 0.75rem;
+  --badge-padding-leading-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;
@@ -1701,6 +1772,25 @@
   --table-pagination-gap: 1rem;
   --table-pagination-background: #e6e9e8;
   --table-pagination-border: #e6e9e8;
+  --datatable-header-background: #e6e9e8;
+  --datatable-header-foreground: #1a211e;
+  --datatable-header-border: #e6e9e8;
+  --datatable-row-background: #fbfdfc;
+  --datatable-row-foreground: #1a211e;
+  --datatable-row-border: #e6e9e8;
+  --datatable-row-hover-background: #f7f9f8;
+  --datatable-row-pressed-background: #fbfdfc;
+  --datatable-row-selected-background: #edf6ff;
+  --datatable-cell-padding-x-sm: 0.5rem;
+  --datatable-cell-padding-x-md: 0.75rem;
+  --datatable-cell-padding-x-lg: 1rem;
+  --datatable-cell-padding-y-sm: 0.5rem;
+  --datatable-cell-padding-y-md: 0.75rem;
+  --datatable-cell-padding-y-lg: 1rem;
+  --datatable-cell-min-height: 2rem;
+  --datatable-divider-color: #e6e9e8;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #ab6400;
   --datepicker-color-background: #fbfdfc;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #c4f5e1;
   --alias-color-state-success-default: #58d5ba;
   --alias-color-state-success-muted: #092c2b;
+  --alias-color-state-success-surface-level0: #0f1b1b;
+  --alias-color-state-success-surface-level1: #092c2b;
+  --alias-color-state-success-surface-level2: #003a38;
+  --alias-color-state-success-surface-level3: #004744;
   --alias-color-state-warning-contrast: #ffca16;
   --alias-color-state-warning-default: #ffc53d;
   --alias-color-state-warning-muted: #302008;
+  --alias-color-state-warning-surface-level0: #1d180f;
+  --alias-color-state-warning-surface-level1: #302008;
+  --alias-color-state-warning-surface-level2: #3f2700;
+  --alias-color-state-warning-surface-level3: #4d3000;
   --alias-color-state-error-contrast: #fea6a6;
   --alias-color-state-error-default: #e54d4e;
   --alias-color-state-error-muted: #3d181e;
+  --alias-color-state-error-surface-level0: #2c1419;
+  --alias-color-state-error-surface-level1: #3d181e;
+  --alias-color-state-error-surface-level2: #4a1a22;
+  --alias-color-state-error-surface-level3: #571c26;
   --alias-color-state-info-contrast: #75c7f0;
   --alias-color-state-info-default: #7ce2fe;
   --alias-color-state-info-muted: #112840;
+  --alias-color-state-info-surface-level0: #111a27;
+  --alias-color-state-info-surface-level1: #112840;
+  --alias-color-state-info-surface-level2: #113555;
+  --alias-color-state-info-surface-level3: #154467;
   --alias-color-state-neutral-contrast: #a4a499;
   --alias-color-state-neutral-default: #63635a;
   --alias-color-state-neutral-muted: #23231e;
+  --alias-color-state-neutral-surface-level0: #1c1c19;
+  --alias-color-state-neutral-surface-level1: #23231e;
+  --alias-color-state-neutral-surface-level2: #2a2a24;
+  --alias-color-state-neutral-surface-level3: #31312a;
   --alias-font-plain-family: Quicksand;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1383,9 +1403,51 @@
   --icon-size-sm: 1.25rem;
   --icon-size-default: 1.5rem;
   --icon-size-lg: 2rem;
-  --chip-size-height-sm: 2rem;
-  --chip-size-height-md: 2.5rem;
-  --chip-size-height-lg: 3rem;
+  --chip-size-height-sm: 1.5rem;
+  --chip-size-height-md: 2rem;
+  --chip-size-height-lg: 2.5rem;
+  --chip-gap-sm: 0.25rem;
+  --chip-gap-md: 0.5rem;
+  --chip-gap-lg: 0.5rem;
+  --chip-padding-label-sm: 0.75rem;
+  --chip-padding-label-md: 1rem;
+  --chip-padding-label-lg: 1rem;
+  --chip-padding-leading-sm: 0.5rem;
+  --chip-padding-leading-md: 0.75rem;
+  --chip-padding-leading-lg: 0.75rem;
+  --chip-padding-trailing-sm: 2px;
+  --chip-padding-trailing-md: 0.25rem;
+  --chip-padding-trailing-lg: 0.25rem;
+  --chip-dismiss-default-background-default: #23231e;
+  --chip-dismiss-default-background-hover: #2a2a24;
+  --chip-dismiss-default-background-pressed: #31312a;
+  --chip-dismiss-default-foreground-default: #a4a499;
+  --chip-dismiss-default-foreground-hover: #a4a499;
+  --chip-dismiss-default-foreground-pressed: #a4a499;
+  --chip-dismiss-success-background-default: #092c2b;
+  --chip-dismiss-success-background-hover: #003a38;
+  --chip-dismiss-success-background-pressed: #004744;
+  --chip-dismiss-success-foreground-default: #c4f5e1;
+  --chip-dismiss-success-foreground-hover: #c4f5e1;
+  --chip-dismiss-success-foreground-pressed: #c4f5e1;
+  --chip-dismiss-warning-background-default: #302008;
+  --chip-dismiss-warning-background-hover: #3f2700;
+  --chip-dismiss-warning-background-pressed: #4d3000;
+  --chip-dismiss-warning-foreground-default: #ffca16;
+  --chip-dismiss-warning-foreground-hover: #ffca16;
+  --chip-dismiss-warning-foreground-pressed: #ffca16;
+  --chip-dismiss-error-background-default: #3d181e;
+  --chip-dismiss-error-background-hover: #4a1a22;
+  --chip-dismiss-error-background-pressed: #571c26;
+  --chip-dismiss-error-foreground-default: #fea6a6;
+  --chip-dismiss-error-foreground-hover: #fea6a6;
+  --chip-dismiss-error-foreground-pressed: #fea6a6;
+  --chip-dismiss-info-background-default: #112840;
+  --chip-dismiss-info-background-hover: #113555;
+  --chip-dismiss-info-background-pressed: #154467;
+  --chip-dismiss-info-foreground-default: #75c7f0;
+  --chip-dismiss-info-foreground-hover: #75c7f0;
+  --chip-dismiss-info-foreground-pressed: #75c7f0;
   --checkbox-size-sm: 1.25rem;
   --checkbox-size-default: 1.5rem;
   --checkbox-size-lg: 2rem;
@@ -1690,6 +1752,15 @@
   --badge-size-dot-sm: 0.5rem;
   --badge-size-dot-md: 0.75rem;
   --badge-size-dot-lg: 1rem;
+  --badge-gap-sm: 0.25rem;
+  --badge-gap-md: 0.5rem;
+  --badge-gap-lg: 0.5rem;
+  --badge-padding-label-sm: 0.75rem;
+  --badge-padding-label-md: 1rem;
+  --badge-padding-label-lg: 1rem;
+  --badge-padding-leading-sm: 0.5rem;
+  --badge-padding-leading-md: 0.75rem;
+  --badge-padding-leading-lg: 0.75rem;
   --table-cell-padding-x-sm: 0.5rem;
   --table-cell-padding-x-md: 0.75rem;
   --table-cell-padding-x-lg: 1rem;
@@ -1701,6 +1772,25 @@
   --table-pagination-gap: 1rem;
   --table-pagination-background: #2a2a24;
   --table-pagination-border: #2a2a24;
+  --datatable-header-background: #2a2a24;
+  --datatable-header-foreground: #e9e9e8;
+  --datatable-header-border: #2a2a24;
+  --datatable-row-background: #161615;
+  --datatable-row-foreground: #e9e9e8;
+  --datatable-row-border: #2a2a24;
+  --datatable-row-hover-background: #1c1c19;
+  --datatable-row-pressed-background: #161615;
+  --datatable-row-selected-background: #112840;
+  --datatable-cell-padding-x-sm: 0.5rem;
+  --datatable-cell-padding-x-md: 0.75rem;
+  --datatable-cell-padding-x-lg: 1rem;
+  --datatable-cell-padding-y-sm: 0.5rem;
+  --datatable-cell-padding-y-md: 0.75rem;
+  --datatable-cell-padding-y-lg: 1rem;
+  --datatable-cell-min-height: 2rem;
+  --datatable-divider-color: #2a2a24;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #0bd8b6;
   --datepicker-color-background: #161615;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;