chore(release): Merge prod into main

packages/components/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [21.0.0](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/components@20.8.0...@czi-sds/components@21.0.0) (2024-08-27)
+
+### Bug Fixes
+
+- **build:** fix variables.css file ([18a8baa](https://github.com/chanzuckerberg/sci-components/commit/18a8baaed9db46e603170cf304aece8a1612c942))
+
+### Features
+
+- **dark mode:** Implementation ([#815](https://github.com/chanzuckerberg/sci-components/issues/815)) ([252c86c](https://github.com/chanzuckerberg/sci-components/commit/252c86cbffa7c38b901ac501be5ef72d9998bb45))
+
+### BREAKING CHANGES
+
+- **dark mode:** Style varibales have changed
+
+- fix(dark mode): fix component styles
+
+- refactor(dark mode): apply final changes for the dark mode colors and variable names
+
+- refactor(heatmap): fix heatmap styles in dark mode + fix storybook badges
+
+- refactor(dropdown): fix code block background color
+
+- refactor(heatmap): fix sidebar and header backgrounds
+
+- fix(dark mode): fix gray colors, accordion bg, button styles, complexfilter
+
+- refactor(darkmode): apply design review changes on dark mode implementation
+
+- fix(icons): fix new icons sizes
+
+- fix(tests): fix linter errors and build process
+
+- fix(dropdownmenu): fix a11y color contrast error
+
+- fix(inputsearch): fix focus-within border color
+
+- feat(button): add isAllCaps prop to all button variants
+
+- fix(storybook): fix preview.js file
+
+- fix(inputdropdown): fix label color on open state
+
 # [20.8.0](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/components@20.7.0...@czi-sds/components@20.8.0) (2024-08-22)
 
 ### Bug Fixes

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@czi-sds/components",
-  "version": "20.8.0",
+  "version": "21.0.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.cjs.d.ts",

packages/components/src/common/styles-dictionary/css/variables.css

@@ -182,10 +182,9 @@
     --sds-corner-m: 4px;
     --sds-corner-s: 2px;
     --sds-corner-none: 0px;
-    --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);
-    --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),
-      0px 2px 4px 0px rgba(0, 0, 0, 0.15);
-    --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
+    --sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
+    --sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
+    --sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
     --sds-drop-shadow-none: none;
     --sds-font-color: black;
     --sds-font-font-family-body: "Inter", sans-serif;
@@ -219,13 +218,13 @@
     --sds-font-body-l-600-letter-spacing: 0px;
     --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;
     --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxxxs-600-text-transform: uppercase;
+    --sds-font-caps-xxxxs-600-text-transform:  uppercase;
     --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
     --sds-font-caps-xxxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxxs-600-text-transform: uppercase;
+    --sds-font-caps-xxxs-600-text-transform:  uppercase;
     --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;
     --sds-font-caps-xxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxs-600-text-transform: uppercase;
+    --sds-font-caps-xxs-600-text-transform:  uppercase;
     --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
     --sds-font-header-xxxs-600-letter-spacing: 0.1px;
     --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;
@@ -302,7 +301,7 @@
     --sds-border-info-default: 1px solid #a2c9ff;
     --sds-border-link-dashed: 1px dashed;
     --sds-border-link-solid: 1px solid;
-    --sds-border-negative-default: 1px solid #ff9385;
+    --sds-border-negative-default: 1px solid #FF9385;
     --sds-border-neutral-default: 1px solid #aaaaaa;
     --sds-border-none: none;
     --sds-border-notice-default: 1px solid #cf8e00;
@@ -343,13 +342,13 @@
     --sds-color-primitive-purple-700: #f0ebfe;
     --sds-color-primitive-purple-800: #fbf9ff;
     --sds-color-primitive-red-100: #630008;
-    --sds-color-primitive-red-200: #a30000;
-    --sds-color-primitive-red-300: #e52722;
-    --sds-color-primitive-red-400: #ff695b;
-    --sds-color-primitive-red-500: #ff9385;
-    --sds-color-primitive-red-600: #ffbdb3;
-    --sds-color-primitive-red-700: #ffd8d1;
-    --sds-color-primitive-red-800: #fff1ee;
+    --sds-color-primitive-red-200: #A30000;
+    --sds-color-primitive-red-300: #E52722;
+    --sds-color-primitive-red-400: #FF695B;
+    --sds-color-primitive-red-500: #FF9385;
+    --sds-color-primitive-red-600: #FFBDB3;
+    --sds-color-primitive-red-700: #FFD8D1;
+    --sds-color-primitive-red-800: #FFF1EE;
     --sds-color-primitive-yellow-100: #552300;
     --sds-color-primitive-yellow-200: #834500;
     --sds-color-primitive-yellow-300: #985a00;
@@ -428,15 +427,15 @@
     --sds-color-semantic-info-surface-primary: #002573;
     --sds-color-semantic-info-surface-secondary: #a2c9ff;
     --sds-color-semantic-info-text: #cde3ff;
-    --sds-color-semantic-negative-border: #ff9385;
-    --sds-color-semantic-negative-fill-hover: #ffbdb3;
-    --sds-color-semantic-negative-fill-pressed: #ffd8d1;
-    --sds-color-semantic-negative-fill-primary: #ff9385;
+    --sds-color-semantic-negative-border: #FF9385;
+    --sds-color-semantic-negative-fill-hover: #FFBDB3;
+    --sds-color-semantic-negative-fill-pressed: #FFD8D1;
+    --sds-color-semantic-negative-fill-primary: #FF9385;
     --sds-color-semantic-negative-fill-secondary: #630008;
-    --sds-color-semantic-negative-ornament: #ffbdb3;
+    --sds-color-semantic-negative-ornament: #FFBDB3;
     --sds-color-semantic-negative-surface-primary: #630008;
-    --sds-color-semantic-negative-surface-secondary: #ff9385;
-    --sds-color-semantic-negative-text: #ffbdb3;
+    --sds-color-semantic-negative-surface-secondary: #FF9385;
+    --sds-color-semantic-negative-text: #FFBDB3;
     --sds-color-semantic-neutral-border: #aaaaaa;
     --sds-color-semantic-neutral-fill-hover: #cdcdcd;
     --sds-color-semantic-neutral-fill-pressed: #ededed;
@@ -468,10 +467,9 @@
     --sds-corner-m: 4px;
     --sds-corner-s: 2px;
     --sds-corner-none: 0px;
-    --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);
-    --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),
-      0px 2px 4px 0px rgba(0, 0, 0, 0.15);
-    --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
+    --sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
+    --sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
+    --sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
     --sds-drop-shadow-none: none;
     --sds-font-color: black;
     --sds-font-font-family-body: "Inter", sans-serif;
