@czi-sds/components 22.11.4 → 22.13.0

package/dist/variables.css

@@ -186,13 +186,13 @@
     --sds-color-semantic-negative-surface-primary: #db2131;
     --sds-color-semantic-negative-surface-secondary: #ffe8e6;
     --sds-color-semantic-negative-text: #b80017;
-    --sds-color-semantic-neutral-border: #969696;
-    --sds-color-semantic-neutral-fill-hover: #767676;
-    --sds-color-semantic-neutral-fill-pressed: #3b3b3b;
-    --sds-color-semantic-neutral-fill-primary: #969696;
+    --sds-color-semantic-neutral-border: #3b3b3b;
+    --sds-color-semantic-neutral-fill-hover: #3b3b3b;
+    --sds-color-semantic-neutral-fill-pressed: #1b1b1b;
+    --sds-color-semantic-neutral-fill-primary: #767676;
     --sds-color-semantic-neutral-fill-secondary: #dfdfdf;
     --sds-color-semantic-neutral-ornament: #3b3b3b;
-    --sds-color-semantic-neutral-surface-primary: #969696;
+    --sds-color-semantic-neutral-surface-primary: #767676;
     --sds-color-semantic-neutral-surface-secondary: #dfdfdf;
     --sds-color-semantic-neutral-text: #3b3b3b;
     --sds-color-semantic-notice-border: #b07300;
@@ -640,7 +640,7 @@
     --sds-color-primitive-blue-100: #0f1d4a;
     --sds-color-primitive-blue-200: #0a216e;
     --sds-color-primitive-blue-300: #0647b8;
-    --sds-color-primitive-blue-400: #2573f4;
+    --sds-color-primitive-blue-400: #2876f9;
     --sds-color-primitive-blue-500: #5b9aff;
     --sds-color-primitive-blue-600: #a2c9ff;
     --sds-color-primitive-blue-700: #cde3ff;
@@ -650,7 +650,7 @@
     --sds-color-primitive-gray-100: #333333;
     --sds-color-primitive-gray-200: #494949;
     --sds-color-primitive-gray-300: #696969;
-    --sds-color-primitive-gray-400: #9b9b9b;
+    --sds-color-primitive-gray-400: #949494;
     --sds-color-primitive-gray-500: #aaaaaa;
     --sds-color-primitive-gray-600: #cdcdcd;
     --sds-color-primitive-gray-700: #ededed;
@@ -659,7 +659,7 @@
     --sds-color-primitive-green-100: #082608;
     --sds-color-primitive-green-200: #063617;
     --sds-color-primitive-green-300: #10632e;
-    --sds-color-primitive-green-400: #278b48;
+    --sds-color-primitive-green-400: #2b8e4b;
     --sds-color-primitive-green-500: #4bae68;
     --sds-color-primitive-green-600: #85d898;
     --sds-color-primitive-green-700: #bcecc5;
@@ -667,7 +667,7 @@
     --sds-color-primitive-purple-100: #331252;
     --sds-color-primitive-purple-200: #410f70;
     --sds-color-primitive-purple-300: #6429b2;
-    --sds-color-primitive-purple-400: #905de6;
+    --sds-color-primitive-purple-400: #9261e6;
     --sds-color-primitive-purple-500: #aa89ef;
     --sds-color-primitive-purple-600: #cebef8;
     --sds-color-primitive-purple-700: #e4dcfc;
@@ -675,8 +675,8 @@
     --sds-color-primitive-red-100: #330603;
     --sds-color-primitive-red-200: #660a12;
     --sds-color-primitive-red-300: #9e1c1c;
-    --sds-color-primitive-red-400: #c73028;
-    --sds-color-primitive-red-500: #e05043;
+    --sds-color-primitive-red-400: #df453c;
+    --sds-color-primitive-red-500: #e06257;
     --sds-color-primitive-red-600: #ff988a;
     --sds-color-primitive-red-700: #ffbdb3;
     --sds-color-primitive-red-800: #ffd8d1;
@@ -698,14 +698,14 @@
     --sds-color-semantic-accent-border-selected: #a2c9ff;
     --sds-color-semantic-accent-fill-hover: #cde3ff;
     --sds-color-semantic-accent-fill-pressed: #e2eeff;
