@serendie/ui 0.1.13 → 0.1.15

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 (63) hide show
  1. package/dist/components/AccordionGroup.d.ts +1 -1
  2. package/dist/components/DropdownMenu.js +67 -56
  3. package/dist/components/IconButton.d.ts +35 -5
  4. package/dist/components/PasswordField.d.ts +10 -0
  5. package/dist/components/Search.js +44 -29
  6. package/dist/components/Select.d.ts +3 -1
  7. package/dist/components/Select.js +29 -19
  8. package/dist/components/TextArea.js +5 -4
  9. package/dist/components/TextField.d.ts +2 -0
  10. package/dist/components/TextField.js +57 -46
  11. package/dist/index.d.ts +0 -1
  12. package/dist/index.js +27 -29
  13. package/dist/preset.d.ts +1 -1
  14. package/dist/styles.css +1 -1
  15. package/dist/tokens/getToken.js +1 -1
  16. package/dist/tokens/index.js +1 -1
  17. package/dist/ui/styled-system/css/conditions.js +13 -13
  18. package/dist/ui/styled-system/helpers.js +104 -101
  19. package/dist/ui/styled-system/jsx/is-valid-prop.js +1 -1
  20. package/package.json +4 -4
  21. package/styled-system/css/conditions.js +4 -2
  22. package/styled-system/helpers.js +15 -5
  23. package/styled-system/jsx/is-valid-prop.js +2 -2
  24. package/styled-system/themes/index.js +1 -1
  25. package/styled-system/tokens/tokens.d.ts +1 -1
  26. package/styled-system/types/composition.d.ts +26 -0
  27. package/styled-system/types/conditions.d.ts +35 -3
  28. package/styled-system/types/global.d.ts +1 -0
  29. package/styled-system/types/jsx.d.ts +1 -1
  30. package/styled-system/types/prop-type.d.ts +3 -8
  31. package/styled-system/types/selectors.d.ts +1 -1
  32. package/styled-system/types/static-css.d.ts +9 -4
  33. package/styled-system/types/style-props.d.ts +229 -205
  34. package/styled-system/types/system-types.d.ts +108 -3
  35. package/dist/assets/avatar.svg.js +0 -5
  36. package/dist/assets/check.svg.js +0 -5
  37. package/dist/assets/checkCircle.svg.js +0 -5
  38. package/dist/assets/error.svg.js +0 -5
  39. package/dist/assets/errorCircle.svg.js +0 -5
  40. package/dist/assets/errorFill.svg.js +0 -5
  41. package/dist/assets/icons/outline/close.svg.js +0 -5
  42. package/dist/assets/texture.svg.js +0 -5
  43. package/dist/components/SvgIcon.d.ts +0 -75
  44. package/dist/components/SvgIcon.js +0 -72
  45. package/dist/components/SvgIcon.stories.d.ts +0 -7
  46. package/dist/node_modules/@material-design-icons/svg/outlined/info.svg.js +0 -5
  47. package/dist/node_modules/@material-design-icons/svg/round/account_circle.svg.js +0 -5
  48. package/dist/node_modules/@material-design-icons/svg/round/add.svg.js +0 -5
  49. package/dist/node_modules/@material-design-icons/svg/round/arrow_outward.svg.js +0 -5
  50. package/dist/node_modules/@material-design-icons/svg/round/chevron_left.svg.js +0 -5
  51. package/dist/node_modules/@material-design-icons/svg/round/chevron_right.svg.js +0 -5
  52. package/dist/node_modules/@material-design-icons/svg/round/content_copy.svg.js +0 -5
  53. package/dist/node_modules/@material-design-icons/svg/round/expand_more.svg.js +0 -5
  54. package/dist/node_modules/@material-design-icons/svg/round/face.svg.js +0 -5
  55. package/dist/node_modules/@material-design-icons/svg/round/menu.svg.js +0 -5
  56. package/dist/node_modules/@material-design-icons/svg/round/search.svg.js +0 -5
  57. package/dist/node_modules/@material-design-icons/svg/round/settings.svg.js +0 -5
  58. /package/dist/{design-tokens → node_modules/@serendie/design-token}/dist/panda-tokens.js +0 -0
  59. /package/dist/{design-tokens → node_modules/@serendie/design-token}/dist/tokens.js +0 -0
  60. /package/styled-system/themes/{asagi.json → theme-asagi.json} +0 -0
  61. /package/styled-system/themes/{kurikawa.json → theme-kurikawa.json} +0 -0
  62. /package/styled-system/themes/{sumire.json → theme-sumire.json} +0 -0
  63. /package/styled-system/themes/{tsutsuji.json → theme-tsutsuji.json} +0 -0
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
2
  import type { ConditionalValue, Nested } from './conditions';
