npm - @crystallize/design-system - Versions diffs - 1.24.7 → 1.24.8 - Mend

@crystallize/design-system 1.24.7 → 1.24.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +6 -0
package/dist/{chunk-BNSEEMOM.mjs → chunk-LVKSZBWB.mjs} +3 -1
package/dist/index.js +5 -4
package/dist/index.mjs +4 -5
package/dist/{rich-text-editor-BSPSXJSK.mjs → rich-text-editor-ANU6NSC2.mjs} +1 -1
package/package.json +1 -1
package/src/collapsible/collapsible.tsx +1 -1
package/src/iconography/caret.tsx +1 -1
package/src/iconography/multiple-choice.tsx +2 -0

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,11 @@
 # @crystallize/design-system
+## 1.24.8
+### Patch Changes
+- a074c5e: Add c-icon-fill to the new multiple choice component.
 ## 1.24.7
 ### Patch Changes

package/dist/{chunk-BNSEEMOM.mjs → chunk-LVKSZBWB.mjs} RENAMED Viewed

@@ -713,7 +713,7 @@ var Caret = forwardRef13((delegated, ref) => {
     width: "8",
     height: "8",
     viewBox: "0 0 8 8",
-    fill: "none",
+    fill: "#626778",
     ...delegated,
     children: /* @__PURE__ */ jsx19("path", {
       d: "M4.36763 6.81306C4.21367 7.07973 3.82877 7.07973 3.67481 6.81306L0.921902 2.04489C0.767942 1.77822 0.960391 1.44489 1.26831 1.44489L6.77412 1.44489C7.08204 1.44489 7.27449 1.77822 7.12053 2.04489L4.36763 6.81306Z"
@@ -3420,6 +3420,7 @@ var MultipleChoice = forwardRef62((delegated, ref) => {
           }),
           /* @__PURE__ */ jsx68("path", {
             fill: "#BFF6F8",
+            className: "c-icon-fill",
             d: "M10.227 8.842a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926l-7.811 3.056a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
           }),
           /* @__PURE__ */ jsx68("path", {
@@ -3440,6 +3441,7 @@ var MultipleChoice = forwardRef62((delegated, ref) => {
           }),
           /* @__PURE__ */ jsx68("path", {
             fill: "#BFF6F8",
+            className: "c-icon-fill",
             d: "M10.227 2.528a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926L11.729 9.77a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
           }),
           /* @__PURE__ */ jsx68("path", {

package/dist/index.js CHANGED Viewed

@@ -911,7 +911,7 @@ var init_caret = __esm({
         width: "8",
         height: "8",
         viewBox: "0 0 8 8",
-        fill: "none",
+        fill: "#626778",
         ...delegated,
         children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", {
           d: "M4.36763 6.81306C4.21367 7.07973 3.82877 7.07973 3.67481 6.81306L0.921902 2.04489C0.767942 1.77822 0.960391 1.44489 1.26831 1.44489L6.77412 1.44489C7.08204 1.44489 7.27449 1.77822 7.12053 2.04489L4.36763 6.81306Z"
@@ -3912,6 +3912,7 @@ var init_multiple_choice = __esm({
               }),
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
                 fill: "#BFF6F8",
+                className: "c-icon-fill",
                 d: "M10.227 8.842a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926l-7.811 3.056a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
@@ -3932,6 +3933,7 @@ var init_multiple_choice = __esm({
               }),
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
                 fill: "#BFF6F8",
+                className: "c-icon-fill",
                 d: "M10.227 2.528a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926L11.729 9.77a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
@@ -39935,9 +39937,8 @@ function CollapsibleTrigger({
       children: [
         arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon.Caret, {
           className: "c-collapsible-arrow",
-          fill: "purple-50-900",
-          width: 10,
-          height: 10
+          width: 9,
+          height: 9
         }),
         children
       ]

package/dist/index.mjs CHANGED Viewed

@@ -17,7 +17,7 @@ import {
   showError,
   showInfo,
   showWarning
-} from "./chunk-BNSEEMOM.mjs";
+} from "./chunk-LVKSZBWB.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 // src/card/card.tsx
@@ -139,9 +139,8 @@ function CollapsibleTrigger({
       children: [
         arrowPosition && /* @__PURE__ */ jsx4(Icon.Caret, {
           className: "c-collapsible-arrow",
-          fill: "purple-50-900",
-          width: 10,
-          height: 10
+          width: 9,
+          height: 9
         }),
         children
       ]
@@ -417,7 +416,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-BSPSXJSK.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-ANU6NSC2.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx13(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-BSPSXJSK.mjs → rich-text-editor-ANU6NSC2.mjs} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
   Icon,
   IconButton,
   InputWithLabel
-} from "./chunk-BNSEEMOM.mjs";
+} from "./chunk-LVKSZBWB.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 // src/rich-text-editor/rich-text-editor.tsx

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.24.7",
+  "version": "1.24.8",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/collapsible/collapsible.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ export function CollapsibleTrigger({
       className={cx('c-collapsible-trigger', arrowPosition === 'right' ? 'arrow-right' : '', className)}
     >
       <div>
-        {arrowPosition && <Icon.Caret className="c-collapsible-arrow" fill="purple-50-900" width={10} height={10} />}
+        {arrowPosition && <Icon.Caret className="c-collapsible-arrow" width={9} height={9} />}
         {children}
       </div>
     </CollapsiblePrimitives.Trigger>

package/src/iconography/caret.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ type CaretRef = SVGSVGElement;
 export const Caret = forwardRef<CaretRef, CaretProps>((delegated, ref) => {
   return (
-    <svg ref={ref} width="8" height="8" viewBox="0 0 8 8" fill="none" {...delegated}>
+    <svg ref={ref} width="8" height="8" viewBox="0 0 8 8" fill="#626778" {...delegated}>
       <path d="M4.36763 6.81306C4.21367 7.07973 3.82877 7.07973 3.67481 6.81306L0.921902 2.04489C0.767942 1.77822 0.960391 1.44489 1.26831 1.44489L6.77412 1.44489C7.08204 1.44489 7.27449 1.77822 7.12053 2.04489L4.36763 6.81306Z" />
     </svg>
   );

package/src/iconography/multiple-choice.tsx CHANGED Viewed

@@ -16,6 +16,7 @@ export const MultipleChoice = forwardRef<MultipleChoiceRef, MultipleChoiceProps>
         />
         <path
           fill="#BFF6F8"
+          className="c-icon-fill"
           d="M10.227 8.842a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926l-7.811 3.056a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
         />
         <path
@@ -36,6 +37,7 @@ export const MultipleChoice = forwardRef<MultipleChoiceRef, MultipleChoiceProps>
         />
         <path
           fill="#BFF6F8"
+          className="c-icon-fill"
           d="M10.227 2.528a2 2 0 0 1 1.546 0l7.778 3.26a.5.5 0 0 1-.011.926L11.729 9.77a2 2 0 0 1-1.458 0l-7.81-3.056a.5.5 0 0 1-.012-.927l7.778-3.26Z"
         />
         <path