-    --sds-color-semantic-accent-fill-primary: #2573f4;
+    --sds-color-semantic-accent-fill-primary: #2876f9;
     --sds-color-semantic-accent-ornament: #a2c9ff;
     --sds-color-semantic-accent-ornament-focus: #a2c9ff;
     --sds-color-semantic-accent-ornament-hover: #cde3ff;
     --sds-color-semantic-accent-ornament-open: #a2c9ff;
     --sds-color-semantic-accent-ornament-pressed: #e2eeff;
     --sds-color-semantic-accent-ornament-selected: #a2c9ff;
-    --sds-color-semantic-accent-surface-primary: #2573f4;
+    --sds-color-semantic-accent-surface-primary: #2876f9;
     --sds-color-semantic-accent-surface-secondary: #0f1d4a;
     --sds-color-semantic-accent-text-action: #a2c9ff;
     --sds-color-semantic-accent-text-action-hover: #cde3ff;
@@ -756,42 +756,42 @@
     --sds-color-semantic-base-text-primary-inverse: #000000;
     --sds-color-semantic-base-text-secondary: #cdcdcd;
     --sds-color-semantic-base-text-secondary-inverse: #696969;
-    --sds-color-semantic-base-text-tertiary: #9b9b9b;
+    --sds-color-semantic-base-text-tertiary: #949494;
     --sds-color-semantic-base-text-tertiary-inverse: #aaaaaa;
     --sds-color-semantic-beta-border: #cebef8;
     --sds-color-semantic-beta-fill-hover: #e4dcfc;
     --sds-color-semantic-beta-fill-pressed: #f0ebfe;
-    --sds-color-semantic-beta-fill-primary: #905de6;
+    --sds-color-semantic-beta-fill-primary: #9261e6;
     --sds-color-semantic-beta-fill-secondary: #331252;
     --sds-color-semantic-beta-ornament: #cebef8;
-    --sds-color-semantic-beta-surface-primary: #905de6;
+    --sds-color-semantic-beta-surface-primary: #9261e6;
     --sds-color-semantic-beta-surface-secondary: #331252;
     --sds-color-semantic-beta-text: #cebef8;
     --sds-color-semantic-info-border: #a2c9ff;
     --sds-color-semantic-info-fill-hover: #cde3ff;
     --sds-color-semantic-info-fill-pressed: #e2eeff;
-    --sds-color-semantic-info-fill-primary: #2573f4;
+    --sds-color-semantic-info-fill-primary: #2876f9;
     --sds-color-semantic-info-fill-secondary: #0f1d4a;
     --sds-color-semantic-info-ornament: #a2c9ff;
-    --sds-color-semantic-info-surface-primary: #2573f4;
+    --sds-color-semantic-info-surface-primary: #2876f9;
     --sds-color-semantic-info-surface-secondary: #0f1d4a;
     --sds-color-semantic-info-text: #a2c9ff;
     --sds-color-semantic-negative-border: #ff988a;
     --sds-color-semantic-negative-fill-hover: #ffbdb3;
     --sds-color-semantic-negative-fill-pressed: #ffd8d1;
-    --sds-color-semantic-negative-fill-primary: #c73028;
+    --sds-color-semantic-negative-fill-primary: #df453c;
     --sds-color-semantic-negative-fill-secondary: #330603;
     --sds-color-semantic-negative-ornament: #ff988a;
-    --sds-color-semantic-negative-surface-primary: #c73028;
+    --sds-color-semantic-negative-surface-primary: #df453c;
     --sds-color-semantic-negative-surface-secondary: #330603;
     --sds-color-semantic-negative-text: #ff988a;
-    --sds-color-semantic-neutral-border: #aaaaaa;
+    --sds-color-semantic-neutral-border: #ededed;
     --sds-color-semantic-neutral-fill-hover: #cdcdcd;
     --sds-color-semantic-neutral-fill-pressed: #ededed;
-    --sds-color-semantic-neutral-fill-primary: #aaaaaa;
+    --sds-color-semantic-neutral-fill-primary: #949494;
     --sds-color-semantic-neutral-fill-secondary: #494949;
     --sds-color-semantic-neutral-ornament: #ededed;
-    --sds-color-semantic-neutral-surface-primary: #aaaaaa;
+    --sds-color-semantic-neutral-surface-primary: #949494;
     --sds-color-semantic-neutral-surface-secondary: #494949;
     --sds-color-semantic-neutral-text: #ededed;
     --sds-color-semantic-notice-border: #e5bc63;
