@crystallize/design-system 1.24.6 → 1.24.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @crystallize/design-system
 
+## 1.24.8
+
+### Patch Changes
+
+- a074c5e: Add c-icon-fill to the new multiple choice component.
+
+## 1.24.7
+
+### Patch Changes
+
+- 3f2da95: Add regenerate secrets and exclude subscription contracts to the tenant copy modal.
+
 ## 1.24.6
 
 ### Patch Changes

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

@@ -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.css

@@ -1068,7 +1068,6 @@
 }
 .c-collapsible-trigger.arrow-right {
   flex-direction: row-reverse;
-  justify-content: flex-end;
 }
 .c-collapsible-arrow {
   transition: 0.3s;
@@ -1851,6 +1850,9 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.c-tag-xxs .c-tag__prepend {
+  margin-left: -0.25rem;
+}
 .c-tag-xs {
   height: 1.5rem;
   padding-left: 0.5rem;
@@ -1858,6 +1860,9 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.c-tag-xs .c-tag__prepend {
+  margin-left: -0.25rem;
+}
 .c-tag-sm {
   height: 2.25rem;
   padding-left: 1rem;

package/dist/index.js

@@ -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

@@ -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}

@@ -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

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

package/src/collapsible/collapsible.css

@@ -6,7 +6,7 @@
   @apply flex gap-2 items-center;
 
   &.arrow-right {
-    @apply flex-row-reverse justify-end;
+    @apply flex-row-reverse;
   }
 }
 

package/src/collapsible/collapsible.tsx

@@ -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

@@ -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

@@ -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

package/src/tag/tag.css

@@ -36,10 +36,16 @@
 
 .c-tag-xxs {
   @apply h-5 px-2 text-xs;
+  .c-tag__prepend {
+    @apply -ml-1;
+  }
 }
 
 .c-tag-xs {
   @apply h-6 px-2 text-xs;
+  .c-tag__prepend {
+    @apply -ml-1;
+  }
 }
 
 .c-tag-sm {