@revikornmann/muka-ui 0.2.4 → 0.4.0

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #16433c;
   --alias-color-state-success-default: #027864;
   --alias-color-state-success-muted: #ddf9f2;
+  --alias-color-state-success-surface-level0: #f2fbf9;
+  --alias-color-state-success-surface-level1: #ddf9f2;
+  --alias-color-state-success-surface-level2: #c8f4e9;
+  --alias-color-state-success-surface-level3: #b3ecde;
   --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: #63635e;
   --alias-color-state-neutral-default: #8d8d86;
   --alias-color-state-neutral-muted: #f1f0ef;
+  --alias-color-state-neutral-surface-level0: #f9f9f8;
+  --alias-color-state-neutral-surface-level1: #f1f0ef;
+  --alias-color-state-neutral-surface-level2: #e9e8e6;
+  --alias-color-state-neutral-surface-level3: #e2e1de;
   --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: #f1f0ef;
+  --chip-dismiss-default-background-hover: #e9e8e6;
+  --chip-dismiss-default-background-pressed: #e2e1de;
+  --chip-dismiss-default-foreground-default: #63635e;
+  --chip-dismiss-default-foreground-hover: #63635e;
+  --chip-dismiss-default-foreground-pressed: #63635e;
+  --chip-dismiss-success-background-default: #ddf9f2;
+  --chip-dismiss-success-background-hover: #c8f4e9;
+  --chip-dismiss-success-background-pressed: #b3ecde;
+  --chip-dismiss-success-foreground-default: #16433c;
+  --chip-dismiss-success-foreground-hover: #16433c;
+  --chip-dismiss-success-foreground-pressed: #16433c;
+  --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: #e9e8e6;
   --table-pagination-border: #e9e8e6;
+  --datatable-header-background: #e9e8e6;
+  --datatable-header-foreground: #21201c;
+  --datatable-header-border: #e9e8e6;
+  --datatable-row-background: #fdfdfc;
+  --datatable-row-foreground: #21201c;
+  --datatable-row-border: #e9e8e6;
+  --datatable-row-hover-background: #f9f9f8;
+  --datatable-row-pressed-background: #fdfdfc;
+  --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: #e9e8e6;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #12a594;
   --datepicker-color-background: #fdfdfc;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

package/dist/styles/tokens-muka-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: #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: #b5b5c7;
   --alias-color-state-neutral-default: #737387;
   --alias-color-state-neutral-muted: #232326;
+  --alias-color-state-neutral-surface-level0: #1c1c1f;
+  --alias-color-state-neutral-surface-level1: #232326;
+  --alias-color-state-neutral-surface-level2: #2b2b30;
+  --alias-color-state-neutral-surface-level3: #323238;
   --alias-font-plain-family: Funnel Sans;
   --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: #232326;
+  --chip-dismiss-default-background-hover: #2b2b30;
+  --chip-dismiss-default-background-pressed: #323238;
+  --chip-dismiss-default-foreground-default: #b5b5c7;
+  --chip-dismiss-default-foreground-hover: #b5b5c7;
+  --chip-dismiss-default-foreground-pressed: #b5b5c7;
+  --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: #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: #2b2b30;
   --table-pagination-border: #2b2b30;
+  --datatable-header-background: #2b2b30;
+  --datatable-header-foreground: #e6e6ea;
+  --datatable-header-border: #2b2b30;
+  --datatable-row-background: #161618;
+  --datatable-row-foreground: #e6e6ea;
+  --datatable-row-border: #2b2b30;
+  --datatable-row-hover-background: #1c1c1f;
+  --datatable-row-pressed-background: #161618;
+  --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: #2b2b30;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #9eb1ff;
   --datepicker-color-background: #161618;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

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

@@ -1003,18 +1003,38 @@
   --alias-color-state-success-contrast: #16433c;
   --alias-color-state-success-default: #027864;
   --alias-color-state-success-muted: #ddf9f2;
+  --alias-color-state-success-surface-level0: #f2fbf9;
+  --alias-color-state-success-surface-level1: #ddf9f2;
+  --alias-color-state-success-surface-level2: #c8f4e9;
+  --alias-color-state-success-surface-level3: #b3ecde;
   --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: #3a5ccc;
   --alias-color-state-info-default: #3e63dd;
   --alias-color-state-info-muted: #edf2fe;
+  --alias-color-state-info-surface-level0: #f7f9ff;
+  --alias-color-state-info-surface-level1: #edf2fe;
+  --alias-color-state-info-surface-level2: #e1e9ff;
+  --alias-color-state-info-surface-level3: #d2deff;
   --alias-color-state-neutral-contrast: #65636d;
   --alias-color-state-neutral-default: #8e8c99;
   --alias-color-state-neutral-muted: #f2eff3;
+  --alias-color-state-neutral-surface-level0: #faf9fb;
+  --alias-color-state-neutral-surface-level1: #f2eff3;
+  --alias-color-state-neutral-surface-level2: #eae7ec;
+  --alias-color-state-neutral-surface-level3: #e3dfe6;
   --alias-font-plain-family: Funnel Sans;
   --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: #f2eff3;
+  --chip-dismiss-default-background-hover: #eae7ec;
+  --chip-dismiss-default-background-pressed: #e3dfe6;
+  --chip-dismiss-default-foreground-default: #65636d;
+  --chip-dismiss-default-foreground-hover: #65636d;
+  --chip-dismiss-default-foreground-pressed: #65636d;
+  --chip-dismiss-success-background-default: #ddf9f2;
+  --chip-dismiss-success-background-hover: #c8f4e9;
+  --chip-dismiss-success-background-pressed: #b3ecde;
+  --chip-dismiss-success-foreground-default: #16433c;
+  --chip-dismiss-success-foreground-hover: #16433c;
+  --chip-dismiss-success-foreground-pressed: #16433c;
+  --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: #edf2fe;
+  --chip-dismiss-info-background-hover: #e1e9ff;
+  --chip-dismiss-info-background-pressed: #d2deff;
+  --chip-dismiss-info-foreground-default: #3a5ccc;
+  --chip-dismiss-info-foreground-hover: #3a5ccc;
+  --chip-dismiss-info-foreground-pressed: #3a5ccc;
   --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: #eae7ec;
   --table-pagination-border: #eae7ec;
+  --datatable-header-background: #eae7ec;
+  --datatable-header-foreground: #211f26;
+  --datatable-header-border: #eae7ec;
+  --datatable-row-background: #fdfcfd;
+  --datatable-row-foreground: #211f26;
+  --datatable-row-border: #eae7ec;
+  --datatable-row-hover-background: #faf9fb;
+  --datatable-row-pressed-background: #fdfcfd;
+  --datatable-row-selected-background: #edf2fe;
+  --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: #eae7ec;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #3e63dd;
   --datepicker-color-background: #fdfcfd;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;

package/dist/styles/tokens-wireframe-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: Helvetica;
   --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: #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: #313131;
   --table-pagination-border: #313131;
+  --datatable-header-background: #313131;
+  --datatable-header-foreground: #eeeeee;
+  --datatable-header-border: #313131;
+  --datatable-row-background: #111111;
+  --datatable-row-foreground: #eeeeee;
+  --datatable-row-border: #313131;
+  --datatable-row-hover-background: #222222;
+  --datatable-row-pressed-background: #111111;
+  --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: #313131;
+  --datatable-selection-column-width: 3.5rem;
+  --datatable-focus-ring: #b4b4b4;
   --datepicker-color-background: #111111;
   --datepicker-size-day-sm: 2.5rem;
   --datepicker-size-day-md: 3rem;