@@ -806,10 +806,10 @@
     --sds-color-semantic-positive-border: #85d898;
     --sds-color-semantic-positive-fill-hover: #bcecc5;
     --sds-color-semantic-positive-fill-pressed: #daf4de;
-    --sds-color-semantic-positive-fill-primary: #278b48;
+    --sds-color-semantic-positive-fill-primary: #2b8e4b;
     --sds-color-semantic-positive-fill-secondary: #082608;
     --sds-color-semantic-positive-ornament: #85d898;
-    --sds-color-semantic-positive-surface-primary: #278b48;
+    --sds-color-semantic-positive-surface-primary: #2b8e4b;
     --sds-color-semantic-positive-surface-secondary: #082608;
     --sds-color-semantic-positive-text: #85d898;
     --sds-corner-rounded: 20px;

package/dist/variables.scss

@@ -78,7 +78,7 @@ $sds-color-primitive-blue-200-dark: #0a216e;
 $sds-color-primitive-blue-300: #9dc6ff;
 $sds-color-primitive-blue-300-dark: #0647b8;
 $sds-color-primitive-blue-400: #6ca6ff;
-$sds-color-primitive-blue-400-dark: #2573f4;
+$sds-color-primitive-blue-400-dark: #2876f9;
 $sds-color-primitive-blue-500: #1a6cef;
 $sds-color-primitive-blue-500-dark: #5b9aff;
 $sds-color-primitive-blue-600: #0041b9;
@@ -98,7 +98,7 @@ $sds-color-primitive-gray-200-dark: #494949;
 $sds-color-primitive-gray-300: #c3c3c3;
 $sds-color-primitive-gray-300-dark: #696969;
 $sds-color-primitive-gray-400: #a5a5a5;
-$sds-color-primitive-gray-400-dark: #9b9b9b;
+$sds-color-primitive-gray-400-dark: #949494;
 $sds-color-primitive-gray-500: #969696;
 $sds-color-primitive-gray-500-dark: #aaaaaa;
 $sds-color-primitive-gray-600: #767676;
@@ -116,7 +116,7 @@ $sds-color-primitive-green-200-dark: #063617;
 $sds-color-primitive-green-300: #7fd693;
 $sds-color-primitive-green-300-dark: #10632e;
 $sds-color-primitive-green-400: #50b96d;
-$sds-color-primitive-green-400-dark: #278b48;
+$sds-color-primitive-green-400-dark: #2b8e4b;
 $sds-color-primitive-green-500: #238444;
 $sds-color-primitive-green-500-dark: #4bae68;
 $sds-color-primitive-green-600: #105b2b;
@@ -132,7 +132,7 @@ $sds-color-primitive-purple-200-dark: #410f70;
 $sds-color-primitive-purple-300: #cbbaF8;
 $sds-color-primitive-purple-300-dark: #6429b2;
 $sds-color-primitive-purple-400: #b296f2;
-$sds-color-primitive-purple-400-dark: #905de6;
+$sds-color-primitive-purple-400-dark: #9261e6;
 $sds-color-primitive-purple-500: #8b54e2;
 $sds-color-primitive-purple-500-dark: #aa89ef;
 $sds-color-primitive-purple-600: #6526b5;
@@ -148,9 +148,9 @@ $sds-color-primitive-red-200-dark: #660a12;
 $sds-color-primitive-red-300: #ffafa8;
 $sds-color-primitive-red-300-dark: #9e1c1c;
 $sds-color-primitive-red-400: #ff7e78;
-$sds-color-primitive-red-400-dark: #c73028;
+$sds-color-primitive-red-400-dark: #df453c;
 $sds-color-primitive-red-500: #db2131;
-$sds-color-primitive-red-500-dark: #e05043;
+$sds-color-primitive-red-500-dark: #e06257;
 $sds-color-primitive-red-600: #b80017;
 $sds-color-primitive-red-600-dark: #ff988a;
 $sds-color-primitive-red-700: #6f0008;
@@ -194,7 +194,7 @@ $sds-color-semantic-accent-fill-hover-dark: #cde3ff;
 $sds-color-semantic-accent-fill-pressed: #002d90;
 $sds-color-semantic-accent-fill-pressed-dark: #e2eeff;
 $sds-color-semantic-accent-fill-primary: #1a6cef;
