@crystallize/design-system 1.24.37 → 1.24.39

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 (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/{chunk-7BLEJWBK.mjs → chunk-RG2HN7M2.mjs} +1353 -1277
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +1943 -1853
  5. package/dist/index.mjs +2 -2
  6. package/dist/{rich-text-editor-TANRKQM7.mjs → rich-text-editor-6HVOAV6B.mjs} +1 -1
  7. package/package.json +1 -1
  8. package/src/iconography/compact.tsx +34 -0
  9. package/src/iconography/expanded.tsx +34 -0
  10. package/src/iconography/index.ts +4 -0
  11. package/src/iconography/renew.tsx +2 -2
package/dist/index.mjs CHANGED
@@ -17,7 +17,7 @@ import {
17
17
  showError,
18
18
  showInfo,
19
19
  showWarning
20
- } from "./chunk-7BLEJWBK.mjs";
20
+ } from "./chunk-RG2HN7M2.mjs";
21
21
  import "./chunk-NIH5ZMPE.mjs";
22
22
 
23
23
  // src/card/card.tsx
@@ -486,7 +486,7 @@ function Tag({
486
486
  // src/rich-text-editor/index.tsx
487
487
  import { lazy, Suspense } from "react";
488
488
  import { jsx as jsx15 } from "react/jsx-runtime";
489
- var LazyRichTextEditor = lazy(() => import("./rich-text-editor-TANRKQM7.mjs"));
489
+ var LazyRichTextEditor = lazy(() => import("./rich-text-editor-6HVOAV6B.mjs"));
490
490
  var RichTextEditor = (props) => {
491
491
  return /* @__PURE__ */ jsx15(Suspense, {
492
492
  fallback: null,
package/dist/{rich-text-editor-TANRKQM7.mjs → rich-text-editor-6HVOAV6B.mjs} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  Icon,
7
7
  IconButton,
8
8
  InputWithLabel
9
- } from "./chunk-7BLEJWBK.mjs";
9
+ } from "./chunk-RG2HN7M2.mjs";
10
10
  import "./chunk-NIH5ZMPE.mjs";
11
11
 
12
12
  // src/rich-text-editor/rich-text-editor.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystallize/design-system",
3
- "version": "1.24.37",
3
+ "version": "1.24.39",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/iconography/compact.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type CompactProps = SVGProps<SVGSVGElement>;
4
+
5
+ type CompactRef = SVGSVGElement;
6
+
7
+ export const Compact = forwardRef<CompactRef, CompactProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ 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"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ 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"
22
+ fill="#BFF6F8"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ 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"
28
+ fill="#528693"
29
+ />
30
+ </svg>
31
+ );
32
+ });
33
+
34
+ Compact.displayName = 'CompactIcon';
package/src/iconography/expanded.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type ExpandedProps = SVGProps<SVGSVGElement>;
4
+
5
+ type ExpandedRef = SVGSVGElement;
6
+
7
+ export const Expanded = forwardRef<ExpandedRef, ExpandedProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ 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"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ 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"
22
+ fill="#BFF6F8"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ 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"
28
+ fill="#528693"
29
+ />
30
+ </svg>
31
+ );
32
+ });
33
+
34
+ Expanded.displayName = 'ExpandedIcon';
package/src/iconography/index.ts CHANGED
@@ -19,6 +19,7 @@ import { Chunk } from './chunk';
19
19
  import { Clock } from './clock';
20
20
  import { Cloud } from './cloud';
21
21
  import { CloudWithKeyHole } from './cloud-with-key-hole';
22
+ import { Compact } from './compact';
22
23
  import { Copy } from './copy';
23
24
  import { CopyWithCloud } from './copy-with-cloud';
24
25
  import { Coupon } from './coupon';
@@ -37,6 +38,7 @@ import { DynamicValue } from './dynamic-value';
37
38
  import { Edit } from './edit';
38
39
  import { Error } from './error';
39
40
  import { ErrorWhite } from './error-white';
41
+ import { Expanded } from './expanded';
40
42
  import { EyeClosed } from './eye-closed';
41
43
  import { EyeOpen } from './eye-open';
42
44
  import { FileUpload } from './file-upload';
