@cypress-design/react-icon 0.3.0 → 0.4.0

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 (18) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/Icon.tsx +2 -37
  3. package/compileProperties.ts +16 -10
  4. package/dist/Icon.d.ts +2 -482
  5. package/dist/Icon.d.ts.map +1 -1
  6. package/dist/TreeShakableIcons.d.ts +22 -0
  7. package/dist/TreeShakableIcons.d.ts.map +1 -1
  8. package/dist/compileProperties.d.ts +3 -6
  9. package/dist/compileProperties.d.ts.map +1 -1
  10. package/dist/index.d.ts +1 -0
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.es.js +423 -156
  13. package/dist/index.es.js.map +1 -1
  14. package/dist/index.umd.js +444 -154
  15. package/dist/index.umd.js.map +1 -1
  16. package/generate-icons.js +5 -3
  17. package/index.ts +1 -0
  18. package/package.json +5 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @cypress-design/react-icon
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#51](https://github.com/cypress-io/cypress-design/pull/51) [`ccd8f9a`](https://github.com/cypress-io/cypress-design/commit/ccd8f9a8feb624c0a52deaa9754c76969f43fc1e) Thanks [@elevatebart](https://github.com/elevatebart)! - in the build asset, add a comment containing all used windicss classes in the component
8
+
9
+ ### Patch Changes
10
+
11
+ - [#56](https://github.com/cypress-io/cypress-design/pull/56) [`0866c65`](https://github.com/cypress-io/cypress-design/commit/0866c654f24c36951c98468d789462748606b428) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: avoid using `delete` to avoid memory leaks
12
+
13
+ * [#52](https://github.com/cypress-io/cypress-design/pull/52) [`43b53eb`](https://github.com/cypress-io/cypress-design/commit/43b53eb6bd10111629239a87374cfcc894eda0e3) Thanks [@mapsandapps](https://github.com/mapsandapps)! - New icons for statuses
14
+
15
+ * Updated dependencies [[`31aaa18`](https://github.com/cypress-io/cypress-design/commit/31aaa182c8cd415f2884289144f504183e5ab418), [`0866c65`](https://github.com/cypress-io/cypress-design/commit/0866c654f24c36951c98468d789462748606b428), [`43b53eb`](https://github.com/cypress-io/cypress-design/commit/43b53eb6bd10111629239a87374cfcc894eda0e3)]:
16
+ - @cypress-design/icon-registry@0.5.0
17
+
3
18
  ## 0.3.0
4
19
 
5
20
  ### Minor Changes
package/Icon.tsx CHANGED
@@ -2,9 +2,10 @@ import * as React from 'react'
2
2
  import type { FunctionComponent, SVGProps } from 'react'
3
3
  import { compileIcon } from '@cypress-design/icon-registry'
4
4
  import type { IconProps } from '@cypress-design/icon-registry'
5
+ import { compileReactIconProperties } from './compileProperties'
5
6
 
6
7
  type SVGPropsWithoutColorsOrSize = Omit<
7
- React.SVGProps<SVGSVGElement>,
8
+ SVGProps<SVGSVGElement>,
8
9
  'fill' | 'stroke' | 'fillColor' | 'strokeColor' | 'size'
9
10
  >
10
11
 
@@ -17,40 +18,4 @@ export const Icon: FunctionComponent<
17
18
  )
18
19
  }
19
20
 
20
- export const compileReactIconProperties = ({
21
- body,
22
- compiledClasses,
23
- size,
24
- interactiveColorsOnGroup,
25
- ...attributes
26
- }: {
27
- body: string
28
- compiledClasses: string[]
29
- size: string
30
- interactiveColorsOnGroup?: boolean
31
- } & SVGPropsWithoutColorsOrSize) => {
32
- Object.keys(attributes).forEach((key) => {
33
- if (key.endsWith('Color')) {
34
- // @ts-ignore
35
- delete attributes[key]
36
- }
37
- })
38
- const componentProps = {
39
- width: size,
40
- height: size,
41
- fill: 'none',
42
- dangerouslySetInnerHTML: {
43
- __html: body,
44
- },
45
- ...attributes, // add all standard attributes back to the svg tag
46
- }
47
- if (attributes.className) {
48
- compiledClasses.push(attributes.className)
49
- }
50
- if (compiledClasses.length) {
51
- componentProps.className = compiledClasses.join(' ')
52
- }
53
- return componentProps
54
- }
55
-
56
21
  export default Icon
package/compileProperties.ts CHANGED
@@ -1,21 +1,27 @@
1
+ import type { ColorIconProps } from '@cypress-design/icon-registry'
2
+ import { ICON_COLOR_PROP_NAMES } from '@cypress-design/icon-registry'
3
+
1
4
  export const compileReactIconProperties = ({
2
5
  body,
3
6
  compiledClasses,
4
7
  size,
5
- strokeColor,
6
- fillColor,
7
- secondaryStrokeColor,
8
- secondaryFillColor,
9
8
  ...attributes
10
9
  }: {
11
10
  body: string
12
11
  compiledClasses: string[]
13
12
  size: string
14
- strokeColor?
15
- fillColor?
16
- secondaryStrokeColor?
17
- secondaryFillColor?
18
- } & React.SVGProps<SVGSVGElement>) => {
13
+ } & ColorIconProps &
14
+ React.SVGProps<SVGSVGElement>) => {
15
+ const filteredAttributes = Object.keys(attributes).reduce(
16
+ (newAttributes, attrName) => {
17
+ if (!ICON_COLOR_PROP_NAMES.includes(attrName)) {
18
+ newAttributes[attrName] =
19
+ attributes[attrName as keyof typeof attributes]
20
+ }
21
+ return newAttributes
22
+ },
23
+ {} as Record<string, any>
24
+ )
19
25
  const componentProps: any = {
20
26
  width: size,
21
27
  height: size,
@@ -23,7 +29,7 @@ export const compileReactIconProperties = ({
23
29
  dangerouslySetInnerHTML: {
24
30
  __html: body,
25
31
  },
26
- ...attributes, // add all standard attributes back to the svg tag
32
+ ...filteredAttributes, // add all standard attributes back to the svg tag
27
33
  }
28
34
  if (attributes.className) {
29
35
  compiledClasses.push(attributes.className)
package/dist/Icon.d.ts CHANGED
@@ -1,486 +1,6 @@
1
- import * as React from 'react';
2
- import type { FunctionComponent } from 'react';
1
+ import type { FunctionComponent, SVGProps } from 'react';
3
2
  import type { IconProps } from '@cypress-design/icon-registry';
4
- declare type SVGPropsWithoutColorsOrSize = Omit<React.SVGProps<SVGSVGElement>, 'fill' | 'stroke' | 'fillColor' | 'strokeColor' | 'size'>;
3
+ declare type SVGPropsWithoutColorsOrSize = Omit<SVGProps<SVGSVGElement>, 'fill' | 'stroke' | 'fillColor' | 'strokeColor' | 'size'>;
5
4
  export declare const Icon: FunctionComponent<IconProps & SVGPropsWithoutColorsOrSize>;
6
- export declare const compileReactIconProperties: ({ body, compiledClasses, size, interactiveColorsOnGroup, ...attributes }: {
7
- body: string;
8
- compiledClasses: string[];
9
- size: string;
10
- interactiveColorsOnGroup?: boolean | undefined;
11
- } & SVGPropsWithoutColorsOrSize) => {
12
- string?: string | number | undefined;
13
- className?: string | undefined;
14
- color?: string | undefined;
15
- height: string | number;
16
- id?: string | undefined;
17
- lang?: string | undefined;
18
- max?: string | number | undefined;
19
- media?: string | undefined;
20
- method?: string | undefined;
21
- min?: string | number | undefined;
22
- name?: string | undefined;
23
- style?: React.CSSProperties | undefined;
24
- target?: string | undefined;
25
- type?: string | undefined;
26
- width: string | number;
27
- role?: React.AriaRole | undefined;
28
- tabIndex?: number | undefined;
29
- crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
30
- accentHeight?: string | number | undefined;
31
- accumulate?: "none" | "sum" | undefined;
32
- additive?: "sum" | "replace" | undefined;
33
- alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "inherit" | undefined;
34
- allowReorder?: "no" | "yes" | undefined;
35
- alphabetic?: string | number | undefined;
36
- amplitude?: string | number | undefined;
37
- arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
38
- ascent?: string | number | undefined;
39
- attributeName?: string | undefined;
40
- attributeType?: string | undefined;
41
- autoReverse?: (boolean | "true" | "false") | undefined;
42
- azimuth?: string | number | undefined;
43
- baseFrequency?: string | number | undefined;
44
- baselineShift?: string | number | undefined;
45
- baseProfile?: string | number | undefined;
46
- bbox?: string | number | undefined;
47
- begin?: string | number | undefined;
48
- bias?: string | number | undefined;
49
- by?: string | number | undefined;
50
- calcMode?: string | number | undefined;
51
- capHeight?: string | number | undefined;
52
- clip?: string | number | undefined;
53
- clipPath?: string | undefined;
54
- clipPathUnits?: string | number | undefined;
55
- clipRule?: string | number | undefined;
56
- colorInterpolation?: string | number | undefined;
57
- colorInterpolationFilters?: "auto" | "inherit" | "sRGB" | "linearRGB" | undefined;
58
- colorProfile?: string | number | undefined;
59
- colorRendering?: string | number | undefined;
60
- contentScriptType?: string | number | undefined;
61
- contentStyleType?: string | number | undefined;
62
- cursor?: string | number | undefined;
63
- cx?: string | number | undefined;
64
- cy?: string | number | undefined;
65
- d?: string | undefined;
66
- decelerate?: string | number | undefined;
67
- descent?: string | number | undefined;
68
- diffuseConstant?: string | number | undefined;
69
- direction?: string | number | undefined;
70
- display?: string | number | undefined;
71
- divisor?: string | number | undefined;
72
- dominantBaseline?: string | number | undefined;
73
- dur?: string | number | undefined;
74
- dx?: string | number | undefined;
75
- dy?: string | number | undefined;
76
- edgeMode?: string | number | undefined;
77
- elevation?: string | number | undefined;
78
- enableBackground?: string | number | undefined;
79
- end?: string | number | undefined;
80
- exponent?: string | number | undefined;
81
- externalResourcesRequired?: (boolean | "true" | "false") | undefined;
82
- fillOpacity?: string | number | undefined;
83
- fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
84
- filter?: string | undefined;
85
- filterRes?: string | number | undefined;
86
- filterUnits?: string | number | undefined;
87
- floodColor?: string | number | undefined;
88
- floodOpacity?: string | number | undefined;
89
- focusable?: "auto" | (boolean | "true" | "false") | undefined;
90
- fontFamily?: string | undefined;
91
- fontSize?: string | number | undefined;
92
- fontSizeAdjust?: string | number | undefined;
93
- fontStretch?: string | number | undefined;
94
- fontStyle?: string | number | undefined;
95
- fontVariant?: string | number | undefined;
96
- fontWeight?: string | number | undefined;
97
- format?: string | number | undefined;
98
- fr?: string | number | undefined;
99
- from?: string | number | undefined;
100
- fx?: string | number | undefined;
101
- fy?: string | number | undefined;
102
- g1?: string | number | undefined;
103
- g2?: string | number | undefined;
104
- glyphName?: string | number | undefined;
105
- glyphOrientationHorizontal?: string | number | undefined;
106
- glyphOrientationVertical?: string | number | undefined;
107
- glyphRef?: string | number | undefined;
108
- gradientTransform?: string | undefined;
109
- gradientUnits?: string | undefined;
110
- hanging?: string | number | undefined;
111
- horizAdvX?: string | number | undefined;
112
- horizOriginX?: string | number | undefined;
113
- href?: string | undefined;
114
- ideographic?: string | number | undefined;
115
- imageRendering?: string | number | undefined;
116
- in2?: string | number | undefined;
117
- in?: string | undefined;
118
- intercept?: string | number | undefined;
119
- k1?: string | number | undefined;
120
- k2?: string | number | undefined;
121
- k3?: string | number | undefined;
122
- k4?: string | number | undefined;
123
- k?: string | number | undefined;
124
- kernelMatrix?: string | number | undefined;
125
- kernelUnitLength?: string | number | undefined;
126
- kerning?: string | number | undefined;
127
- keyPoints?: string | number | undefined;
128
- keySplines?: string | number | undefined;
129
- keyTimes?: string | number | undefined;
130
- lengthAdjust?: string | number | undefined;
131
- letterSpacing?: string | number | undefined;
132
- lightingColor?: string | number | undefined;
133
- limitingConeAngle?: string | number | undefined;
134
- local?: string | number | undefined;
135
- markerEnd?: string | undefined;
136
- markerHeight?: string | number | undefined;
137
- markerMid?: string | undefined;
138
- markerStart?: string | undefined;
139
- markerUnits?: string | number | undefined;
140
- markerWidth?: string | number | undefined;
141
- mask?: string | undefined;
142
- maskContentUnits?: string | number | undefined;
143
- maskUnits?: string | number | undefined;
144
- mathematical?: string | number | undefined;
145
- mode?: string | number | undefined;
146
- numOctaves?: string | number | undefined;
147
- offset?: string | number | undefined;
148
- opacity?: string | number | undefined;
149
- operator?: string | number | undefined;
150
- order?: string | number | undefined;
151
- orient?: string | number | undefined;
152
- orientation?: string | number | undefined;
153
- origin?: string | number | undefined;
154
- overflow?: string | number | undefined;
155
- overlinePosition?: string | number | undefined;
156
- overlineThickness?: string | number | undefined;
157
- paintOrder?: string | number | undefined;
158
- panose1?: string | number | undefined;
159
- path?: string | undefined;
160
- pathLength?: string | number | undefined;
161
- patternContentUnits?: string | undefined;
162
- patternTransform?: string | number | undefined;
163
- patternUnits?: string | undefined;
164
- pointerEvents?: string | number | undefined;
165
- points?: string | undefined;
166
- pointsAtX?: string | number | undefined;
167
- pointsAtY?: string | number | undefined;
168
- pointsAtZ?: string | number | undefined;
169
- preserveAlpha?: (boolean | "true" | "false") | undefined;
170
- preserveAspectRatio?: string | undefined;
171
- primitiveUnits?: string | number | undefined;
172
- r?: string | number | undefined;
173
- radius?: string | number | undefined;
174
- refX?: string | number | undefined;
175
- refY?: string | number | undefined;
176
- renderingIntent?: string | number | undefined;
177
- repeatCount?: string | number | undefined;
178
- repeatDur?: string | number | undefined;
179
- requiredExtensions?: string | number | undefined;
180
- requiredFeatures?: string | number | undefined;
181
- restart?: string | number | undefined;
182
- result?: string | undefined;
183
- rotate?: string | number | undefined;
184
- rx?: string | number | undefined;
185
- ry?: string | number | undefined;
186
- scale?: string | number | undefined;
187
- seed?: string | number | undefined;
188
- shapeRendering?: string | number | undefined;
189
- slope?: string | number | undefined;
190
- spacing?: string | number | undefined;
191
- specularConstant?: string | number | undefined;
192
- specularExponent?: string | number | undefined;
193
- speed?: string | number | undefined;
194
- spreadMethod?: string | undefined;
195
- startOffset?: string | number | undefined;
196
- stdDeviation?: string | number | undefined;
197
- stemh?: string | number | undefined;
198
- stemv?: string | number | undefined;
199
- stitchTiles?: string | number | undefined;
200
- stopColor?: string | undefined;
201
- stopOpacity?: string | number | undefined;
202
- strikethroughPosition?: string | number | undefined;
203
- strikethroughThickness?: string | number | undefined;
204
- strokeDasharray?: string | number | undefined;
205
- strokeDashoffset?: string | number | undefined;
206
- strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
207
- strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
208
- strokeMiterlimit?: string | number | undefined;
209
- strokeOpacity?: string | number | undefined;
210
- strokeWidth?: string | number | undefined;
211
- surfaceScale?: string | number | undefined;
212
- systemLanguage?: string | number | undefined;
213
- tableValues?: string | number | undefined;
214
- targetX?: string | number | undefined;
215
- targetY?: string | number | undefined;
216
- textAnchor?: string | undefined;
217
- textDecoration?: string | number | undefined;
218
- textLength?: string | number | undefined;
219
- textRendering?: string | number | undefined;
220
- to?: string | number | undefined;
221
- transform?: string | undefined;
222
- u1?: string | number | undefined;
223
- u2?: string | number | undefined;
224
- underlinePosition?: string | number | undefined;
225
- underlineThickness?: string | number | undefined;
226
- unicode?: string | number | undefined;
227
- unicodeBidi?: string | number | undefined;
228
- unicodeRange?: string | number | undefined;
229
- unitsPerEm?: string | number | undefined;
230
- vAlphabetic?: string | number | undefined;
231
- values?: string | undefined;
232
- vectorEffect?: string | number | undefined;
233
- version?: string | undefined;
234
- vertAdvY?: string | number | undefined;
235
- vertOriginX?: string | number | undefined;
236
- vertOriginY?: string | number | undefined;
237
- vHanging?: string | number | undefined;
238
- vIdeographic?: string | number | undefined;
239
- viewBox?: string | undefined;
240
- viewTarget?: string | number | undefined;
241
- visibility?: string | number | undefined;
242
- vMathematical?: string | number | undefined;
243
- widths?: string | number | undefined;
244
- wordSpacing?: string | number | undefined;
245
- writingMode?: string | number | undefined;
246
- x1?: string | number | undefined;
247
- x2?: string | number | undefined;
248
- x?: string | number | undefined;
249
- xChannelSelector?: string | undefined;
250
- xHeight?: string | number | undefined;
251
- xlinkActuate?: string | undefined;
252
- xlinkArcrole?: string | undefined;
253
- xlinkHref?: string | undefined;
254
- xlinkRole?: string | undefined;
255
- xlinkShow?: string | undefined;
256
- xlinkTitle?: string | undefined;
257
- xlinkType?: string | undefined;
258
- xmlBase?: string | undefined;
259
- xmlLang?: string | undefined;
260
- xmlns?: string | undefined;
261
- xmlnsXlink?: string | undefined;
262
- xmlSpace?: string | undefined;
263
- y1?: string | number | undefined;
264
- y2?: string | number | undefined;
265
- y?: string | number | undefined;
266
- yChannelSelector?: string | undefined;
267
- z?: string | number | undefined;
268
- zoomAndPan?: string | undefined;
269
- 'aria-activedescendant'?: string | undefined;
270
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
271
- 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
272
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
273
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
274
- 'aria-colcount'?: number | undefined;
275
- 'aria-colindex'?: number | undefined;
276
- 'aria-colspan'?: number | undefined;
277
- 'aria-controls'?: string | undefined;
278
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
279
- 'aria-describedby'?: string | undefined;
280
- 'aria-details'?: string | undefined;
281
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
282
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
283
- 'aria-errormessage'?: string | undefined;
284
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
285
- 'aria-flowto'?: string | undefined;
286
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
287
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
288
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
289
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
290
- 'aria-keyshortcuts'?: string | undefined;
291
- 'aria-label'?: string | undefined;
292
- 'aria-labelledby'?: string | undefined;
293
- 'aria-level'?: number | undefined;
294
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
295
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
296
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
297
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
298
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
299
- 'aria-owns'?: string | undefined;
300
- 'aria-placeholder'?: string | undefined;
301
- 'aria-posinset'?: number | undefined;
302
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
303
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
304
- 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
305
- 'aria-required'?: (boolean | "true" | "false") | undefined;
306
- 'aria-roledescription'?: string | undefined;
307
- 'aria-rowcount'?: number | undefined;
308
- 'aria-rowindex'?: number | undefined;
309
- 'aria-rowspan'?: number | undefined;
310
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
311
- 'aria-setsize'?: number | undefined;
312
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
313
- 'aria-valuemax'?: number | undefined;
314
- 'aria-valuemin'?: number | undefined;
315
- 'aria-valuenow'?: number | undefined;
316
- 'aria-valuetext'?: string | undefined;
317
- children?: React.ReactNode;
318
- dangerouslySetInnerHTML: {
319
- __html: string;
320
- };
321
- onCopy?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
322
- onCopyCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
323
- onCut?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
324
- onCutCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
325
- onPaste?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
326
- onPasteCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
327
- onCompositionEnd?: React.CompositionEventHandler<SVGSVGElement> | undefined;
328
- onCompositionEndCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
329
- onCompositionStart?: React.CompositionEventHandler<SVGSVGElement> | undefined;
330
- onCompositionStartCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
331
- onCompositionUpdate?: React.CompositionEventHandler<SVGSVGElement> | undefined;
332
- onCompositionUpdateCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
333
- onFocus?: React.FocusEventHandler<SVGSVGElement> | undefined;
334
- onFocusCapture?: React.FocusEventHandler<SVGSVGElement> | undefined;
335
- onBlur?: React.FocusEventHandler<SVGSVGElement> | undefined;
336
- onBlurCapture?: React.FocusEventHandler<SVGSVGElement> | undefined;
337
- onChange?: React.FormEventHandler<SVGSVGElement> | undefined;
338
- onChangeCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
339
- onBeforeInput?: React.FormEventHandler<SVGSVGElement> | undefined;
340
- onBeforeInputCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
341
- onInput?: React.FormEventHandler<SVGSVGElement> | undefined;
342
- onInputCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
343
- onReset?: React.FormEventHandler<SVGSVGElement> | undefined;
344
- onResetCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
345
- onSubmit?: React.FormEventHandler<SVGSVGElement> | undefined;
346
- onSubmitCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
347
- onInvalid?: React.FormEventHandler<SVGSVGElement> | undefined;
348
- onInvalidCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
349
- onLoad?: React.ReactEventHandler<SVGSVGElement> | undefined;
350
- onLoadCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
351
- onError?: React.ReactEventHandler<SVGSVGElement> | undefined;
352
- onErrorCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
353
- onKeyDown?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
354
- onKeyDownCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
355
- onKeyPress?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
356
- onKeyPressCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
357
- onKeyUp?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
358
- onKeyUpCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
359
- onAbort?: React.ReactEventHandler<SVGSVGElement> | undefined;
360
- onAbortCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
361
- onCanPlay?: React.ReactEventHandler<SVGSVGElement> | undefined;
362
- onCanPlayCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
363
- onCanPlayThrough?: React.ReactEventHandler<SVGSVGElement> | undefined;
364
- onCanPlayThroughCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
365
- onDurationChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
366
- onDurationChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
367
- onEmptied?: React.ReactEventHandler<SVGSVGElement> | undefined;
368
- onEmptiedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
369
- onEncrypted?: React.ReactEventHandler<SVGSVGElement> | undefined;
370
- onEncryptedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
371
- onEnded?: React.ReactEventHandler<SVGSVGElement> | undefined;
372
- onEndedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
373
- onLoadedData?: React.ReactEventHandler<SVGSVGElement> | undefined;
374
- onLoadedDataCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
375
- onLoadedMetadata?: React.ReactEventHandler<SVGSVGElement> | undefined;
376
- onLoadedMetadataCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
377
- onLoadStart?: React.ReactEventHandler<SVGSVGElement> | undefined;
378
- onLoadStartCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
379
- onPause?: React.ReactEventHandler<SVGSVGElement> | undefined;
380
- onPauseCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
381
- onPlay?: React.ReactEventHandler<SVGSVGElement> | undefined;
382
- onPlayCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
383
- onPlaying?: React.ReactEventHandler<SVGSVGElement> | undefined;
384
- onPlayingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
385
- onProgress?: React.ReactEventHandler<SVGSVGElement> | undefined;
386
- onProgressCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
387
- onRateChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
388
- onRateChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
389
- onSeeked?: React.ReactEventHandler<SVGSVGElement> | undefined;
390
- onSeekedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
391
- onSeeking?: React.ReactEventHandler<SVGSVGElement> | undefined;
392
- onSeekingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
393
- onStalled?: React.ReactEventHandler<SVGSVGElement> | undefined;
394
- onStalledCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
395
- onSuspend?: React.ReactEventHandler<SVGSVGElement> | undefined;
396
- onSuspendCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
397
- onTimeUpdate?: React.ReactEventHandler<SVGSVGElement> | undefined;
398
- onTimeUpdateCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
399
- onVolumeChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
400
- onVolumeChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
401
- onWaiting?: React.ReactEventHandler<SVGSVGElement> | undefined;
402
- onWaitingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
403
- onAuxClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
404
- onAuxClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
405
- onClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
406
- onClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
407
- onContextMenu?: React.MouseEventHandler<SVGSVGElement> | undefined;
408
- onContextMenuCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
409
- onDoubleClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
410
- onDoubleClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
411
- onDrag?: React.DragEventHandler<SVGSVGElement> | undefined;
412
- onDragCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
413
- onDragEnd?: React.DragEventHandler<SVGSVGElement> | undefined;
414
- onDragEndCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
415
- onDragEnter?: React.DragEventHandler<SVGSVGElement> | undefined;
416
- onDragEnterCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
417
- onDragExit?: React.DragEventHandler<SVGSVGElement> | undefined;
418
- onDragExitCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
419
- onDragLeave?: React.DragEventHandler<SVGSVGElement> | undefined;
420
- onDragLeaveCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
421
- onDragOver?: React.DragEventHandler<SVGSVGElement> | undefined;
422
- onDragOverCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
423
- onDragStart?: React.DragEventHandler<SVGSVGElement> | undefined;
424
- onDragStartCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
425
- onDrop?: React.DragEventHandler<SVGSVGElement> | undefined;
426
- onDropCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
427
- onMouseDown?: React.MouseEventHandler<SVGSVGElement> | undefined;
428
- onMouseDownCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
429
- onMouseEnter?: React.MouseEventHandler<SVGSVGElement> | undefined;
430
- onMouseLeave?: React.MouseEventHandler<SVGSVGElement> | undefined;
431
- onMouseMove?: React.MouseEventHandler<SVGSVGElement> | undefined;
432
- onMouseMoveCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
433
- onMouseOut?: React.MouseEventHandler<SVGSVGElement> | undefined;
434
- onMouseOutCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
435
- onMouseOver?: React.MouseEventHandler<SVGSVGElement> | undefined;
436
- onMouseOverCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
437
- onMouseUp?: React.MouseEventHandler<SVGSVGElement> | undefined;
438
- onMouseUpCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
439
- onSelect?: React.ReactEventHandler<SVGSVGElement> | undefined;
440
- onSelectCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
441
- onTouchCancel?: React.TouchEventHandler<SVGSVGElement> | undefined;
442
- onTouchCancelCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
443
- onTouchEnd?: React.TouchEventHandler<SVGSVGElement> | undefined;
444
- onTouchEndCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
445
- onTouchMove?: React.TouchEventHandler<SVGSVGElement> | undefined;
446
- onTouchMoveCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
447
- onTouchStart?: React.TouchEventHandler<SVGSVGElement> | undefined;
448
- onTouchStartCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
449
- onPointerDown?: React.PointerEventHandler<SVGSVGElement> | undefined;
450
- onPointerDownCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
451
- onPointerMove?: React.PointerEventHandler<SVGSVGElement> | undefined;
452
- onPointerMoveCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
453
- onPointerUp?: React.PointerEventHandler<SVGSVGElement> | undefined;
454
- onPointerUpCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
455
- onPointerCancel?: React.PointerEventHandler<SVGSVGElement> | undefined;
456
- onPointerCancelCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
457
- onPointerEnter?: React.PointerEventHandler<SVGSVGElement> | undefined;
458
- onPointerEnterCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
459
- onPointerLeave?: React.PointerEventHandler<SVGSVGElement> | undefined;
460
- onPointerLeaveCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
461
- onPointerOver?: React.PointerEventHandler<SVGSVGElement> | undefined;
462
- onPointerOverCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
463
- onPointerOut?: React.PointerEventHandler<SVGSVGElement> | undefined;
464
- onPointerOutCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
465
- onGotPointerCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
466
- onGotPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
467
- onLostPointerCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
468
- onLostPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
469
- onScroll?: React.UIEventHandler<SVGSVGElement> | undefined;
470
- onScrollCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
471
- onWheel?: React.WheelEventHandler<SVGSVGElement> | undefined;
472
- onWheelCapture?: React.WheelEventHandler<SVGSVGElement> | undefined;
473
- onAnimationStart?: React.AnimationEventHandler<SVGSVGElement> | undefined;
474
- onAnimationStartCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
475
- onAnimationEnd?: React.AnimationEventHandler<SVGSVGElement> | undefined;
476
- onAnimationEndCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
477
- onAnimationIteration?: React.AnimationEventHandler<SVGSVGElement> | undefined;
478
- onAnimationIterationCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
479
- onTransitionEnd?: React.TransitionEventHandler<SVGSVGElement> | undefined;
480
- onTransitionEndCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
481
- ref?: React.LegacyRef<SVGSVGElement> | undefined;
482
- key?: React.Key | null | undefined;
483
- fill: string;
484
- };
485
5
  export default Icon;
486
6
  //# sourceMappingURL=Icon.d.ts.map
package/dist/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAE9D,aAAK,2BAA2B,GAAG,IAAI,CACrC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC7B,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,CACzD,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAClC,SAAS,GAAG,2BAA2B,CAMxC,CAAA;AAED,eAAO,MAAM,0BAA0B;UAO/B,MAAM;qBACK,MAAM,EAAE;UACnB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBb,CAAA;AAED,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAG9D,aAAK,2BAA2B,GAAG,IAAI,CACrC,QAAQ,CAAC,aAAa,CAAC,EACvB,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,CACzD,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAClC,SAAS,GAAG,2BAA2B,CAMxC,CAAA;AAED,eAAe,IAAI,CAAA"}
package/dist/TreeShakableIcons.d.ts CHANGED
@@ -100,6 +100,28 @@ export declare const IconObjectRuler: React.FC<Omit<iconsRegistry.IconObjectRule
100
100
  export declare const IconSecurityKey: React.FC<Omit<iconsRegistry.IconSecurityKeyProps, 'name'> & React.SVGProps<SVGSVGElement>>;
101
101
  export declare const IconSecurityLockLocked: React.FC<Omit<iconsRegistry.IconSecurityLockLockedProps, 'name'> & React.SVGProps<SVGSVGElement>>;
102
102
  export declare const IconShapeLightningBolt: React.FC<Omit<iconsRegistry.IconShapeLightningBoltProps, 'name'> & React.SVGProps<SVGSVGElement>>;
103
+ export declare const IconStatusCancelledOutline: React.FC<Omit<iconsRegistry.IconStatusCancelledOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
104
+ export declare const IconStatusCancelledSimple: React.FC<Omit<iconsRegistry.IconStatusCancelledSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
105
+ export declare const IconStatusCancelledSolid: React.FC<Omit<iconsRegistry.IconStatusCancelledSolidProps, 'name'> & React.SVGProps<SVGSVGElement>>;
106
+ export declare const IconStatusErroredOutline: React.FC<Omit<iconsRegistry.IconStatusErroredOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
107
+ export declare const IconStatusErroredSimple: React.FC<Omit<iconsRegistry.IconStatusErroredSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
108
+ export declare const IconStatusErroredSolid: React.FC<Omit<iconsRegistry.IconStatusErroredSolidProps, 'name'> & React.SVGProps<SVGSVGElement>>;
109
+ export declare const IconStatusFailedOutline: React.FC<Omit<iconsRegistry.IconStatusFailedOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
110
+ export declare const IconStatusFailedSimple: React.FC<Omit<iconsRegistry.IconStatusFailedSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
111
+ export declare const IconStatusFailedSolid: React.FC<Omit<iconsRegistry.IconStatusFailedSolidProps, 'name'> & React.SVGProps<SVGSVGElement>>;
112
+ export declare const IconStatusPassedOutline: React.FC<Omit<iconsRegistry.IconStatusPassedOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
113
+ export declare const IconStatusPassedSimple: React.FC<Omit<iconsRegistry.IconStatusPassedSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
114
+ export declare const IconStatusPassedSolid: React.FC<Omit<iconsRegistry.IconStatusPassedSolidProps, 'name'> & React.SVGProps<SVGSVGElement>>;
115
+ export declare const IconStatusPendingOutline: React.FC<Omit<iconsRegistry.IconStatusPendingOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
116
+ export declare const IconStatusPendingSimple: React.FC<Omit<iconsRegistry.IconStatusPendingSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
117
+ export declare const IconStatusPlaceholderSimple: React.FC<Omit<iconsRegistry.IconStatusPlaceholderSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
118
+ export declare const IconStatusPlaceholderSolid: React.FC<Omit<iconsRegistry.IconStatusPlaceholderSolidProps, 'name'> & React.SVGProps<SVGSVGElement>>;
119
+ export declare const IconStatusQueuedOutline: React.FC<Omit<iconsRegistry.IconStatusQueuedOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
120
+ export declare const IconStatusQueuedSimple: React.FC<Omit<iconsRegistry.IconStatusQueuedSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
121
+ export declare const IconStatusRunningOutline: React.FC<Omit<iconsRegistry.IconStatusRunningOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
122
+ export declare const IconStatusRunningSimple: React.FC<Omit<iconsRegistry.IconStatusRunningSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
123
+ export declare const IconStatusSkippedOutline: React.FC<Omit<iconsRegistry.IconStatusSkippedOutlineProps, 'name'> & React.SVGProps<SVGSVGElement>>;
124
+ export declare const IconStatusSkippedSimple: React.FC<Omit<iconsRegistry.IconStatusSkippedSimpleProps, 'name'> & React.SVGProps<SVGSVGElement>>;
103
125
  export declare const IconTechnologyBranchHTall: React.FC<Omit<iconsRegistry.IconTechnologyBranchHTallProps, 'name'> & React.SVGProps<SVGSVGElement>>;
104
126
  export declare const IconTechnologyBranchH: React.FC<Omit<iconsRegistry.IconTechnologyBranchHProps, 'name'> & React.SVGProps<SVGSVGElement>>;
105
127
  export declare const IconTechnologyBrowserTesting2: React.FC<Omit<iconsRegistry.IconTechnologyBrowserTesting2Props, 'name'> & React.SVGProps<SVGSVGElement>>;