@@ -505,13 +503,13 @@
     --sds-font-body-l-600-letter-spacing: 0px;
     --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;
     --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxxxs-600-text-transform: uppercase;
+    --sds-font-caps-xxxxs-600-text-transform:  uppercase;
     --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
     --sds-font-caps-xxxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxxs-600-text-transform: uppercase;
+    --sds-font-caps-xxxs-600-text-transform:  uppercase;
     --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;
     --sds-font-caps-xxs-600-letter-spacing: 0.5px;
-    --sds-font-caps-xxs-600-text-transform: uppercase;
+    --sds-font-caps-xxs-600-text-transform:  uppercase;
     --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;
     --sds-font-header-xxxs-600-letter-spacing: 0.1px;
     --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;
@@ -568,4 +566,4 @@
     --sds-space-xl: 24px;
     --sds-space-xxl: 40px;
   }
-}
+}

packages/components/src/core/Autocomplete/__tests__/__snapshots__/index.test.tsx.snap

@@ -693,7 +693,7 @@ exports[`<Autocomplete /> ControlledOpen story renders snapshot 1`] = `
                         <div
                           class="menuItem-details css-3gjguy"
                         >
-                          This will be worked on
+                          This will be worked on!
                         </div>
                       </div>
                     </span>

packages/data-viz/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.10.0](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/data-viz@0.9.2...@czi-sds/data-viz@0.10.0) (2024-08-27)
+
+### Features
+
+- **dark mode:** Implementation ([#815](https://github.com/chanzuckerberg/sci-components/issues/815)) ([252c86c](https://github.com/chanzuckerberg/sci-components/commit/252c86cbffa7c38b901ac501be5ef72d9998bb45))
+
+### BREAKING CHANGES
+
+- **dark mode:** Style varibales have changed
+
+- fix(dark mode): fix component styles
+
+- refactor(dark mode): apply final changes for the dark mode colors and variable names
+
+- refactor(heatmap): fix heatmap styles in dark mode + fix storybook badges
+
+- refactor(dropdown): fix code block background color
+
+- refactor(heatmap): fix sidebar and header backgrounds
+
+- fix(dark mode): fix gray colors, accordion bg, button styles, complexfilter
+
+- refactor(darkmode): apply design review changes on dark mode implementation
+
+- fix(icons): fix new icons sizes
+
+- fix(tests): fix linter errors and build process
+
+- fix(dropdownmenu): fix a11y color contrast error
+
+- fix(inputsearch): fix focus-within border color
+
+- feat(button): add isAllCaps prop to all button variants
+
+- fix(storybook): fix preview.js file
+
+- fix(inputdropdown): fix label color on open state
+
 ## [0.9.2](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/data-viz@0.8.0...@czi-sds/data-viz@0.9.2) (2024-08-08)
 
 **Note:** Version bump only for package @czi-sds/data-viz

packages/data-viz/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@czi-sds/data-viz",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "main": "dist/index.cjs.js",
   "types": "dist/index.cjs.d.ts",
   "module": "dist/index.esm.js",