@@ -140,6 +142,7 @@ export const Icon = {
140
142
  Cloud,
141
143
  Clock,
142
144
  CloudWithKeyHole,
145
+ Compact,
143
146
  Copy,
144
147
  Coupon,
145
148
  CopyWithCloud,
@@ -155,6 +158,7 @@ export const Icon = {
155
158
  Edit,
156
159
  EyeClosed,
157
160
  EyeOpen,
161
+ Expanded,
158
162
  FixedValue,
159
163
  Flow,
160
164
  Folder,
package/src/iconography/renew.tsx CHANGED
@@ -8,7 +8,7 @@ export const Renew = forwardRef<RenewRef, RenewProps>((delegated, ref) => {
8
8
  return (
9
9
  <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
10
  <path
11
- d="M7.08054 10.4135H8.91886C8.91886 10.4135 6.21721 14.0757 5.85357 14.5583C4.81898 13.1782 3.80149 11.8182 2.75087 10.4169H4.54216C4.71531 8.06261 5.67401 6.17473 7.47492 4.78678C8.79488 3.76791 10.2955 3.3116 11.9307 3.38206C12.9972 3.42832 13.9853 3.70955 14.8998 4.22048C15.5288 4.57186 15.6186 5.40451 15.1811 5.97692L-nan -nanL-nan -nanL15.1811 5.97692C14.7464 6.54573 13.9482 6.64535 13.2901 6.36336C11.8846 5.76101 10.4618 5.89061 9.04498 6.86926C7.85755 7.68906 7.23231 8.90141 7.08054 10.4124V10.4135Z"
11
+ d="M7.08054 10.4135H8.91886C8.91886 10.4135 6.21721 14.0757 5.85357 14.5583C4.81898 13.1782 3.80149 11.8182 2.75087 10.4169H4.54216C4.71531 8.06261 5.67401 6.17473 7.47492 4.78678C8.79488 3.76791 10.2955 3.3116 11.9307 3.38206C12.9972 3.42832 13.9853 3.70955 14.8998 4.22048C15.5288 4.57186 15.6186 5.40451 15.1811 5.97692 L15.1811 5.97692C14.7464 6.54573 13.9482 6.64535 13.2901 6.36336C11.8846 5.76101 10.4618 5.89061 9.04498 6.86926C7.85755 7.68906 7.23231 8.90141 7.08054 10.4124V10.4135Z"
12
12
  fill="#BFF6F8"
13
13
  />
14
14
  <path
@@ -18,7 +18,7 @@ export const Renew = forwardRef<RenewRef, RenewProps>((delegated, ref) => {
18
18
  fill="#528693"
19
19
  />
20
20
  <path
21
- d="M16.8044 11.5865L14.9661 11.5865C14.9661 11.5865 17.6677 7.92426 18.0313 7.44167C19.0659 8.82179 20.0834 10.1818 21.134 11.5831L19.3428 11.5831C19.1696 13.9374 18.2109 15.8253 16.41 17.2132C15.09 18.2321 13.5895 18.6884 11.9542 18.6179C10.8878 18.5717 9.89961 18.2904 8.9851 17.7795C8.35615 17.4281 8.26636 16.5955 8.70383 16.0231L-nan -nanL-nan -nanL8.70383 16.0231C9.13856 15.4543 9.93675 15.3546 10.5948 15.6366C12.0004 16.239 13.4232 16.1094 14.8399 15.1307C16.0274 14.3109 16.6526 13.0986 16.8044 11.5876L16.8044 11.5865Z"
21
+ d="M16.8044 11.5865L14.9661 11.5865C14.9661 11.5865 17.6677 7.92426 18.0313 7.44167C19.0659 8.82179 20.0834 10.1818 21.134 11.5831L19.3428 11.5831C19.1696 13.9374 18.2109 15.8253 16.41 17.2132C15.09 18.2321 13.5895 18.6884 11.9542 18.6179C10.8878 18.5717 9.89961 18.2904 8.9851 17.7795C8.35615 17.4281 8.26636 16.5955 8.70383 16.0231 L8.70383 16.0231C9.13856 15.4543 9.93675 15.3546 10.5948 15.6366C12.0004 16.239 13.4232 16.1094 14.8399 15.1307C16.0274 14.3109 16.6526 13.0986 16.8044 11.5876L16.8044 11.5865Z"
22
22
  fill="#BFF6F8"
23
23
  />
24
24
  <path