@cypress-design/react-statusicon 0.4.3 → 0.4.5

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/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +16 -0
  3. package/compileProps.ts +1 -2
  4. package/dist/compileProps.d.ts +479 -1
  5. package/dist/compileProps.d.ts.map +1 -1
  6. package/dist/index.es.mjs +11 -4
  7. package/dist/index.es.mjs.map +1 -1
  8. package/dist/index.umd.js +11 -4
  9. package/dist/index.umd.js.map +1 -1
  10. package/package.json +2 -2
  11. package/tsconfig.json +0 -8
package/.turbo/turbo-build.log CHANGED
@@ -8,5 +8,5 @@ $ rollup -c ./rollup.config.mjs
8
8
  index.ts
9
9
 
10
10
  Consumers of your bundle will have to use chunk.default to access their default export, which may not be what you want. Use `output.exports: "named"` to disable this warning.
11
- created ./dist/index.umd.js, ./dist/index.es.mjs in 19.8s
11
+ created ./dist/index.umd.js, ./dist/index.es.mjs in 28.2s
12
12
  $ tsc --project ./tsconfig.build.json
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @cypress-design/react-statusicon
2
2
 
3
+ ## 0.4.5
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`7b59812`](https://github.com/cypress-io/cypress-design/commit/7b59812607db7bd563643c84f5cf9c4be52d98b9)]:
8
+ - @cypress-design/react-icon@0.22.0
9
+
10
+ ## 0.4.4
11
+
12
+ ### Patch Changes
13
+
14
+ - [#219](https://github.com/cypress-io/cypress-design/pull/219) [`0a4ce3b`](https://github.com/cypress-io/cypress-design/commit/0a4ce3bb55b9ab0510f7fb9ba207d5fdc3cb723f) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor some typings so eslint passes without warning
15
+
16
+ - Updated dependencies [[`0a4ce3b`](https://github.com/cypress-io/cypress-design/commit/0a4ce3bb55b9ab0510f7fb9ba207d5fdc3cb723f)]:
17
+ - @cypress-design/react-icon@0.21.3
18
+
3
19
  ## 0.4.3
4
20
 
5
21
  ### Patch Changes
package/compileProps.ts CHANGED
@@ -19,12 +19,11 @@ export const compileProps = ({
19
19
 
20
20
  const iconInfo = status ? StatusForColor[status] : StatusForColor.placeholder
21
21
 
22
- const { data: iconData, name } = statusInfo[`size${size}Icon`]
22
+ const { data: iconData } = statusInfo[`size${size}Icon`]
23
23
 
24
24
  const classes = `inline-block ${className || ''}`
25
25
 
26
26
  const { compiledClasses } = getComponentAttributes({
27
- name,
28
27
  strokeColor: iconInfo.color,
29
28
  size,
30
29
  availableSizes: [size],
package/dist/compileProps.d.ts CHANGED
@@ -1,6 +1,484 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
1
3
  import type { IconSet, VariantStatusIconProps } from '@cypress-design/constants-statusicon';
2
4
  export declare const compileProps: ({ status, statuses, className, size, }: VariantStatusIconProps & {
3
5
  statuses: Record<string, IconSet>;
4
6
  className: string | undefined;
5
- }) => any;
7
+ }) => {
8
+ className: string | undefined;
9
+ color?: string | undefined;
10
+ height: string | number;
11
+ id?: string | undefined;
12
+ lang?: string | undefined;
13
+ max?: string | number | undefined;
14
+ media?: string | undefined;
15
+ method?: string | undefined;
16
+ min?: string | number | undefined;
17
+ name?: string | undefined;
18
+ style?: import("react").CSSProperties | undefined;
19
+ target?: string | undefined;
20
+ type?: string | undefined;
21
+ width: string | number;
22
+ role?: import("react").AriaRole | undefined;
23
+ tabIndex?: number | undefined;
24
+ crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
25
+ accentHeight?: string | number | undefined;
26
+ accumulate?: "none" | "sum" | undefined;
27
+ additive?: "replace" | "sum" | undefined;
28
+ alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "middle" | "after-edge" | "before-edge" | "central" | "text-after-edge" | "text-before-edge" | undefined;
29
+ allowReorder?: "no" | "yes" | undefined;
30
+ alphabetic?: string | number | undefined;
31
+ amplitude?: string | number | undefined;
32
+ arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
33
+ ascent?: string | number | undefined;
34
+ attributeName?: string | undefined;
35
+ attributeType?: string | undefined;
36
+ autoReverse?: boolean | "false" | "true" | undefined;
37
+ azimuth?: string | number | undefined;
38
+ baseFrequency?: string | number | undefined;
39
+ baselineShift?: string | number | undefined;
40
+ baseProfile?: string | number | undefined;
41
+ bbox?: string | number | undefined;
42
+ begin?: string | number | undefined;
43
+ bias?: string | number | undefined;
44
+ by?: string | number | undefined;
45
+ calcMode?: string | number | undefined;
46
+ capHeight?: string | number | undefined;
47
+ clip?: string | number | undefined;
48
+ clipPath?: string | undefined;
49
+ clipPathUnits?: string | number | undefined;
50
+ clipRule?: string | number | undefined;
51
+ colorInterpolation?: string | number | undefined;
52
+ colorInterpolationFilters?: "inherit" | "auto" | "linearRGB" | "sRGB" | undefined;
53
+ colorProfile?: string | number | undefined;
54
+ colorRendering?: string | number | undefined;
55
+ contentScriptType?: string | number | undefined;
56
+ contentStyleType?: string | number | undefined;
57
+ cursor?: string | number | undefined;
58
+ cx?: string | number | undefined;
59
+ cy?: string | number | undefined;
60
+ d?: string | undefined;
61
+ decelerate?: string | number | undefined;
62
+ descent?: string | number | undefined;
63
+ diffuseConstant?: string | number | undefined;
64
+ direction?: string | number | undefined;
65
+ display?: string | number | undefined;
66
+ divisor?: string | number | undefined;
67
+ dominantBaseline?: string | number | undefined;
68
+ dur?: string | number | undefined;
69
+ dx?: string | number | undefined;
70
+ dy?: string | number | undefined;
71
+ edgeMode?: string | number | undefined;
72
+ elevation?: string | number | undefined;
73
+ enableBackground?: string | number | undefined;
74
+ end?: string | number | undefined;
75
+ exponent?: string | number | undefined;
76
+ externalResourcesRequired?: boolean | "false" | "true" | undefined;
77
+ fill: string;
78
+ fillOpacity?: string | number | undefined;
79
+ fillRule?: "inherit" | "evenodd" | "nonzero" | undefined;
80
+ filter?: string | undefined;
81
+ filterRes?: string | number | undefined;
82
+ filterUnits?: string | number | undefined;
83
+ floodColor?: string | number | undefined;
84
+ floodOpacity?: string | number | undefined;
85
+ focusable?: boolean | "auto" | "false" | "true" | undefined;
86
+ fontFamily?: string | undefined;
87
+ fontSize?: string | number | undefined;
88
+ fontSizeAdjust?: string | number | undefined;
89
+ fontStretch?: string | number | undefined;
90
+ fontStyle?: string | number | undefined;
91
+ fontVariant?: string | number | undefined;
92
+ fontWeight?: string | number | undefined;
93
+ format?: string | number | undefined;
94
+ fr?: string | number | undefined;
95
+ from?: string | number | undefined;
96
+ fx?: string | number | undefined;
97
+ fy?: string | number | undefined;
98
+ g1?: string | number | undefined;
99
+ g2?: string | number | undefined;
100
+ glyphName?: string | number | undefined;
101
+ glyphOrientationHorizontal?: string | number | undefined;
102
+ glyphOrientationVertical?: string | number | undefined;
103
+ glyphRef?: string | number | undefined;
104
+ gradientTransform?: string | undefined;
105
+ gradientUnits?: string | undefined;
106
+ hanging?: string | number | undefined;
107
+ horizAdvX?: string | number | undefined;
108
+ horizOriginX?: string | number | undefined;
109
+ href?: string | undefined;
110
+ ideographic?: string | number | undefined;
111
+ imageRendering?: string | number | undefined;
112
+ in2?: string | number | undefined;
113
+ in?: string | undefined;
114
+ intercept?: string | number | undefined;
115
+ k1?: string | number | undefined;
116
+ k2?: string | number | undefined;
117
+ k3?: string | number | undefined;
118
+ k4?: string | number | undefined;
119
+ k?: string | number | undefined;
120
+ kernelMatrix?: string | number | undefined;
121
+ kernelUnitLength?: string | number | undefined;
122
+ kerning?: string | number | undefined;
123
+ keyPoints?: string | number | undefined;
124
+ keySplines?: string | number | undefined;
125
+ keyTimes?: string | number | undefined;
126
+ lengthAdjust?: string | number | undefined;
127
+ letterSpacing?: string | number | undefined;
128
+ lightingColor?: string | number | undefined;
129
+ limitingConeAngle?: string | number | undefined;
130
+ local?: string | number | undefined;
131
+ markerEnd?: string | undefined;
132
+ markerHeight?: string | number | undefined;
133
+ markerMid?: string | undefined;
134
+ markerStart?: string | undefined;
135
+ markerUnits?: string | number | undefined;
136
+ markerWidth?: string | number | undefined;
137
+ mask?: string | undefined;
138
+ maskContentUnits?: string | number | undefined;
139
+ maskUnits?: string | number | undefined;
140
+ mathematical?: string | number | undefined;
141
+ mode?: string | number | undefined;
142
+ numOctaves?: string | number | undefined;
143
+ offset?: string | number | undefined;
144
+ opacity?: string | number | undefined;
145
+ operator?: string | number | undefined;
146
+ order?: string | number | undefined;
147
+ orient?: string | number | undefined;
148
+ orientation?: string | number | undefined;
149
+ origin?: string | number | undefined;
150
+ overflow?: string | number | undefined;
151
+ overlinePosition?: string | number | undefined;
152
+ overlineThickness?: string | number | undefined;
153
+ paintOrder?: string | number | undefined;
154
+ panose1?: string | number | undefined;
155
+ path?: string | undefined;
156
+ pathLength?: string | number | undefined;
157
+ patternContentUnits?: string | undefined;
158
+ patternTransform?: string | number | undefined;
159
+ patternUnits?: string | undefined;
160
+ pointerEvents?: string | number | undefined;
161
+ points?: string | undefined;
162
+ pointsAtX?: string | number | undefined;
163
+ pointsAtY?: string | number | undefined;
164
+ pointsAtZ?: string | number | undefined;
165
+ preserveAlpha?: boolean | "false" | "true" | undefined;
166
+ preserveAspectRatio?: string | undefined;
167
+ primitiveUnits?: string | number | undefined;
168
+ r?: string | number | undefined;
169
+ radius?: string | number | undefined;
170
+ refX?: string | number | undefined;
171
+ refY?: string | number | undefined;
172
+ renderingIntent?: string | number | undefined;
173
+ repeatCount?: string | number | undefined;
174
+ repeatDur?: string | number | undefined;
175
+ requiredExtensions?: string | number | undefined;
176
+ requiredFeatures?: string | number | undefined;
177
+ restart?: string | number | undefined;
178
+ result?: string | undefined;
179
+ rotate?: string | number | undefined;
180
+ rx?: string | number | undefined;
181
+ ry?: string | number | undefined;
182
+ scale?: string | number | undefined;
183
+ seed?: string | number | undefined;
184
+ shapeRendering?: string | number | undefined;
185
+ slope?: string | number | undefined;
186
+ spacing?: string | number | undefined;
187
+ specularConstant?: string | number | undefined;
188
+ specularExponent?: string | number | undefined;
189
+ speed?: string | number | undefined;
190
+ spreadMethod?: string | undefined;
191
+ startOffset?: string | number | undefined;
192
+ stdDeviation?: string | number | undefined;
193
+ stemh?: string | number | undefined;
194
+ stemv?: string | number | undefined;
195
+ stitchTiles?: string | number | undefined;
196
+ stopColor?: string | undefined;
197
+ stopOpacity?: string | number | undefined;
198
+ strikethroughPosition?: string | number | undefined;
199
+ strikethroughThickness?: string | number | undefined;
200
+ string?: string | number | undefined;
201
+ stroke?: string | undefined;
202
+ strokeDasharray?: string | number | undefined;
203
+ strokeDashoffset?: string | number | undefined;
204
+ strokeLinecap?: "inherit" | "round" | "butt" | "square" | undefined;
205
+ strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
206
+ strokeMiterlimit?: string | number | undefined;
207
+ strokeOpacity?: string | number | undefined;
208
+ strokeWidth?: string | number | undefined;
209
+ surfaceScale?: string | number | undefined;
210
+ systemLanguage?: string | number | undefined;
211
+ tableValues?: string | number | undefined;
212
+ targetX?: string | number | undefined;
213
+ targetY?: string | number | undefined;
214
+ textAnchor?: string | undefined;
215
+ textDecoration?: string | number | undefined;
216
+ textLength?: string | number | undefined;
217
+ textRendering?: string | number | undefined;
218
+ to?: string | number | undefined;
219
+ transform?: string | undefined;
220
+ u1?: string | number | undefined;
221
+ u2?: string | number | undefined;
222
+ underlinePosition?: string | number | undefined;
223
+ underlineThickness?: string | number | undefined;
224
+ unicode?: string | number | undefined;
225
+ unicodeBidi?: string | number | undefined;
226
+ unicodeRange?: string | number | undefined;
227
+ unitsPerEm?: string | number | undefined;
228
+ vAlphabetic?: string | number | undefined;
229
+ values?: string | undefined;
230
+ vectorEffect?: string | number | undefined;
231
+ version?: string | undefined;
232
+ vertAdvY?: string | number | undefined;
233
+ vertOriginX?: string | number | undefined;
234
+ vertOriginY?: string | number | undefined;
235
+ vHanging?: string | number | undefined;
236
+ vIdeographic?: string | number | undefined;
237
+ viewBox: string;
238
+ viewTarget?: string | number | undefined;
239
+ visibility?: string | number | undefined;
240
+ vMathematical?: string | number | undefined;
241
+ widths?: string | number | undefined;
242
+ wordSpacing?: string | number | undefined;
243
+ writingMode?: string | number | undefined;
244
+ x1?: string | number | undefined;
245
+ x2?: string | number | undefined;
246
+ x?: string | number | undefined;
247
+ xChannelSelector?: string | undefined;
248
+ xHeight?: string | number | undefined;
249
+ xlinkActuate?: string | undefined;
250
+ xlinkArcrole?: string | undefined;
251
+ xlinkHref?: string | undefined;
252
+ xlinkRole?: string | undefined;
253
+ xlinkShow?: string | undefined;
254
+ xlinkTitle?: string | undefined;
255
+ xlinkType?: string | undefined;
256
+ xmlBase?: string | undefined;
257
+ xmlLang?: string | undefined;
258
+ xmlns?: string | undefined;
259
+ xmlnsXlink?: string | undefined;
260
+ xmlSpace?: string | undefined;
261
+ y1?: string | number | undefined;
262
+ y2?: string | number | undefined;
263
+ y?: string | number | undefined;
264
+ yChannelSelector?: string | undefined;
265
+ z?: string | number | undefined;
266
+ zoomAndPan?: string | undefined;
267
+ 'aria-activedescendant'?: string | undefined;
268
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
269
+ 'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
270
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
271
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
272
+ 'aria-colcount'?: number | undefined;
273
+ 'aria-colindex'?: number | undefined;
274
+ 'aria-colspan'?: number | undefined;
275
+ 'aria-controls'?: string | undefined;
276
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
277
+ 'aria-describedby'?: string | undefined;
278
+ 'aria-details'?: string | undefined;
279
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
280
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
281
+ 'aria-errormessage'?: string | undefined;
282
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
283
+ 'aria-flowto'?: string | undefined;
284
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
285
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
286
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
287
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
288
+ 'aria-keyshortcuts'?: string | undefined;
289
+ 'aria-label'?: string | undefined;
290
+ 'aria-labelledby'?: string | undefined;
291
+ 'aria-level'?: number | undefined;
292
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
293
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
294
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
295
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
296
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
297
+ 'aria-owns'?: string | undefined;
298
+ 'aria-placeholder'?: string | undefined;
299
+ 'aria-posinset'?: number | undefined;
300
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
301
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
302
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
303
+ 'aria-required'?: boolean | "false" | "true" | undefined;
304
+ 'aria-roledescription'?: string | undefined;
305
+ 'aria-rowcount'?: number | undefined;
306
+ 'aria-rowindex'?: number | undefined;
307
+ 'aria-rowspan'?: number | undefined;
308
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
309
+ 'aria-setsize'?: number | undefined;
310
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
311
+ 'aria-valuemax'?: number | undefined;
312
+ 'aria-valuemin'?: number | undefined;
313
+ 'aria-valuenow'?: number | undefined;
314
+ 'aria-valuetext'?: string | undefined;
315
+ children?: import("react").ReactNode;
316
+ dangerouslySetInnerHTML: {
317
+ __html: string | TrustedHTML;
318
+ };
319
+ onCopy?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
320
+ onCopyCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
321
+ onCut?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
322
+ onCutCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
323
+ onPaste?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
324
+ onPasteCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
325
+ onCompositionEnd?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
326
+ onCompositionEndCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
327
+ onCompositionStart?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
328
+ onCompositionStartCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
329
+ onCompositionUpdate?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
330
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
331
+ onFocus?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
332
+ onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
333
+ onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
334
+ onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
335
+ onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
336
+ onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
337
+ onBeforeInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
338
+ onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
339
+ onInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
340
+ onInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
341
+ onReset?: import("react").FormEventHandler<SVGSVGElement> | undefined;
342
+ onResetCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
343
+ onSubmit?: import("react").FormEventHandler<SVGSVGElement> | undefined;
344
+ onSubmitCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
345
+ onInvalid?: import("react").FormEventHandler<SVGSVGElement> | undefined;
346
+ onInvalidCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
347
+ onLoad?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
348
+ onLoadCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
349
+ onError?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
350
+ onErrorCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
351
+ onKeyDown?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
352
+ onKeyDownCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
353
+ onKeyPress?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
354
+ onKeyPressCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
355
+ onKeyUp?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
356
+ onKeyUpCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
357
+ onAbort?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
358
+ onAbortCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
359
+ onCanPlay?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
360
+ onCanPlayCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
361
+ onCanPlayThrough?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
362
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
363
+ onDurationChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
364
+ onDurationChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
365
+ onEmptied?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
366
+ onEmptiedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
367
+ onEncrypted?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
368
+ onEncryptedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
369
+ onEnded?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
370
+ onEndedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
371
+ onLoadedData?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
372
+ onLoadedDataCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
373
+ onLoadedMetadata?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
374
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
375
+ onLoadStart?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
376
+ onLoadStartCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
377
+ onPause?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
378
+ onPauseCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
379
+ onPlay?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
380
+ onPlayCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
381
+ onPlaying?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
382
+ onPlayingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
383
+ onProgress?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
384
+ onProgressCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
385
+ onRateChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
386
+ onRateChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
387
+ onResize?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
388
+ onResizeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
389
+ onSeeked?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
390
+ onSeekedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
391
+ onSeeking?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
392
+ onSeekingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
393
+ onStalled?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
394
+ onStalledCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
395
+ onSuspend?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
396
+ onSuspendCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
397
+ onTimeUpdate?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
398
+ onTimeUpdateCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
399
+ onVolumeChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
400
+ onVolumeChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
401
+ onWaiting?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
402
+ onWaitingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
403
+ onAuxClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
404
+ onAuxClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
405
+ onClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
406
+ onClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
407
+ onContextMenu?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
408
+ onContextMenuCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
409
+ onDoubleClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
410
+ onDoubleClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
411
+ onDrag?: import("react").DragEventHandler<SVGSVGElement> | undefined;
412
+ onDragCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
413
+ onDragEnd?: import("react").DragEventHandler<SVGSVGElement> | undefined;
414
+ onDragEndCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
415
+ onDragEnter?: import("react").DragEventHandler<SVGSVGElement> | undefined;
416
+ onDragEnterCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
417
+ onDragExit?: import("react").DragEventHandler<SVGSVGElement> | undefined;
418
+ onDragExitCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
419
+ onDragLeave?: import("react").DragEventHandler<SVGSVGElement> | undefined;
420
+ onDragLeaveCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
421
+ onDragOver?: import("react").DragEventHandler<SVGSVGElement> | undefined;
422
+ onDragOverCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
423
+ onDragStart?: import("react").DragEventHandler<SVGSVGElement> | undefined;
424
+ onDragStartCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
425
+ onDrop?: import("react").DragEventHandler<SVGSVGElement> | undefined;
426
+ onDropCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
427
+ onMouseDown?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
428
+ onMouseDownCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
429
+ onMouseEnter?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
430
+ onMouseLeave?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
431
+ onMouseMove?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
432
+ onMouseMoveCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
433
+ onMouseOut?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
434
+ onMouseOutCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
435
+ onMouseOver?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
436
+ onMouseOverCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
437
+ onMouseUp?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
438
+ onMouseUpCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
439
+ onSelect?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
440
+ onSelectCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
441
+ onTouchCancel?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
442
+ onTouchCancelCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
443
+ onTouchEnd?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
444
+ onTouchEndCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
445
+ onTouchMove?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
446
+ onTouchMoveCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
447
+ onTouchStart?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
448
+ onTouchStartCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
449
+ onPointerDown?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
450
+ onPointerDownCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
451
+ onPointerMove?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
452
+ onPointerMoveCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
453
+ onPointerUp?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
454
+ onPointerUpCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
455
+ onPointerCancel?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
456
+ onPointerCancelCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
457
+ onPointerEnter?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
458
+ onPointerEnterCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
459
+ onPointerLeave?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
460
+ onPointerLeaveCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
461
+ onPointerOver?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
462
+ onPointerOverCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
463
+ onPointerOut?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
464
+ onPointerOutCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
465
+ onGotPointerCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
466
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
467
+ onLostPointerCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
468
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
469
+ onScroll?: import("react").UIEventHandler<SVGSVGElement> | undefined;
470
+ onScrollCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
471
+ onWheel?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
472
+ onWheelCapture?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
473
+ onAnimationStart?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
474
+ onAnimationStartCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
475
+ onAnimationEnd?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
476
+ onAnimationEndCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
477
+ onAnimationIteration?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
478
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
479
+ onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
480
+ onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
481
+ ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
482
+ key?: import("react").Key | null | undefined;
483
+ };
6
484
  //# sourceMappingURL=compileProps.d.ts.map
package/dist/compileProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"compileProps.d.ts","sourceRoot":"./","sources":["compileProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,sBAAsB,EACvB,MAAM,sCAAsC,CAAA;AAK7C,eAAO,MAAM,YAAY;cAMb,OAAO,MAAM,EAAE,OAAO,CAAC;eACtB,MAAM,GAAG,SAAS;SAuB9B,CAAA"}
1
+ {"version":3,"file":"compileProps.d.ts","sourceRoot":"./","sources":["compileProps.ts"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EACV,OAAO,EACP,sBAAsB,EACvB,MAAM,sCAAsC,CAAA;AAK7C,eAAO,MAAM,YAAY;cAMb,OAAO,MAAM,EAAE,OAAO,CAAC;eACtB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB9B,CAAA"}
package/dist/index.es.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { cyStatusRunningSimpleX4, cyStatusRunningSimpleX8, cyStatusRunningOutlineX12, cyStatusRunningOutlineX16, cyStatusRunningOutlineX24, cyStatusPassedSimpleX4, cyStatusPassedSimpleX8, cyStatusPassedSimpleX12, cyStatusPassedOutlineX16, cyStatusPassedOutlineX24, cyStatusFailedSimpleX4, cyStatusFailedSimpleX8, cyStatusFailedSimpleX12, cyStatusFailedOutlineX16, cyStatusFailedOutlineX24, cyStatusQueuedSimpleX4, cyStatusQueuedSimpleX8, cyStatusQueuedOutlineX12, cyStatusQueuedOutlineX16, cyStatusQueuedOutlineX24, cyStatusPlaceholderSimpleX4, cyStatusPlaceholderSimpleX8, cyStatusPlaceholderSolidX12, cyStatusPlaceholderSolidX16, cyStatusPlaceholderSolidX24, cyStatusCancelledSimpleX4, cyStatusCancelledSimpleX8, cyStatusCancelledSolidX12, cyStatusCancelledOutlineX16, cyStatusCancelledOutlineX24, cyStatusErroredSimpleX4, cyStatusErroredSimpleX8, cyStatusErroredSolidX12, cyStatusErroredOutlineX16, cyStatusErroredOutlineX24, cyStatusSkippedSimpleX4, cyStatusSkippedSimpleX8, cyStatusSkippedOutlineX12, cyStatusSkippedOutlineX16, cyStatusSkippedOutlineX24, cyStatusPendingSimpleX4, cyStatusPendingSimpleX8, cyStatusPendingOutlineX12, cyStatusPendingOutlineX16, cyStatusPendingOutlineX24, cyStatusPassedSimpleX16, cyStatusPassedSimpleX24, cyStatusFailedSimpleX16, cyStatusFailedSimpleX24, cyStatusCancelledSolidX16, cyStatusCancelledSolidX24, cyStatusErroredSolidX16, cyStatusErroredSolidX24, cyStatusPassedSolidX16, cyStatusPassedSolidX24, cyStatusFailedSolidX16, cyStatusFailedSolidX24, ICON_COLOR_PROP_NAMES, getComponentAttributes } from '@cypress-design/icon-registry';
3
+ import 'clsx';
3
4
 
4
5
  /******************************************************************************
5
6
  Copyright (c) Microsoft Corporation.
@@ -15,6 +16,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
15
16
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
16
17
  PERFORMANCE OF THIS SOFTWARE.
17
18
  ***************************************************************************** */
19
+ /* global Reflect, Promise */
20
+
18
21
 
19
22
  var __assign$1 = function() {
20
23
  __assign$1 = Object.assign || function __assign(t) {
@@ -413,6 +416,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
413
416
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
414
417
  PERFORMANCE OF THIS SOFTWARE.
415
418
  ***************************************************************************** */
419
+ /* global Reflect, Promise */
420
+
416
421
 
417
422
  var __assign = function() {
418
423
  __assign = Object.assign || function __assign(t) {
@@ -440,7 +445,10 @@ function __rest(s, e) {
440
445
  var compileReactIconProperties = function (_a) {
441
446
  var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
442
447
  var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
443
- if (!ICON_COLOR_PROP_NAMES.includes(attrName) && attrName !== 'name') {
448
+ if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
449
+ attrName !== 'name') {
450
+ // @ts-expect-error the ky of React's SVGProps is too broad and
451
+ // breaks here. Since we do not need to check for it. We keep the expect error
444
452
  newAttributes[attrName] =
445
453
  attributes[attrName];
446
454
  }
@@ -448,7 +456,7 @@ var compileReactIconProperties = function (_a) {
448
456
  }, {});
449
457
  var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
450
458
  __html: body,
451
- } }, filteredAttributes);
459
+ }, className: undefined }, filteredAttributes);
452
460
  if (attributes.className) {
453
461
  compiledClasses.push(attributes.className);
454
462
  }
@@ -465,10 +473,9 @@ var compileProps = function (_a) {
465
473
  var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
466
474
  var statusInfo = status ? statuses[status] : statuses.placeholder;
467
475
  var iconInfo = status ? statuses$3[status] : statuses$3.placeholder;
468
- var _b = statusInfo["size".concat(size, "Icon")], iconData = _b.data, name = _b.name;
476
+ var iconData = statusInfo["size".concat(size, "Icon")].data;
469
477
  var classes = "inline-block ".concat(className || '');
470
478
  var compiledClasses = getComponentAttributes({
471
- name: name,
472
479
  strokeColor: iconInfo.color,
473
480
  size: size,
474
481
  availableSizes: [size],