-$sds-color-semantic-accent-fill-primary-dark: #2573f4;
+$sds-color-semantic-accent-fill-primary-dark: #2876f9;
 $sds-color-semantic-accent-ornament: #1a6cef;
 $sds-color-semantic-accent-ornament-dark: #a2c9ff;
 $sds-color-semantic-accent-ornament-focus: #1a6cef;
@@ -208,7 +208,7 @@ $sds-color-semantic-accent-ornament-pressed-dark: #e2eeff;
 $sds-color-semantic-accent-ornament-selected: #1a6cef;
 $sds-color-semantic-accent-ornament-selected-dark: #a2c9ff;
 $sds-color-semantic-accent-surface-primary: #1a6cef;
-$sds-color-semantic-accent-surface-primary-dark: #2573f4;
+$sds-color-semantic-accent-surface-primary-dark: #2876f9;
 $sds-color-semantic-accent-surface-secondary: #edf3fd;
 $sds-color-semantic-accent-surface-secondary-dark: #0f1d4a;
 $sds-color-semantic-accent-text-action: #1a6cef;
@@ -310,7 +310,7 @@ $sds-color-semantic-base-text-secondary-dark: #cdcdcd;
 $sds-color-semantic-base-text-secondary-inverse: #c3c3c3;
 $sds-color-semantic-base-text-secondary-inverse-dark: #696969;
 $sds-color-semantic-base-text-tertiary: #a5a5a5;
-$sds-color-semantic-base-text-tertiary-dark: #9b9b9b;
+$sds-color-semantic-base-text-tertiary-dark: #949494;
 $sds-color-semantic-base-text-tertiary-inverse: #969696;
 $sds-color-semantic-base-text-tertiary-inverse-dark: #aaaaaa;
 $sds-color-semantic-beta-border: #6526b5;
@@ -320,13 +320,13 @@ $sds-color-semantic-beta-fill-hover-dark: #e4dcfc;
 $sds-color-semantic-beta-fill-pressed: #490092;
 $sds-color-semantic-beta-fill-pressed-dark: #f0ebfe;
 $sds-color-semantic-beta-fill-primary: #8b54e2;
-$sds-color-semantic-beta-fill-primary-dark: #905de6;
+$sds-color-semantic-beta-fill-primary-dark: #9261e6;
 $sds-color-semantic-beta-fill-secondary: #efeafe;
 $sds-color-semantic-beta-fill-secondary-dark: #331252;
 $sds-color-semantic-beta-ornament: #6526b5;
 $sds-color-semantic-beta-ornament-dark: #cebef8;
 $sds-color-semantic-beta-surface-primary: #8b54e2;
-$sds-color-semantic-beta-surface-primary-dark: #905de6;
+$sds-color-semantic-beta-surface-primary-dark: #9261e6;
 $sds-color-semantic-beta-surface-secondary: #efeafe;
 $sds-color-semantic-beta-surface-secondary-dark: #331252;
 $sds-color-semantic-beta-text: #6526b5;
@@ -338,13 +338,13 @@ $sds-color-semantic-info-fill-hover-dark: #cde3ff;
 $sds-color-semantic-info-fill-pressed: #002d90;
 $sds-color-semantic-info-fill-pressed-dark: #e2eeff;
 $sds-color-semantic-info-fill-primary: #1a6cef;
-$sds-color-semantic-info-fill-primary-dark: #2573f4;
+$sds-color-semantic-info-fill-primary-dark: #2876f9;
 $sds-color-semantic-info-fill-secondary: #edf3fd;
 $sds-color-semantic-info-fill-secondary-dark: #0f1d4a;
 $sds-color-semantic-info-ornament: #0041b9;
 $sds-color-semantic-info-ornament-dark: #a2c9ff;
 $sds-color-semantic-info-surface-primary: #1a6cef;
-$sds-color-semantic-info-surface-primary-dark: #2573f4;
+$sds-color-semantic-info-surface-primary-dark: #2876f9;
 $sds-color-semantic-info-surface-secondary: #edf3fd;
 $sds-color-semantic-info-surface-secondary-dark: #0f1d4a;
 $sds-color-semantic-info-text: #0041b9;
@@ -356,31 +356,31 @@ $sds-color-semantic-negative-fill-hover-dark: #ffbdb3;
 $sds-color-semantic-negative-fill-pressed: #6f0008;
 $sds-color-semantic-negative-fill-pressed-dark: #ffd8d1;
 $sds-color-semantic-negative-fill-primary: #db2131;