3
- import type { PropertiesFallback } from './csstype';
3
+ import type { AtRule, Globals, PropertiesFallback } from './csstype';
4
4
  import type { SystemProperties, CssVarProperties } from './style-props';
5
5
 
6
6
  type String = string & {}
@@ -22,9 +22,93 @@ export type Assign<T, U> = {
22
22
  * Native css properties
23
23
  * -----------------------------------------------------------------------------*/
24
24
 
25
+ type DashedIdent = `--${string}`
26
+
27
+ type StringToMultiple<T extends string> = T | `${T}, ${T}`
28
+
29
+ export type PositionAreaAxis =
30
+ | 'left'
31
+ | 'center'
32
+ | 'right'
33
+ | 'x-start'
34
+ | 'x-end'
35
+ | 'span-x-start'
36
+ | 'span-x-end'
37
+ | 'x-self-start'
38
+ | 'x-self-end'
39
+ | 'span-x-self-start'
40
+ | 'span-x-self-end'
41
+ | 'span-all'
42
+ | 'top'
43
+ | 'bottom'
44
+ | 'span-top'
45
+ | 'span-bottom'
46
+ | 'y-start'
47
+ | 'y-end'
48
+ | 'span-y-start'
49
+ | 'span-y-end'
50
+ | 'y-self-start'
51
+ | 'y-self-end'
52
+ | 'span-y-self-start'
53
+ | 'span-y-self-end'
54
+ | 'block-start'
55
+ | 'block-end'
56
+ | 'span-block-start'
57
+ | 'span-block-end'
58
+ | 'inline-start'
59
+ | 'inline-end'
60
+ | 'span-inline-start'
61
+ | 'span-inline-end'
62
+ | 'self-block-start'
63
+ | 'self-block-end'
64
+ | 'span-self-block-start'
65
+ | 'span-self-block-end'
66
+ | 'self-inline-start'
67
+ | 'self-inline-end'
68
+ | 'span-self-inline-start'
69
+ | 'span-self-inline-end'
70
+ | 'start'
71
+ | 'end'
72
+ | 'span-start'
73
+ | 'span-end'
74
+ | 'self-start'
75
+ | 'self-end'
76
+ | 'span-self-start'
77
+ | 'span-self-end'
78
+
79
+ type PositionTry =
80
+ | 'normal'
81
+ | 'flip-block'
82
+ | 'flip-inline'
83
+ | 'top'
84
+ | 'bottom'
85
+ | 'left'
86
+ | 'right'
87
+ | 'block-start'
88
+ | 'block-end'
89
+ | 'inline-start'
90
+ | 'inline-end'
91
+ | DashedIdent
92
+
93
+ export interface ModernCssProperties {
94
+ anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>
95
+ anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>
96
+ fieldSizing?: Globals | 'fixed' | 'content'
97
+ interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'
98
+ positionAnchor?: Globals | 'auto' | DashedIdent
99
+ positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String
100
+ positionTry?: Globals | StringToMultiple<PositionTry> | String
101
+ positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String
102
+ positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'
103
+ positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'
104
+ textWrapMode?: Globals | 'wrap' | 'nowrap'
105
+ textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'
106
+ textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'
107
+ }
108
+
25
109
  export type CssProperty = keyof PropertiesFallback
26
110
 
27
- export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties {}
111
+ export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}
28
112
 
