@crystallize/design-system 1.24.21 → 1.24.23
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.
- package/CHANGELOG.md +12 -0
- package/dist/{chunk-5RNPHH5B.mjs → chunk-DDFZZP2K.mjs} +1237 -1060
- package/dist/index.css +1 -0
- package/dist/index.d.ts +115 -112
- package/dist/index.js +1789 -1605
- package/dist/index.mjs +2 -2
- package/dist/{rich-text-editor-PGTFVNXG.mjs → rich-text-editor-A5TU4T3X.mjs} +1 -1
- package/package.json +1 -1
- package/src/button/button.tsx +2 -0
- package/src/iconography/discovery.tsx +131 -0
- package/src/iconography/index.ts +2 -0
- package/src/progress/progress.css +1 -1
package/dist/index.mjs
CHANGED
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
showError,
|
|
18
18
|
showInfo,
|
|
19
19
|
showWarning
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-DDFZZP2K.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-
|
|
489
|
+
var LazyRichTextEditor = lazy(() => import("./rich-text-editor-A5TU4T3X.mjs"));
|
|
490
490
|
var RichTextEditor = (props) => {
|
|
491
491
|
return /* @__PURE__ */ jsx15(Suspense, {
|
|
492
492
|
fallback: null,
|
package/package.json
CHANGED
package/src/button/button.tsx
CHANGED
|
@@ -86,6 +86,8 @@ export type ButtonProps = ComponentPropsWithRef<'button'> &
|
|
|
86
86
|
// To support this button being used as a link
|
|
87
87
|
to?: string;
|
|
88
88
|
href?: string;
|
|
89
|
+
target?: string;
|
|
90
|
+
rel?: string;
|
|
89
91
|
};
|
|
90
92
|
|
|
91
93
|
const spinnerSizeMap: Record<NonNullable<ButtonProps['size']>, number> = {
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { forwardRef, SVGProps } from 'react';
|
|
2
|
+
|
|
3
|
+
type DiscoveryProps = SVGProps<SVGSVGElement>;
|
|
4
|
+
|
|
5
|
+
type DiscoveryRef = SVGSVGElement;
|
|
6
|
+
|
|
7
|
+
export const Discovery = forwardRef<DiscoveryRef, DiscoveryProps>((delegated, ref) => {
|
|
8
|
+
return (
|
|
9
|
+
<svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
|
|
10
|
+
<g clipPath="url(#discovery)">
|
|
11
|
+
<path
|
|
12
|
+
d="M11.005 20.983c2.59 0 4.69-2.1 4.69-4.69V10.07a4.69 4.69 0 0 0-4.569-4.69 7.82 7.82 0 0 1-.12 15.638v-.035Z"
|
|
13
|
+
fill="#BFF6F8"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
fillRule="evenodd"
|
|
17
|
+
clipRule="evenodd"
|
|
18
|
+
d="M11.951 20.925a4.729 4.729 0 0 0 3.781-4.633V10.07a4.73 4.73 0 0 0-3.42-4.545 7.785 7.785 0 0 1-.36 15.4Zm-.773.055a4.69 4.69 0 0 0 4.518-4.688V10.07a4.692 4.692 0 0 0-4.57-4.69 7.82 7.82 0 0 1-.085 15.638h-.036v-.035c.058 0 .115-.001.173-.003Z"
|
|
19
|
+
fill="#528693"
|
|
20
|
+
/>
|
|
21
|
+
<path
|
|
22
|
+
d="M11.005 21.018a7.82 7.82 0 0 1-.12-15.637 4.69 4.69 0 0 0-4.57 4.689v6.222c0 2.59 2.1 4.69 4.69 4.69v.036Z"
|
|
23
|
+
fill="#BFF6F8"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
fillRule="evenodd"
|
|
27
|
+
clipRule="evenodd"
|
|
28
|
+
d="M10.059 20.925a7.784 7.784 0 0 1-.36-15.4 4.73 4.73 0 0 0-3.421 4.545v6.222a4.729 4.729 0 0 0 3.78 4.633Zm.773.091a7.82 7.82 0 0 1 .052-15.635 4.692 4.692 0 0 0-4.57 4.69v6.221a4.69 4.69 0 0 0 4.691 4.69v.036h-.036c-.046 0-.092 0-.137-.002Z"
|
|
29
|
+
fill="#528693"
|
|
30
|
+
/>
|
|
31
|
+
<path d="M11.005 5.38h.121a4.766 4.766 0 0 0-.12 0Z" fill="#BFF6F8" />
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M11.126 5.38h-.121.121Z" fill="#528693" />
|
|
33
|
+
<path d="M11.005 5.38h-.12.12Z" fill="#BFF6F8" />
|
|
34
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M11.005 5.38h-.121.121Z" fill="#528693" />
|
|
35
|
+
<path
|
|
36
|
+
d="M6.314 10.07v6.222c0 2.59 2.1 4.69 4.691 4.69-.862 0-1.562-.698-1.562-1.56V6.94c0-.863.7-1.562 1.562-1.562l-.12.002a4.69 4.69 0 0 0-4.57 4.689Z"
|
|
37
|
+
fill="#fff"
|
|
38
|
+
/>
|
|
39
|
+
<path
|
|
40
|
+
fillRule="evenodd"
|
|
41
|
+
clipRule="evenodd"
|
|
42
|
+
d="M10.589 20.965c.137.012.276.018.416.018a1.563 1.563 0 0 1-1.562-1.562V6.941a1.563 1.563 0 0 1 1.441-1.557c.04-.003.08-.005.121-.005l-.092.001h-.029a4.691 4.691 0 0 0-4.57 4.69v6.222a4.691 4.691 0 0 0 4.275 4.673Zm-.165-.055a4.655 4.655 0 0 1-4.073-4.618V10.07a4.655 4.655 0 0 1 4.073-4.618A1.599 1.599 0 0 0 9.407 6.94v12.48c0 .678.421 1.257 1.017 1.49Z"
|
|
43
|
+
fill="#528693"
|
|
44
|
+
/>
|
|
45
|
+
<path
|
|
46
|
+
d="M12.567 6.96v12.48c0 .862-.7 1.561-1.562 1.561 2.59 0 4.69-2.1 4.69-4.69v-6.223A4.69 4.69 0 0 0 11.127 5.4l-.12-.002c.862 0 1.561.7 1.561 1.562Z"
|
|
47
|
+
fill="#BFF6F8"
|
|
48
|
+
/>
|
|
49
|
+
<path
|
|
50
|
+
fillRule="evenodd"
|
|
51
|
+
clipRule="evenodd"
|
|
52
|
+
d="M11.421 5.416a4.747 4.747 0 0 0-.295-.017h-.029l-.092-.002a1.556 1.556 0 0 1 .41.054c.664.18 1.152.788 1.152 1.508v12.48a1.562 1.562 0 0 1-1.562 1.562 4.691 4.691 0 0 0 4.69-4.69v-6.223a4.691 4.691 0 0 0-4.274-4.672Zm.166.054a4.655 4.655 0 0 1 4.072 4.618v6.223a4.655 4.655 0 0 1-4.072 4.618 1.599 1.599 0 0 0 1.017-1.49V6.96c0-.677-.422-1.256-1.017-1.489Z"
|
|
53
|
+
fill="#528693"
|
|
54
|
+
/>
|
|
55
|
+
<path d="M12.567 17.108h3.061c.044-.259.068-.525.068-.797v-3.13h-3.129v3.927Z" fill="#fff" />
|
|
56
|
+
<path
|
|
57
|
+
fillRule="evenodd"
|
|
58
|
+
clipRule="evenodd"
|
|
59
|
+
d="M15.597 17.072h-2.993v-3.854h3.055v3.093c0 .259-.021.513-.062.76Zm.031.036h-3.061v-3.927h3.129v3.13c0 .272-.024.538-.068.797Z"
|
|
60
|
+
fill="#528693"
|
|
61
|
+
/>
|
|
62
|
+
<path d="M9.443 17.108h-3.06a4.722 4.722 0 0 1-.069-.797v-3.13h3.13v3.927Z" fill="#BFF6F8" />
|
|
63
|
+
<path
|
|
64
|
+
fillRule="evenodd"
|
|
65
|
+
clipRule="evenodd"
|
|
66
|
+
d="M6.413 17.072a4.683 4.683 0 0 1-.062-.761v-3.094h3.056v3.855H6.413Zm-.03.036a4.722 4.722 0 0 1-.069-.797v-3.13h3.13v3.927H6.381Z"
|
|
67
|
+
fill="#528693"
|
|
68
|
+
/>
|
|
69
|
+
<path d="M9.443 9.254h-3.06c-.045.259-.069.525-.069.797v3.13h3.13V9.254Z" fill="#fff" />
|
|
70
|
+
<path
|
|
71
|
+
fillRule="evenodd"
|
|
72
|
+
clipRule="evenodd"
|
|
73
|
+
d="M6.413 9.29h2.994v3.855H6.35V10.05c0-.259.021-.513.062-.76Zm-.03-.036c-.045.259-.069.525-.069.797v3.13h3.13V9.254H6.381Z"
|
|
74
|
+
fill="#528693"
|
|
75
|
+
/>
|
|
76
|
+
<path d="M9.443 6.94v12.481a1.562 1.562 0 0 0 3.124 0V6.941a1.562 1.562 0 0 0-3.124 0Z" fill="#BFF6F8" />
|
|
77
|
+
<path
|
|
78
|
+
fillRule="evenodd"
|
|
79
|
+
clipRule="evenodd"
|
|
80
|
+
d="M9.48 19.421V6.941a1.525 1.525 0 1 1 3.05 0v12.48a1.525 1.525 0 0 1-3.05 0Zm-.037 0V6.941a1.562 1.562 0 1 1 3.124 0v12.48a1.562 1.562 0 0 1-3.124 0Z"
|
|
81
|
+
fill="#528693"
|
|
82
|
+
/>
|
|
83
|
+
<path d="m21.019 19.696-1.323 1.323-1.323-1.323 1.323-1.323 1.323 1.323Z" fill="#BFF6F8" />
|
|
84
|
+
<path
|
|
85
|
+
fillRule="evenodd"
|
|
86
|
+
clipRule="evenodd"
|
|
87
|
+
d="M11.005 20.718a7.52 7.52 0 1 1 0-15.039 7.52 7.52 0 0 1 0 15.04Zm-8.12-7.52a8.12 8.12 0 1 0 16.24 0 8.12 8.12 0 0 0-16.24 0Z"
|
|
88
|
+
fill="#528693"
|
|
89
|
+
/>
|
|
90
|
+
<path d="M13.607 2.773H8.393V.98h5.213v1.792Z" fill="#fff" />
|
|
91
|
+
<path
|
|
92
|
+
fillRule="evenodd"
|
|
93
|
+
clipRule="evenodd"
|
|
94
|
+
d="M8.393 2.773h5.213V.98H8.393v1.792Zm.037-1.756h5.14v1.719H8.43V1.017ZM2.886 13.199a.3.3 0 0 0 .3.3h15.639a.3.3 0 1 0 0-.6H3.185a.3.3 0 0 0-.3.3ZM4.235 9.289a.3.3 0 0 0 .3.3h12.94a.3.3 0 1 0 0-.6H4.536a.3.3 0 0 0-.3.3ZM4.235 17.108a.3.3 0 0 0 .3.3h12.94a.3.3 0 1 0 0-.6H4.536a.3.3 0 0 0-.3.3Z"
|
|
95
|
+
fill="#528693"
|
|
96
|
+
/>
|
|
97
|
+
<path
|
|
98
|
+
fillRule="evenodd"
|
|
99
|
+
clipRule="evenodd"
|
|
100
|
+
d="M8.094 2.773a.3.3 0 0 0 .3.3h5.213a.3.3 0 0 0 .3-.3V.98a.3.3 0 0 0-.3-.3H8.394a.3.3 0 0 0-.3.3v1.792Zm.6-.3V1.28h4.613v1.192H8.694Z"
|
|
101
|
+
fill="#528693"
|
|
102
|
+
/>
|
|
103
|
+
<path
|
|
104
|
+
fillRule="evenodd"
|
|
105
|
+
clipRule="evenodd"
|
|
106
|
+
d="M11 5.502a.3.3 0 0 1-.3-.3V2.935a.3.3 0 1 1 .6 0v2.267a.3.3 0 0 1-.3.3ZM19.484 21.232a.3.3 0 0 0 .424 0l1.323-1.323a.3.3 0 0 0 0-.425l-1.323-1.323a.3.3 0 0 0-.424 0l-1.324 1.323a.3.3 0 0 0 0 .424l1.324 1.324Zm-.687-1.536.899-.899.899.9-.9.898-.898-.899Z"
|
|
107
|
+
fill="#528693"
|
|
108
|
+
/>
|
|
109
|
+
<path
|
|
110
|
+
fillRule="evenodd"
|
|
111
|
+
clipRule="evenodd"
|
|
112
|
+
d="M6.014 16.292a4.99 4.99 0 1 0 9.982 0V10.07a4.99 4.99 0 1 0-9.982 0v6.222Zm4.991 4.39a4.39 4.39 0 0 1-4.39-4.39V10.07a4.39 4.39 0 1 1 8.78 0v6.222a4.39 4.39 0 0 1-4.39 4.39Z"
|
|
113
|
+
fill="#528693"
|
|
114
|
+
/>
|
|
115
|
+
<path
|
|
116
|
+
fillRule="evenodd"
|
|
117
|
+
clipRule="evenodd"
|
|
118
|
+
d="M9.143 19.421a1.862 1.862 0 0 0 3.724 0V6.941a1.862 1.862 0 1 0-3.724 0v12.48Zm1.862 1.262a1.262 1.262 0 0 1-1.262-1.262V6.941a1.262 1.262 0 1 1 2.524 0v12.48c0 .697-.565 1.262-1.262 1.262ZM3.278 3.18a.3.3 0 0 0 .3.3h.661a.3.3 0 0 0 0-.6h-.66a.3.3 0 0 0-.3.3ZM.681 3.18a.3.3 0 0 0 .3.3h.615a.3.3 0 0 0 0-.6H.981a.3.3 0 0 0-.3.3ZM2.61 2.447a.3.3 0 0 0 .3-.3V1.55a.3.3 0 1 0-.6 0v.596a.3.3 0 0 0 .3.3ZM2.61 5.109a.3.3 0 0 0 .3-.3v-.48a.3.3 0 1 0-.6 0v.48a.3.3 0 0 0 .3.3Z"
|
|
119
|
+
fill="#528693"
|
|
120
|
+
/>
|
|
121
|
+
</g>
|
|
122
|
+
<defs>
|
|
123
|
+
<clipPath id="discovery">
|
|
124
|
+
<path fill="#fff" transform="rotate(-180 11 11)" d="M0 0h22v22H0z" />
|
|
125
|
+
</clipPath>
|
|
126
|
+
</defs>
|
|
127
|
+
</svg>
|
|
128
|
+
);
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
Discovery.displayName = 'DiscoveryIcon';
|
package/src/iconography/index.ts
CHANGED
|
@@ -23,6 +23,7 @@ import { Crystal } from './crystal';
|
|
|
23
23
|
import { Customers } from './customers';
|
|
24
24
|
import { Dashboard } from './dashboard';
|
|
25
25
|
import { Date } from './date';
|
|
26
|
+
import { Discovery } from './discovery';
|
|
26
27
|
import { Document } from './document';
|
|
27
28
|
import { DocumentShortcut } from './document-shortcut';
|
|
28
29
|
import { Download } from './download';
|
|
@@ -133,6 +134,7 @@ export const Icon = {
|
|
|
133
134
|
DocumentShortcut,
|
|
134
135
|
Download,
|
|
135
136
|
DragHandle,
|
|
137
|
+
Discovery,
|
|
136
138
|
Edit,
|
|
137
139
|
EyeClosed,
|
|
138
140
|
EyeOpen,
|