-$sds-color-semantic-negative-fill-primary-dark: #c73028;
+$sds-color-semantic-negative-fill-primary-dark: #df453c;
 $sds-color-semantic-negative-fill-secondary: #ffe8e6;
 $sds-color-semantic-negative-fill-secondary-dark: #330603;
 $sds-color-semantic-negative-ornament: #b80017;
 $sds-color-semantic-negative-ornament-dark: #ff988a;
 $sds-color-semantic-negative-surface-primary: #db2131;
-$sds-color-semantic-negative-surface-primary-dark: #c73028;
+$sds-color-semantic-negative-surface-primary-dark: #df453c;
 $sds-color-semantic-negative-surface-secondary: #ffe8e6;
 $sds-color-semantic-negative-surface-secondary-dark: #330603;
 $sds-color-semantic-negative-text: #b80017;
 $sds-color-semantic-negative-text-dark: #ff988a;
-$sds-color-semantic-neutral-border: #969696;
-$sds-color-semantic-neutral-border-dark: #aaaaaa;
-$sds-color-semantic-neutral-fill-hover: #767676;
+$sds-color-semantic-neutral-border: #3b3b3b;
+$sds-color-semantic-neutral-border-dark: #ededed;
+$sds-color-semantic-neutral-fill-hover: #3b3b3b;
 $sds-color-semantic-neutral-fill-hover-dark: #cdcdcd;
-$sds-color-semantic-neutral-fill-pressed: #3b3b3b;
+$sds-color-semantic-neutral-fill-pressed: #1b1b1b;
 $sds-color-semantic-neutral-fill-pressed-dark: #ededed;
-$sds-color-semantic-neutral-fill-primary: #969696;
-$sds-color-semantic-neutral-fill-primary-dark: #aaaaaa;
+$sds-color-semantic-neutral-fill-primary: #767676;
+$sds-color-semantic-neutral-fill-primary-dark: #949494;
 $sds-color-semantic-neutral-fill-secondary: #dfdfdf;
 $sds-color-semantic-neutral-fill-secondary-dark: #494949;
 $sds-color-semantic-neutral-ornament: #3b3b3b;
 $sds-color-semantic-neutral-ornament-dark: #ededed;
-$sds-color-semantic-neutral-surface-primary: #969696;
-$sds-color-semantic-neutral-surface-primary-dark: #aaaaaa;
+$sds-color-semantic-neutral-surface-primary: #767676;
+$sds-color-semantic-neutral-surface-primary-dark: #949494;
 $sds-color-semantic-neutral-surface-secondary: #dfdfdf;
 $sds-color-semantic-neutral-surface-secondary-dark: #494949;
 $sds-color-semantic-neutral-text: #3b3b3b;
@@ -410,13 +410,13 @@ $sds-color-semantic-positive-fill-hover-dark: #bcecc5;
 $sds-color-semantic-positive-fill-pressed: #07431d;
 $sds-color-semantic-positive-fill-pressed-dark: #daf4de;
 $sds-color-semantic-positive-fill-primary: #238444;
-$sds-color-semantic-positive-fill-primary-dark: #278b48;
+$sds-color-semantic-positive-fill-primary-dark: #2b8e4b;
 $sds-color-semantic-positive-fill-secondary: #ebf9ed;
 $sds-color-semantic-positive-fill-secondary-dark: #082608;
 $sds-color-semantic-positive-ornament: #105b2b;
 $sds-color-semantic-positive-ornament-dark: #85d898;
 $sds-color-semantic-positive-surface-primary: #238444;
-$sds-color-semantic-positive-surface-primary-dark: #278b48;
+$sds-color-semantic-positive-surface-primary-dark: #2b8e4b;
 $sds-color-semantic-positive-surface-secondary: #ebf9ed;
 $sds-color-semantic-positive-surface-secondary-dark: #082608;
 $sds-color-semantic-positive-text: #105b2b;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@czi-sds/components",
-  "version": "22.11.4",
+  "version": "22.13.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.cjs.d.ts",
@@ -83,5 +83,5 @@
     "tsx": "^4.20.3",
     "typescript": "5.3.3"
   },
-  "gitHead": "0d113d49faf2a30e2a557450cf2deaecf830656b"
+  "gitHead": "b429604fd8fd932c28053faff1a6651cb61ada5f"
 }