@crystallize/design-system 1.24.37 → 1.24.38

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   showError,
   showInfo,
   showWarning
-} from "./chunk-7BLEJWBK.mjs";
+} from "./chunk-LZQXHYRL.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/card/card.tsx
@@ -486,7 +486,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-TANRKQM7.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-KQLVUXHE.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx15(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-TANRKQM7.mjs → rich-text-editor-KQLVUXHE.mjs}

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

package/src/iconography/compact.tsx

@@ -0,0 +1,34 @@
+import { forwardRef, SVGProps } from 'react';
+
+type CompactProps = SVGProps<SVGSVGElement>;
+
+type CompactRef = SVGSVGElement;
+
+export const Compact = forwardRef<CompactRef, CompactProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
+      <path
+        d="M4 4.6a.6.6 0 0 1 .6-.6h12.8a.6.6 0 0 1 .6.6v1.6a.6.6 0 0 1-.6.6H4.6a.6.6 0 0 1-.6-.6V4.6Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.6 3.4h12.8a1.2 1.2 0 0 1 1.2 1.2v1.6a1.2 1.2 0 0 1-1.2 1.2H4.6a1.2 1.2 0 0 1-1.2-1.2V4.6a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6v1.6a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6H4.6Z"
+        fill="#528693"
+      />
+      <path
+        d="M4 10.2a.6.6 0 0 1 .6-.6h12.8a.6.6 0 0 1 .6.6v1.6a.6.6 0 0 1-.6.6H4.6a.6.6 0 0 1-.6-.6v-1.6ZM4 16.4a.6.6 0 0 1 .6-.6h12.8a.6.6 0 0 1 .6.6V18a.6.6 0 0 1-.6.6H4.6A.6.6 0 0 1 4 18v-1.6Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.6 9h12.8a1.2 1.2 0 0 1 1.2 1.2v1.6a1.2 1.2 0 0 1-1.2 1.2H4.6a1.2 1.2 0 0 1-1.2-1.2v-1.6A1.2 1.2 0 0 1 4.6 9Zm0 .6a.6.6 0 0 0-.6.6v1.6a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6v-1.6a.6.6 0 0 0-.6-.6H4.6ZM4.6 15.2h12.8a1.2 1.2 0 0 1 1.2 1.2V18a1.2 1.2 0 0 1-1.2 1.2H4.6A1.2 1.2 0 0 1 3.4 18v-1.6a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6V18a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6v-1.6a.6.6 0 0 0-.6-.6H4.6Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Compact.displayName = 'CompactIcon';

package/src/iconography/expanded.tsx

@@ -0,0 +1,34 @@
+import { forwardRef, SVGProps } from 'react';
+
+type ExpandedProps = SVGProps<SVGSVGElement>;
+
+type ExpandedRef = SVGSVGElement;
+
+export const Expanded = forwardRef<ExpandedRef, ExpandedProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
+      <path
+        d="M10.648 8.12c0-.233.269-.422.6-.422h6.16c.33 0 .6.19.6.422v1.126c0 .233-.27.422-.6.422h-6.16c-.331 0-.6-.19-.6-.422V8.12ZM4.117 3.984c0-.233.269-.422.6-.422h12.69c.331 0 .6.189.6.422v1.125c0 .233-.269.422-.6.422H4.717c-.331 0-.6-.189-.6-.422V3.984Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.247 7.1H17.4a1.2 1.2 0 0 1 1.2 1.2l-.017.766a1.2 1.2 0 0 1-1.2 1.2h-6.152a1.2 1.2 0 0 1-1.2-1.2l.016-.766a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6l-.016.766a.6.6 0 0 0 .6.6h6.152a.6.6 0 0 0 .6-.6L18 8.3a.6.6 0 0 0-.6-.6h-6.153ZM4.75 2.963H17.4a1.2 1.2 0 0 1 1.2 1.2l-.017.766a1.2 1.2 0 0 1-1.2 1.2H4.733a1.2 1.2 0 0 1-1.2-1.2l.017-.766a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6l-.017.766a.6.6 0 0 0 .6.6h12.65a.6.6 0 0 0 .6-.6L18 4.163a.6.6 0 0 0-.6-.6H4.75Z"
+        fill="#528693"
+      />
+      <path
+        d="M10.648 16.157c0-.233.269-.422.6-.422h6.16c.33 0 .6.19.6.422v1.126c0 .233-.27.422-.6.422h-6.16c-.331 0-.6-.189-.6-.422v-1.126ZM4.117 12.02c0-.232.269-.421.6-.421h12.69c.331 0 .6.189.6.422v1.125c0 .233-.269.422-.6.422H4.717c-.331 0-.6-.189-.6-.422v-1.125Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.247 15.137H17.4a1.2 1.2 0 0 1 1.2 1.2l-.017.766a1.2 1.2 0 0 1-1.2 1.2h-6.152a1.2 1.2 0 0 1-1.2-1.2l.016-.766a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6l-.016.766a.6.6 0 0 0 .6.6h6.152a.6.6 0 0 0 .6-.6l.017-.766a.6.6 0 0 0-.6-.6h-6.153ZM4.75 11H17.4a1.2 1.2 0 0 1 1.2 1.2l-.017.767a1.2 1.2 0 0 1-1.2 1.2H4.733a1.2 1.2 0 0 1-1.2-1.2l.017-.767a1.2 1.2 0 0 1 1.2-1.2Zm0 .6a.6.6 0 0 0-.6.6l-.017.767a.6.6 0 0 0 .6.6h12.65a.6.6 0 0 0 .6-.6L18 12.2a.6.6 0 0 0-.6-.6H4.75Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Expanded.displayName = 'ExpandedIcon';

package/src/iconography/index.ts

@@ -19,6 +19,7 @@ import { Chunk } from './chunk';
 import { Clock } from './clock';
 import { Cloud } from './cloud';
 import { CloudWithKeyHole } from './cloud-with-key-hole';
+import { Compact } from './compact';
 import { Copy } from './copy';
 import { CopyWithCloud } from './copy-with-cloud';
 import { Coupon } from './coupon';
@@ -37,6 +38,7 @@ import { DynamicValue } from './dynamic-value';
 import { Edit } from './edit';
 import { Error } from './error';
 import { ErrorWhite } from './error-white';
+import { Expanded } from './expanded';
 import { EyeClosed } from './eye-closed';
 import { EyeOpen } from './eye-open';
 import { FileUpload } from './file-upload';
@@ -140,6 +142,7 @@ export const Icon = {
   Cloud,
   Clock,
   CloudWithKeyHole,
+  Compact,
   Copy,
   Coupon,
   CopyWithCloud,
@@ -155,6 +158,7 @@ export const Icon = {
   Edit,
   EyeClosed,
   EyeOpen,
+  Expanded,
   FixedValue,
   Flow,
   Folder,