chore(release): Merge prod into main (#897)

* chore(release): publish - @czi-sds/[email protected] * chore(release): publish - @czi-sds/[email protected] - @czi-sds/[email protected] * chore(release): publish - @czi-sds/[email protected] * chore(release): publish - @czi-sds/[email protected] - @czi-sds/[email protected] * chore(release): publish - @czi-sds/[email protected] * fix(build): build new css vvariables * chore(release): publish - @czi-sds/[email protected] --------- Co-authored-by: masoudmanson <[email protected]> Co-authored-by: Masoud Amjadi <[email protected]>
chanzuckerberg · Nov 14, 2024 · a56dbf3 · a56dbf3
1 parent 8810c07
commit a56dbf3
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 26 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [21.7.0](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/[email protected]...@czi-sds/[email protected]) (2024-11-14)
+
+### Bug Fixes
+
+- **build:** build new css vvariables ([91a3874](https://github.com/chanzuckerberg/sci-components/commit/91a3874230a836ed803dafc9138c9708e1b4f80f))
+- **inputs:** fix border color of inputs based on intent prop ([#895](https://github.com/chanzuckerberg/sci-components/issues/895)) ([8810c07](https://github.com/chanzuckerberg/sci-components/commit/8810c07dc24560bb353e231a63c456d6acccc1a8))
+
+### Features
+
+- **breakpoints:** added new SDS breakpoints ([#888](https://github.com/chanzuckerberg/sci-components/issues/888)) ([a809c01](https://github.com/chanzuckerberg/sci-components/commit/a809c018e3b7de62c457db6c21047b256ed6f959))
+- **designtokens:** add narrow fonts to design tokens ([#892](https://github.com/chanzuckerberg/sci-components/issues/892)) ([dcbe4f7](https://github.com/chanzuckerberg/sci-components/commit/dcbe4f7246fbd5f51af3de12e9b9ccc2978c2a05))
+- **styles/common:** mobile font styles ([#884](https://github.com/chanzuckerberg/sci-components/issues/884)) ([75375d3](https://github.com/chanzuckerberg/sci-components/commit/75375d3feb795a1bf1fbd24268e0a0a52fbb6bac))
+
 ## [21.6.3](https://github.com/chanzuckerberg/sci-components/compare/@czi-sds/[email protected]...@czi-sds/[email protected]) (2024-11-07)
 
 ### Bug Fixes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@czi-sds/components",
-  "version": "21.6.3",
+  "version": "21.7.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.cjs.d.ts",

diff --git a/packages/components/src/common/styles-dictionary/css/variables.css b/packages/components/src/common/styles-dictionary/css/variables.css
@@ -197,10 +197,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-font-family-body: "Inter", sans-serif;
     --sds-font-font-family-body-narrow: "Inter", sans-serif;
@@ -394,9 +393,9 @@
     --sds-border-info-thick: 2px solid #cde3ff;
     --sds-border-link-dashed: 1px dashed;
     --sds-border-link-solid: 1px solid;
-    --sds-border-negative-default: 1px solid #ffbdb3;
-    --sds-border-negative-extra-thick: 4px solid #ffbdb3;
-    --sds-border-negative-thick: 2px solid #ffbdb3;
+    --sds-border-negative-default: 1px solid #FFBDB3;
+    --sds-border-negative-extra-thick: 4px solid #FFBDB3;
+    --sds-border-negative-thick: 2px solid #FFBDB3;
     --sds-border-neutral-default: 1px solid #aaaaaa;
     --sds-border-neutral-extra-thick: 4px solid #aaaaaa;
     --sds-border-neutral-thick: 2px solid #aaaaaa;
@@ -446,13 +445,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;
@@ -531,15 +530,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;
@@ -571,10 +570,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-font-family-body: "Inter", sans-serif;
     --sds-font-font-family-body-narrow: "Inter", sans-serif;