@crystallize/design-system 1.24.45 → 1.24.46

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.24.46
+
+### Patch Changes
+
+- 377acbb: Small assets fixes and image theater mode
+
 ## 1.24.45
 
 ### Patch Changes

package/dist/{chunk-ASHS3SWM.mjs → chunk-6DIAYHKQ.mjs}

@@ -2367,7 +2367,7 @@ var EyeClosed = forwardRef47((delegated, ref) => {
     viewBox: "0 0 17 17",
     ...delegated,
     children: /* @__PURE__ */ jsx52("path", {
-      fill: "#528693",
+      fill: stroke,
       d: "M12.772 7.303c.515-.48.77-.882.795-.924a.294.294 0 1 0-.502-.308c-.014.024-1.492 2.367-4.89 2.367-3.385 0-4.832-2.27-4.892-2.367a.294.294 0 0 0-.501.308c.025.042.28.445.794.924l-.966.975a.21.21 0 0 0 .298.296l.987-.995c.2.163.43.327.689.485l-.698 1.167a.21.21 0 1 0 .36.216L4.95 8.27c.22.115.456.222.711.317L5.25 9.894a.21.21 0 0 0 .4.127l.41-1.298c.242.074.5.137.772.186l-.202 1.364a.21.21 0 0 0 .416.062l.201-1.364c.23.028.469.045.717.051v1.372a.21.21 0 0 0 .42 0V9.022a7.63 7.63 0 0 0 .733-.053l.277 1.377a.21.21 0 1 0 .412-.084l-.273-1.356c.253-.047.494-.105.722-.173l.445 1.293a.21.21 0 1 0 .397-.137L10.654 8.6c.268-.099.516-.21.745-.33l.703 1.177a.21.21 0 1 0 .36-.216l-.697-1.167c.259-.158.488-.322.689-.485l.986.995a.21.21 0 0 0 .298.002.21.21 0 0 0 0-.298l-.966-.975Z"
     })
   });