29
113
  export interface CssKeyframes {
30
114
  [name: string]: {
@@ -46,7 +130,7 @@ interface GenericProperties {
46
130
 
47
131
  export type NestedCssProperties = Nested<CssProperties>
48
132
 
49
- export type SystemStyleObject = Nested<SystemProperties & CssVarProperties>
133
+ export type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>
50
134
 
51
135
  export interface GlobalStyleObject {
52
136
  [selector: string]: SystemStyleObject
@@ -56,12 +140,33 @@ export interface ExtendableGlobalStyleObject {
56
140
  extend?: GlobalStyleObject | undefined
57
141
  }
58
142
 
143
+ /* -----------------------------------------------------------------------------
144
+ * Composition (text styles, layer styles)
145
+ * -----------------------------------------------------------------------------*/
146
+
59
147
  type FilterStyleObject<P extends string> = {
60
148
  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown
61
149
  }
62
150
 
63
151
  export type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>
64
152
 
153
+ /* -----------------------------------------------------------------------------
154
+ * Font face
155
+ * -----------------------------------------------------------------------------*/
156
+
157
+ export type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>
158
+
159
+ export type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>
160
+
161
+ export interface GlobalFontface {
162
+ [name: string]: FontfaceRule | FontfaceRule[]
163
+ }
164
+
165
+ export interface ExtendableGlobalFontface {
166
+ [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined
167
+ extend?: GlobalFontface | undefined
168
+ }
169
+
65
170
  /* -----------------------------------------------------------------------------
66
171
  * Jsx style props
67
172
  * -----------------------------------------------------------------------------*/
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8001 3.26101V2.05665C17.935 2.46416 21.975 6.7603 21.975 12C21.975 17.2398 17.935 21.5359 12.8001 21.9434V20.739C17.2714 20.3349 20.775 16.5766 20.775 12C20.775 7.42343 17.2714 3.66514 12.8001 3.26101ZM11.2001 20.7391C6.72868 20.335 3.22502 16.5767 3.22502 12C3.22502 7.4234 6.72868 3.66508 11.2001 3.261V2.05664C6.06507 2.46411 2.02502 6.76027 2.02502 12C2.02502 17.2398 6.06507 21.536 11.2001 21.9434V20.7391ZM12 6.72503C10.6745 6.72503 9.60002 7.79955 9.60002 9.12503C9.60002 10.4505 10.6745 11.525 12 11.525C13.3255 11.525 14.4 10.4505 14.4 9.12503C14.4 7.79955 13.3255 6.72503 12 6.72503ZM8.40002 9.12503C8.40002 7.13681 10.0118 5.52503 12 5.52503C13.9882 5.52503 15.6 7.13681 15.6 9.12503C15.6 11.1133 13.9882 12.725 12 12.725C10.0118 12.725 8.40002 11.1133 8.40002 9.12503ZM12 15.1C10.1223 15.1 8.60002 16.6223 8.60002 18.5H7.40002C7.40002 15.9595 9.45951 13.9 12 13.9C14.5405 13.9 16.6 15.9595 16.6 18.5H15.4C15.4 16.6223 13.8778 15.1 12 15.1Z", fill: "black" }));
3
- export {
4
- l as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M17.5294 8.52941L10.4991 15.5597L6.46875 11.5294L7.52941 10.4688L10.4991 13.4384L16.4688 7.46875L17.5294 8.52941Z", fill: "#279B20" }));
3
- export {
4
- l as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 2.69922, y: 2.69922, width: 18.6, height: 18.6, rx: 9.3, fill: "#279B20" }), /* @__PURE__ */ e.createElement("path", { d: "M17.2286 9.22863L10.1983 16.259L6.16797 12.2286L7.22863 11.168L10.1983 14.1376L16.168 8.16797L17.2286 9.22863Z", fill: "white" }));
3
- export {
4
- l as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as t from "react";
2
- const e = (q) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#5f6368", ...q }, /* @__PURE__ */ t.createElement("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }));
3
- export {
4
- e as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as C from "react";
2
- const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M12.0035 21.2973C10.7176 21.2973 9.50872 21.0529 8.37682 20.5641C7.24492 20.0754 6.26032 19.4121 5.42302 18.5743C4.58572 17.7364 3.92309 16.7526 3.43511 15.6229C2.94713 14.4931 2.70312 13.286 2.70312 12.0015C2.70312 10.7157 2.9475 9.50677 3.43625 8.37487C3.92498 7.24297 4.58828 6.25837 5.42613 5.42107C6.26396 4.58377 7.24775 3.92113 8.3775 3.43315C9.50725 2.94516 10.7144 2.70117 11.9989 2.70117C13.2847 2.70117 14.4936 2.94555 15.6255 3.4343C16.7574 3.92303 17.742 4.58632 18.5793 5.42417C19.4166 6.262 20.0793 7.2458 20.5673 8.37555C21.0552 9.5053 21.2992 10.7124 21.2992 11.9969C21.2992 13.2828 21.0548 14.4917 20.5661 15.6236C20.0774 16.7555 19.4141 17.7401 18.5762 18.5774C17.7384 19.4147 16.7546 20.0773 15.6249 20.5653C14.4951 21.0533 13.288 21.2973 12.0035 21.2973Z", fill: "#D61930" }), /* @__PURE__ */ C.createElement("path", { d: "M12.0035 21.2973C10.7176 21.2973 9.50872 21.0529 8.37682 20.5641C7.24492 20.0754 6.26032 19.4121 5.42302 18.5743C4.58572 17.7364 3.92309 16.7526 3.43511 15.6229C2.94713 14.4931 2.70312 13.286 2.70312 12.0015C2.70312 10.7157 2.9475 9.50677 3.43625 8.37487C3.92498 7.24297 4.58828 6.25837 5.42613 5.42107C6.26396 4.58377 7.24775 3.92113 8.3775 3.43315C9.50725 2.94516 10.7144 2.70117 11.9989 2.70117C13.2847 2.70117 14.4936 2.94555 15.6255 3.4343C16.7574 3.92303 17.742 4.58632 18.5793 5.42417C19.4166 6.262 20.0793 7.2458 20.5673 8.37555C21.0552 9.5053 21.2992 10.7124 21.2992 11.9969C21.2992 13.2828 21.0548 14.4917 20.5661 15.6236C20.0774 16.7555 19.4141 17.7401 18.5762 18.5774C17.7384 19.4147 16.7546 20.0773 15.6249 20.5653C14.4951 21.0533 13.288 21.2973 12.0035 21.2973Z", fill: "#D61930" }), /* @__PURE__ */ C.createElement("path", { d: "M12.0035 21.2973C10.7176 21.2973 9.50872 21.0529 8.37682 20.5641C7.24492 20.0754 6.26032 19.4121 5.42302 18.5743C4.58572 17.7364 3.92309 16.7526 3.43511 15.6229C2.94713 14.4931 2.70312 13.286 2.70312 12.0015C2.70312 10.7157 2.9475 9.50677 3.43625 8.37487C3.92498 7.24297 4.58828 6.25837 5.42613 5.42107C6.26396 4.58377 7.24775 3.92113 8.3775 3.43315C9.50725 2.94516 10.7144 2.70117 11.9989 2.70117C13.2847 2.70117 14.4936 2.94555 15.6255 3.4343C16.7574 3.92303 17.742 4.58632 18.5793 5.42417C19.4166 6.262 20.0793 7.2458 20.5673 8.37555C21.0552 9.5053 21.2992 10.7124 21.2992 11.9969C21.2992 13.2828 21.0548 14.4917 20.5661 15.6236C20.0774 16.7555 19.4141 17.7401 18.5762 18.5774C17.7384 19.4147 16.7546 20.0773 15.6249 20.5653C14.4951 21.0533 13.288 21.2973 12.0035 21.2973Z", fill: "#D61930" }), /* @__PURE__ */ C.createElement("path", { d: "M12.0035 21.2973C10.7176 21.2973 9.50872 21.0529 8.37682 20.5641C7.24492 20.0754 6.26032 19.4121 5.42302 18.5743C4.58572 17.7364 3.92309 16.7526 3.43511 15.6229C2.94713 14.4931 2.70312 13.286 2.70312 12.0015C2.70312 10.7157 2.9475 9.50677 3.43625 8.37487C3.92498 7.24297 4.58828 6.25837 5.42613 5.42107C6.26396 4.58377 7.24775 3.92113 8.3775 3.43315C9.50725 2.94516 10.7144 2.70117 11.9989 2.70117C13.2847 2.70117 14.4936 2.94555 15.6255 3.4343C16.7574 3.92303 17.742 4.58632 18.5793 5.42417C19.4166 6.262 20.0793 7.2458 20.5673 8.37555C21.0552 9.5053 21.2992 10.7124 21.2992 11.9969C21.2992 13.2828 21.0548 14.4917 20.5661 15.6236C20.0774 16.7555 19.4141 17.7401 18.5762 18.5774C17.7384 19.4147 16.7546 20.0773 15.6249 20.5653C14.4951 21.0533 13.288 21.2973 12.0035 21.2973Z", fill: "#D61930" }), /* @__PURE__ */ C.createElement("path", { d: "M12.0035 21.2973C10.7176 21.2973 9.50872 21.0529 8.37682 20.5641C7.24492 20.0754 6.26032 19.4121 5.42302 18.5743C4.58572 17.7364 3.92309 16.7526 3.43511 15.6229C2.94713 14.4931 2.70312 13.286 2.70312 12.0015C2.70312 10.7157 2.9475 9.50677 3.43625 8.37487C3.92498 7.24297 4.58828 6.25837 5.42613 5.42107C6.26396 4.58377 7.24775 3.92113 8.3775 3.43315C9.50725 2.94516 10.7144 2.70117 11.9989 2.70117C13.2847 2.70117 14.4936 2.94555 15.6255 3.4343C16.7574 3.92303 17.742 4.58632 18.5793 5.42417C19.4166 6.262 20.0793 7.2458 20.5673 8.37555C21.0552 9.5053 21.2992 10.7124 21.2992 11.9969C21.2992 13.2828 21.0548 14.4917 20.5661 15.6236C20.0774 16.7555 19.4141 17.7401 18.5762 18.5774C17.7384 19.4147 16.7546 20.0773 15.6249 20.5653C14.4951 21.0533 13.288 21.2973 12.0035 21.2973Z", fill: "#D61930" }), /* @__PURE__ */ C.createElement("path", { d: "M11.999 16.6303C12.2194 16.6303 12.4028 16.5579 12.5493 16.4132C12.6957 16.2685 12.769 16.086 12.769 15.8656C12.769 15.6453 12.6966 15.4619 12.5519 15.3154C12.4072 15.1689 12.2247 15.0957 12.0043 15.0957C11.784 15.0957 11.6006 15.1681 11.4541 15.3128C11.3076 15.4575 11.2344 15.64 11.2344 15.8604C11.2344 16.0807 11.3067 16.2641 11.4514 16.4106C11.5962 16.5571 11.7787 16.6303 11.999 16.6303ZM11.3123 13.0774H12.7113V7.1582H11.3123V13.0774Z", fill: "white" }));
3
- export {
4
- t as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const q = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#5f6368", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }));
3
- export {
4
- q as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1515 12.0001L5.21179 6.06044L6.06032 5.21191L12 11.1516L17.9397 5.21191L18.7882 6.06044L12.8485 12.0001L18.7882 17.9398L17.9397 18.7884L12 12.8487L6.06032 18.7884L5.21179 17.9398L11.1515 12.0001Z", fill: "black" }));
3
- export {
4
- t as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 25, height: 25, viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M5.41384 20.7778C5.18242 20.7041 4.97954 20.5801 4.80519 20.4057C4.63084 20.2314 4.50681 20.0269 4.43309 19.7923L20.0032 4.2019C20.25 4.27755 20.4575 4.4016 20.6258 4.57403C20.7941 4.74645 20.9202 4.94932 21.0042 5.18265L5.41384 20.7778ZM4.40039 14.4922V12.5134L12.7167 4.2019H14.6907L4.40039 14.4922ZM4.40039 7.1807V5.90863C4.40039 5.43363 4.5661 5.03043 4.89752 4.69903C5.22892 4.36761 5.63212 4.2019 6.10712 4.2019H7.38399L4.40039 7.1807ZM18.0177 20.798L20.9965 17.8144V19.0913C20.9965 19.5663 20.8308 19.9695 20.4994 20.3009C20.168 20.6323 19.7648 20.798 19.2898 20.798H18.0177ZM10.7062 20.798L20.9965 10.5077V12.4817L12.685 20.798H10.7062Z", fill: "currentColor" }));
3
- export {
4
- r as default
5
- };
@@ -1,75 +0,0 @@
1
- declare const icons: {
2
- add: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
- title?: string;
4
- }>;
5
- avatar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
6
- title?: string;
7
- }>;
8
- check: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
9
- title?: string;
10
- }>;
11
- checkCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
12
- title?: string;
13
- }>;
14
- arrow_outward: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
15
- title?: string;
16
- }>;
17
- arrow_blank: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
18
- title?: string;
19
- }>;
20
- content_copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
21
- title?: string;
22
- }>;
23
- clipboard_copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
24
- title?: string;
25
- }>;
26
- chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
27
- title?: string;
28
- }>;
29
- chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
30
- title?: string;
31
- }>;
32
- close: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
33
- title?: string;
34
- }>;
35
- face: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
36
- title?: string;
37
- }>;
38
- search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
39
- title?: string;
40
- }>;
41
- texture: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
42
- title?: string;
43
- }>;
44
- expandMore: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
45
- title?: string;
46
- }>;
47
- errorCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
48
- title?: string;
49
- }>;
50
- error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
51
- title?: string;
52
- }>;
53
- error_fill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
54
- title?: string;
55
- }>;
56
- info: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
57
- title?: string;
58
- }>;
59
- menu: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
60
- title?: string;
61
- }>;
62
- account_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
63
- title?: string;
64
- }>;
65
- settings: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
66
- title?: string;
67
- }>;
68
- };
69
- export type SvgIconName = keyof typeof icons;
70
- interface SvgIconProps extends React.SVGProps<SVGSVGElement> {
71
- icon: SvgIconName;
72
- size?: string;
73
- }
74
- export declare const SvgIcon: React.FC<SvgIconProps>;
75
- export {};
@@ -1,72 +0,0 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import f from "../node_modules/@material-design-icons/svg/round/add.svg.js";
3
- import v from "../assets/avatar.svg.js";
4
- import g from "../assets/check.svg.js";
5
- import n from "../assets/icons/outline/close.svg.js";
6
- import S from "../assets/checkCircle.svg.js";
7
- import t from "../node_modules/@material-design-icons/svg/round/arrow_outward.svg.js";
8
- import m from "../node_modules/@material-design-icons/svg/round/content_copy.svg.js";
9
- import a from "../node_modules/@material-design-icons/svg/round/chevron_left.svg.js";
10
- import l from "../node_modules/@material-design-icons/svg/round/chevron_right.svg.js";
11
- import h from "../node_modules/@material-design-icons/svg/round/face.svg.js";
12
- import s from "../node_modules/@material-design-icons/svg/round/search.svg.js";
13
- import C from "../assets/texture.svg.js";
14
- import u from "../node_modules/@material-design-icons/svg/round/expand_more.svg.js";
15
- import d from "../assets/error.svg.js";
16
- import _ from "../assets/errorFill.svg.js";
17
- import x from "../assets/errorCircle.svg.js";
18
- import w from "../node_modules/@material-design-icons/svg/outlined/info.svg.js";
19
- import k from "../node_modules/@material-design-icons/svg/round/menu.svg.js";
20
- import A from "../node_modules/@material-design-icons/svg/round/account_circle.svg.js";
21
- import E from "../node_modules/@material-design-icons/svg/round/settings.svg.js";
22
- import { css as y } from "../ui/styled-system/css/css.js";
23
- import { cx as M } from "../ui/styled-system/css/cx.js";
24
- import "../ui/styled-system/helpers.js";
25
- const b = {
26
- add: f,
27
- avatar: v,
28
- check: g,
29
- checkCircle: S,
30
- arrow_outward: t,
31
- arrow_blank: t,
32
- content_copy: m,
33
- clipboard_copy: m,
34
- chevron_left: a,
35
- chevron_right: l,
36
- close: n,
37
- face: h,
38
- search: s,
39
- texture: C,
40
- expandMore: u,
41
- errorCircle: x,
42
- error: d,
43
- error_fill: _,
44
- info: w,
45
- menu: k,
46
- account_circle: A,
47
- settings: E
48
- }, z = ({
49
- icon: e,
50
- size: r,
51
- className: i,
52
- ...c
53
- }) => {
54
- const o = b[e];
55
- return o ? /* @__PURE__ */ p(
56
- o,
57
- {
58
- ...c,
59
- width: r || "1em",
60
- height: r || "1em",
61
- className: M(
62
- y({
63
- fill: "currentColor"
64
- }),
65
- i
66
- )
67
- }
68
- ) : null;
69
- };
70
- export {
71
- z as SvgIcon
72
- };
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { SvgIcon } from './SvgIcon';
3
- declare const meta: Meta<typeof SvgIcon>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
7
- export declare const CustomClassName: Story;
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const h = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" }));
3
- export {
4
- h as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const c = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88a9.947 9.947 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20z" }));
3
- export {
4
- c as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const s = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" }));
3
- export {
4
- s as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as t from "react";
2
- const r = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M6 7c0 .55.45 1 1 1h7.59l-8.88 8.88a.996.996 0 1 0 1.41 1.41L16 9.41V17c0 .55.45 1 1 1s1-.45 1-1V7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1z" }));
3
- export {
4
- r as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" }));
3
- export {
4
- a as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" }));
3
- export {
4
- a as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as t from "react";
2
- const c = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M15 20H5V7c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1zm5-4V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2zm-2 0H9V4h9v12z" }));
3
- export {
4
- c as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M15.88 9.29 12 13.17 8.12 9.29a.996.996 0 1 0-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41c-.39-.38-1.03-.39-1.42 0z" }));
3
- export {
4
- a as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M10.25 13a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0zM15 11.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm7 .25c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zm-2 0c0-.78-.12-1.53-.33-2.24-.7.15-1.42.24-2.17.24a10 10 0 0 1-7.76-3.69A10.016 10.016 0 0 1 4 11.86c.01.04 0 .09 0 .14 0 4.41 3.59 8 8 8s8-3.59 8-8z" }));
3
- export {
4
- a as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const s = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z" }));
3
- export {
4
- s as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }));
3
- export {
4
- a as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as c from "react";
2
- const t = (l) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...l }, /* @__PURE__ */ c.createElement("path", { d: "M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" }));
3
- export {
4
- t as default
5
- };