@@ -2390,27 +2390,27 @@ var EyeOpen = forwardRef48((delegated, ref) => {
         clipPath: "url(#eye-open)",
         children: [
           /* @__PURE__ */ jsx53("path", {
-            fill: "#BFF6F8",
+            fill,
             d: "M8.15 4.132c2.607-.007 5.953 2.523 7.313 3.649a.674.674 0 0 1-.005 1.052c-1.366 1.108-4.714 3.59-7.308 3.583-2.577-.007-5.907-2.478-7.268-3.583a.675.675 0 0 1-.005-1.052C2.232 6.658 5.56 4.139 8.15 4.13Z"
           }),
           /* @__PURE__ */ jsx53("path", {
-            fill: "#528693",
+            fill: stroke,
             fillRule: "evenodd",
-            d: "M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z",
-            clipRule: "evenodd"
+            clipRule: "evenodd",
+            d: "M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
           }),
           /* @__PURE__ */ jsx53("path", {
             fill: "#fff",
             d: "M11.678 8.273a3.508 3.508 0 1 1-7.016 0 3.508 3.508 0 0 1 7.016 0Z"
           }),
           /* @__PURE__ */ jsx53("path", {
-            fill: "#528693",
+            fill: stroke,
             fillRule: "evenodd",
-            d: "M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z",
-            clipRule: "evenodd"
+            clipRule: "evenodd",
+            d: "M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
           }),
           /* @__PURE__ */ jsx53("path", {
-            fill: "#528693",
+            fill: stroke,
             d: "M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z"
           })
         ]

package/dist/index.js

@@ -2767,6 +2767,7 @@ var init_eye_closed = __esm({
   "src/iconography/eye-closed.tsx"() {
     "use strict";
     import_react50 = require("react");
+    init_variables();
     import_jsx_runtime55 = require("react/jsx-runtime");
     EyeClosed = (0, import_react50.forwardRef)((delegated, ref) => {
       return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("svg", {
@@ -2777,7 +2778,7 @@ var init_eye_closed = __esm({
         viewBox: "0 0 17 17",
         ...delegated,
         children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", {
-          fill: "#528693",
+          fill: stroke,
           d: "M12.772 7.303c.515-.48.77-.882.795-.924a.294.294 0 1 0-.502-.308c-.014.024-1.492 2.367-4.89 2.367-3.385 0-4.832-2.27-4.892-2.367a.294.294 0 0 0-.501.308c.025.042.28.445.794.924l-.966.975a.21.21 0 0 0 .298.296l.987-.995c.2.163.43.327.689.485l-.698 1.167a.21.21 0 1 0 .36.216L4.95 8.27c.22.115.456.222.711.317L5.25 9.894a.21.21 0 0 0 .4.127l.41-1.298c.242.074.5.137.772.186l-.202 1.364a.21.21 0 0 0 .416.062l.201-1.364c.23.028.469.045.717.051v1.372a.21.21 0 0 0 .42 0V9.022a7.63 7.63 0 0 0 .733-.053l.277 1.377a.21.21 0 1 0 .412-.084l-.273-1.356c.253-.047.494-.105.722-.173l.445 1.293a.21.21 0 1 0 .397-.137L10.654 8.6c.268-.099.516-.21.745-.33l.703 1.177a.21.21 0 1 0 .36-.216l-.697-1.167c.259-.158.488-.322.689-.485l.986.995a.21.21 0 0 0 .298.002.21.21 0 0 0 0-.298l-.966-.975Z"
         })
       });
@@ -2792,6 +2793,7 @@ var init_eye_open = __esm({
   "src/iconography/eye-open.tsx"() {
     "use strict";
     import_react51 = require("react");
+    init_variables();
     import_jsx_runtime56 = require("react/jsx-runtime");
     EyeOpen = (0, import_react51.forwardRef)((delegated, ref) => {
       return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", {
@@ -2806,27 +2808,27 @@ var init_eye_open = __esm({
             clipPath: "url(#eye-open)",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
-                fill: "#BFF6F8",
+                fill,
                 d: "M8.15 4.132c2.607-.007 5.953 2.523 7.313 3.649a.674.674 0 0 1-.005 1.052c-1.366 1.108-4.714 3.59-7.308 3.583-2.577-.007-5.907-2.478-7.268-3.583a.675.675 0 0 1-.005-1.052C2.232 6.658 5.56 4.139 8.15 4.13Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
-                fill: "#528693",
+                fill: stroke,
                 fillRule: "evenodd",
-                d: "M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z",
-                clipRule: "evenodd"
+                clipRule: "evenodd",
+                d: "M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
                 fill: "#fff",
                 d: "M11.678 8.273a3.508 3.508 0 1 1-7.016 0 3.508 3.508 0 0 1 7.016 0Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
-                fill: "#528693",
+                fill: stroke,
                 fillRule: "evenodd",
-                d: "M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z",
-                clipRule: "evenodd"
+                clipRule: "evenodd",
+                d: "M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
               }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
-                fill: "#528693",
+                fill: stroke,
                 d: "M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z"
               })
             ]

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   showError,
   showInfo,
   showWarning
-} from "./chunk-ASHS3SWM.mjs";
+} from "./chunk-6DIAYHKQ.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/card/card.tsx
@@ -488,7 +488,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-LL7UCSDS.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-QGMRYDKQ.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx15(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-LL7UCSDS.mjs → rich-text-editor-QGMRYDKQ.mjs}

@@ -6,7 +6,7 @@ import {
   Icon,
   IconButton,
   InputWithLabel
-} from "./chunk-ASHS3SWM.mjs";
+} from "./chunk-6DIAYHKQ.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.45",
+  "version": "1.24.46",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/iconography/eye-closed.tsx

@@ -1,5 +1,7 @@
 import { forwardRef, SVGProps } from 'react';
 
+import { stroke } from './variables';
+
 type EyeClosedProps = SVGProps<SVGSVGElement>;
 
 type EyeClosedRef = SVGSVGElement;
@@ -8,7 +10,7 @@ export const EyeClosed = forwardRef<EyeClosedRef, EyeClosedProps>((delegated, re
   return (
     <svg ref={ref} width="17" height="17" fill="none" viewBox="0 0 17 17" {...delegated}>
       <path
-        fill="#528693"
+        fill={stroke}
         d="M12.772 7.303c.515-.48.77-.882.795-.924a.294.294 0 1 0-.502-.308c-.014.024-1.492 2.367-4.89 2.367-3.385 0-4.832-2.27-4.892-2.367a.294.294 0 0 0-.501.308c.025.042.28.445.794.924l-.966.975a.21.21 0 0 0 .298.296l.987-.995c.2.163.43.327.689.485l-.698 1.167a.21.21 0 1 0 .36.216L4.95 8.27c.22.115.456.222.711.317L5.25 9.894a.21.21 0 0 0 .4.127l.41-1.298c.242.074.5.137.772.186l-.202 1.364a.21.21 0 0 0 .416.062l.201-1.364c.23.028.469.045.717.051v1.372a.21.21 0 0 0 .42 0V9.022a7.63 7.63 0 0 0 .733-.053l.277 1.377a.21.21 0 1 0 .412-.084l-.273-1.356c.253-.047.494-.105.722-.173l.445 1.293a.21.21 0 1 0 .397-.137L10.654 8.6c.268-.099.516-.21.745-.33l.703 1.177a.21.21 0 1 0 .36-.216l-.697-1.167c.259-.158.488-.322.689-.485l.986.995a.21.21 0 0 0 .298.002.21.21 0 0 0 0-.298l-.966-.975Z"
       />
     </svg>

package/src/iconography/eye-open.tsx

@@ -1,5 +1,7 @@
 import { forwardRef, SVGProps } from 'react';
 
+import { fill, stroke } from './variables';
+
 type EyeOpenProps = SVGProps<SVGSVGElement>;
 
 type EyeOpenRef = SVGSVGElement;
@@ -9,23 +11,23 @@ export const EyeOpen = forwardRef<EyeOpenRef, EyeOpenProps>((delegated, ref) =>
     <svg ref={ref} width="17" height="17" fill="none" viewBox="0 0 17 17" {...delegated}>
       <g clipPath="url(#eye-open)">
         <path
-          fill="#BFF6F8"
+          fill={fill}
           d="M8.15 4.132c2.607-.007 5.953 2.523 7.313 3.649a.674.674 0 0 1-.005 1.052c-1.366 1.108-4.714 3.59-7.308 3.583-2.577-.007-5.907-2.478-7.268-3.583a.675.675 0 0 1-.005-1.052C2.232 6.658 5.56 4.139 8.15 4.13Z"
         />
         <path
-          fill="#528693"
+          fill={stroke}
           fillRule="evenodd"
-          d="M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
           clipRule="evenodd"
+          d="M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
         />
         <path fill="#fff" d="M11.678 8.273a3.508 3.508 0 1 1-7.016 0 3.508 3.508 0 0 1 7.016 0Z" />
         <path
-          fill="#528693"
+          fill={stroke}
           fillRule="evenodd"
-          d="M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
           clipRule="evenodd"
+          d="M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
         />
-        <path fill="#528693" d="M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z" />
+        <path fill={stroke} d="M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z" />
       </g>
       <defs>
         <clipPath id="eye-open">