@cloudflare/component-logo 6.0.0 → 7.0.1

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 (3) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/LogoHeader.d.ts +174 -153
  3. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Change Log
2
2
 
3
+ ## 7.0.1
4
+
5
+ ## 7.0.0
6
+
7
+ ### Patch Changes
8
+
9
+ - Updated dependencies [77059b4a95]
10
+ - @cloudflare/style-container@7.10.0
11
+
3
12
  ## 6.0.0
4
13
 
5
14
  ### Patch Changes
package/dist/LogoHeader.d.ts CHANGED
@@ -1,26 +1,54 @@
1
1
  import React from 'react';
2
2
  export declare const LogoWrapper: React.ComponentType<{
3
+ is?: string | undefined;
4
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
3
5
  slot?: string | undefined;
4
6
  style?: React.CSSProperties | undefined;
5
7
  title?: string | undefined;
6
8
  children?: React.ReactNode;
7
- id?: string | undefined;
8
- key?: React.Key | null | undefined;
9
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
10
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
11
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
12
- draggable?: (boolean | "true" | "false") | undefined;
13
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
14
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
15
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
9
+ defaultChecked?: boolean | undefined;
10
+ defaultValue?: string | number | readonly string[] | undefined;
11
+ suppressContentEditableWarning?: boolean | undefined;
12
+ suppressHydrationWarning?: boolean | undefined;
13
+ dangerouslySetInnerHTML?: {
14
+ __html: string;
15
+ } | undefined;
16
+ accessKey?: string | undefined;
16
17
  className?: string | undefined;
17
- color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
18
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
19
+ contextMenu?: string | undefined;
20
+ dir?: string | undefined;
21
+ draggable?: (boolean | "true" | "false") | undefined;
22
+ id?: string | undefined;
18
23
  lang?: string | undefined;
19
- role?: string | undefined;
24
+ placeholder?: string | undefined;
25
+ spellCheck?: (boolean | "true" | "false") | undefined;
20
26
  tabIndex?: number | undefined;
27
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
28
+ radioGroup?: string | undefined;
29
+ role?: string | undefined;
30
+ about?: string | undefined;
31
+ datatype?: string | undefined;
32
+ inlist?: any;
33
+ prefix?: string | undefined;
34
+ property?: string | undefined;
35
+ resource?: string | undefined;
36
+ typeof?: string | undefined;
37
+ vocab?: string | undefined;
38
+ autoCapitalize?: string | undefined;
39
+ autoCorrect?: string | undefined;
40
+ autoSave?: string | undefined;
41
+ itemProp?: string | undefined;
42
+ itemScope?: boolean | undefined;
43
+ itemType?: string | undefined;
44
+ itemID?: string | undefined;
45
+ itemRef?: string | undefined;
46
+ results?: number | undefined;
47
+ security?: string | undefined;
48
+ unselectable?: "on" | "off" | undefined;
21
49
  'aria-activedescendant'?: string | undefined;
22
50
  'aria-atomic'?: boolean | "true" | "false" | undefined;
23
- 'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
51
+ 'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
24
52
  'aria-busy'?: boolean | "true" | "false" | undefined;
25
53
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
26
54
  'aria-colcount'?: number | undefined;
@@ -36,7 +64,7 @@ export declare const LogoWrapper: React.ComponentType<{
36
64
  'aria-expanded'?: boolean | "true" | "false" | undefined;
37
65
  'aria-flowto'?: string | undefined;
38
66
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
39
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
67
+ 'aria-haspopup'?: boolean | "menu" | "dialog" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
40
68
  'aria-hidden'?: boolean | "true" | "false" | undefined;
41
69
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
42
70
  'aria-keyshortcuts'?: string | undefined;
@@ -66,9 +94,9 @@ export declare const LogoWrapper: React.ComponentType<{
66
94
  'aria-valuemin'?: number | undefined;
67
95
  'aria-valuenow'?: number | undefined;
68
96
  'aria-valuetext'?: string | undefined;
69
- dangerouslySetInnerHTML?: {
70
- __html: string;
71
- } | undefined;
97
+ key?: React.Key | null | undefined;
98
+ hidden?: boolean | undefined;
99
+ translate?: "yes" | "no" | undefined;
72
100
  onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
73
101
  onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
74
102
  onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -153,12 +181,15 @@ export declare const LogoWrapper: React.ComponentType<{
153
181
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
154
182
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
155
183
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
184
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
156
185
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
157
186
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
158
187
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
159
188
  onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
160
189
  onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
190
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
161
191
  onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
192
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
162
193
  onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
163
194
  onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
164
195
  onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
@@ -168,11 +199,14 @@ export declare const LogoWrapper: React.ComponentType<{
168
199
  onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
169
200
  onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
170
201
  onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
202
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
171
203
  onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
172
204
  onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
173
205
  onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
174
206
  onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
175
207
  onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
208
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
209
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
176
210
  onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
177
211
  onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
178
212
  onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -223,40 +257,7 @@ export declare const LogoWrapper: React.ComponentType<{
223
257
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
224
258
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
225
259
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
226
- dir?: string | undefined;
227
- is?: string | undefined;
228
- defaultChecked?: boolean | undefined;
229
- defaultValue?: string | number | readonly string[] | undefined;
230
- suppressContentEditableWarning?: boolean | undefined;
231
- suppressHydrationWarning?: boolean | undefined;
232
- accessKey?: string | undefined;
233
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
234
- contextMenu?: string | undefined;
235
- placeholder?: string | undefined;
236
- spellCheck?: (boolean | "true" | "false") | undefined;
237
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
238
- radioGroup?: string | undefined;
239
- about?: string | undefined;
240
- datatype?: string | undefined;
241
- inlist?: any;
242
- prefix?: string | undefined;
243
- property?: string | undefined;
244
- resource?: string | undefined;
245
- typeof?: string | undefined;
246
- vocab?: string | undefined;
247
- autoCapitalize?: string | undefined;
248
- autoCorrect?: string | undefined;
249
- autoSave?: string | undefined;
250
- itemProp?: string | undefined;
251
- itemScope?: boolean | undefined;
252
- itemType?: string | undefined;
253
- itemID?: string | undefined;
254
- itemRef?: string | undefined;
255
- results?: number | undefined;
256
- security?: string | undefined;
257
- unselectable?: "on" | "off" | undefined;
258
- hidden?: boolean | undefined;
259
- translate?: "no" | "yes" | undefined;
260
+ borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
260
261
  p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
261
262
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
262
263
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
@@ -265,7 +266,6 @@ export declare const LogoWrapper: React.ComponentType<{
265
266
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
266
267
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
267
268
  textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
268
- borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
269
269
  margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
270
270
  marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
271
271
  marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
@@ -324,31 +324,66 @@ export declare const LogoWrapper: React.ComponentType<{
324
324
  flexDirection?: import("csstype").FlexDirectionProperty | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | undefined;
325
325
  flexBasis?: import("csstype").FlexBasisProperty<string | number> | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | undefined;
326
326
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
327
+ gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
327
328
  removeMargin?: boolean | undefined;
328
329
  innerRef?: React.Ref<HTMLDivElement> | undefined;
330
+ gridColumnSpan?: number | number[] | "end" | "all" | undefined;
331
+ gridColumnPad?: number | number[] | undefined;
332
+ gridRowSpan?: number | number[] | undefined;
333
+ gridRowPad?: number | number[] | undefined;
334
+ gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
335
+ gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
329
336
  }>;
330
337
  export declare const DesktopOnly: React.ComponentType<{
338
+ is?: string | undefined;
339
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
331
340
  slot?: string | undefined;
332
341
  style?: React.CSSProperties | undefined;
333
342
  title?: string | undefined;
334
343
  children?: React.ReactNode;
335
- id?: string | undefined;
336
- key?: React.Key | null | undefined;
337
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
338
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
339
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
340
- draggable?: (boolean | "true" | "false") | undefined;
341
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
342
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
343
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
344
+ defaultChecked?: boolean | undefined;
345
+ defaultValue?: string | number | readonly string[] | undefined;
346
+ suppressContentEditableWarning?: boolean | undefined;
347
+ suppressHydrationWarning?: boolean | undefined;
348
+ dangerouslySetInnerHTML?: {
349
+ __html: string;
350
+ } | undefined;
351
+ accessKey?: string | undefined;
344
352
  className?: string | undefined;
345
- color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
353
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
354
+ contextMenu?: string | undefined;
355
+ dir?: string | undefined;
356
+ draggable?: (boolean | "true" | "false") | undefined;
357
+ id?: string | undefined;
346
358
  lang?: string | undefined;
347
- role?: string | undefined;
359
+ placeholder?: string | undefined;
360
+ spellCheck?: (boolean | "true" | "false") | undefined;
348
361
  tabIndex?: number | undefined;
362
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
363
+ radioGroup?: string | undefined;
364
+ role?: string | undefined;
365
+ about?: string | undefined;
366
+ datatype?: string | undefined;
367
+ inlist?: any;
368
+ prefix?: string | undefined;
369
+ property?: string | undefined;
370
+ resource?: string | undefined;
371
+ typeof?: string | undefined;
372
+ vocab?: string | undefined;
373
+ autoCapitalize?: string | undefined;
374
+ autoCorrect?: string | undefined;
375
+ autoSave?: string | undefined;
376
+ itemProp?: string | undefined;
377
+ itemScope?: boolean | undefined;
378
+ itemType?: string | undefined;
379
+ itemID?: string | undefined;
380
+ itemRef?: string | undefined;
381
+ results?: number | undefined;
382
+ security?: string | undefined;
383
+ unselectable?: "on" | "off" | undefined;
349
384
  'aria-activedescendant'?: string | undefined;
350
385
  'aria-atomic'?: boolean | "true" | "false" | undefined;
351
- 'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
386
+ 'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
352
387
  'aria-busy'?: boolean | "true" | "false" | undefined;
353
388
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
354
389
  'aria-colcount'?: number | undefined;
@@ -364,7 +399,7 @@ export declare const DesktopOnly: React.ComponentType<{
364
399
  'aria-expanded'?: boolean | "true" | "false" | undefined;
365
400
  'aria-flowto'?: string | undefined;
366
401
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
367
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
402
+ 'aria-haspopup'?: boolean | "menu" | "dialog" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
368
403
  'aria-hidden'?: boolean | "true" | "false" | undefined;
369
404
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
370
405
  'aria-keyshortcuts'?: string | undefined;
@@ -394,9 +429,9 @@ export declare const DesktopOnly: React.ComponentType<{
394
429
  'aria-valuemin'?: number | undefined;
395
430
  'aria-valuenow'?: number | undefined;
396
431
  'aria-valuetext'?: string | undefined;
397
- dangerouslySetInnerHTML?: {
398
- __html: string;
399
- } | undefined;
432
+ key?: React.Key | null | undefined;
433
+ hidden?: boolean | undefined;
434
+ translate?: "yes" | "no" | undefined;
400
435
  onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
401
436
  onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
402
437
  onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -481,12 +516,15 @@ export declare const DesktopOnly: React.ComponentType<{
481
516
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
482
517
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
483
518
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
519
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
484
520
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
485
521
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
486
522
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
487
523
  onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
488
524
  onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
525
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
489
526
  onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
527
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
490
528
  onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
491
529
  onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
492
530
  onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
@@ -496,11 +534,14 @@ export declare const DesktopOnly: React.ComponentType<{
496
534
  onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
497
535
  onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
498
536
  onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
537
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
499
538
  onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
500
539
  onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
501
540
  onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
502
541
  onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
503
542
  onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
543
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
544
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
504
545
  onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
505
546
  onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
506
547
  onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -551,40 +592,7 @@ export declare const DesktopOnly: React.ComponentType<{
551
592
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
552
593
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
553
594
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
554
- dir?: string | undefined;
555
- is?: string | undefined;
556
- defaultChecked?: boolean | undefined;
557
- defaultValue?: string | number | readonly string[] | undefined;
558
- suppressContentEditableWarning?: boolean | undefined;
559
- suppressHydrationWarning?: boolean | undefined;
560
- accessKey?: string | undefined;
561
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
562
- contextMenu?: string | undefined;
563
- placeholder?: string | undefined;
564
- spellCheck?: (boolean | "true" | "false") | undefined;
565
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
566
- radioGroup?: string | undefined;
567
- about?: string | undefined;
568
- datatype?: string | undefined;
569
- inlist?: any;
570
- prefix?: string | undefined;
571
- property?: string | undefined;
572
- resource?: string | undefined;
573
- typeof?: string | undefined;
574
- vocab?: string | undefined;
575
- autoCapitalize?: string | undefined;
576
- autoCorrect?: string | undefined;
577
- autoSave?: string | undefined;
578
- itemProp?: string | undefined;
579
- itemScope?: boolean | undefined;
580
- itemType?: string | undefined;
581
- itemID?: string | undefined;
582
- itemRef?: string | undefined;
583
- results?: number | undefined;
584
- security?: string | undefined;
585
- unselectable?: "on" | "off" | undefined;
586
- hidden?: boolean | undefined;
587
- translate?: "no" | "yes" | undefined;
595
+ borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
588
596
  p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
589
597
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
590
598
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
@@ -593,7 +601,6 @@ export declare const DesktopOnly: React.ComponentType<{
593
601
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
594
602
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
595
603
  textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
596
- borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
597
604
  margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
598
605
  marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
599
606
  marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
@@ -652,31 +659,66 @@ export declare const DesktopOnly: React.ComponentType<{
652
659
  flexDirection?: import("csstype").FlexDirectionProperty | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | undefined;
653
660
  flexBasis?: import("csstype").FlexBasisProperty<string | number> | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | undefined;
654
661
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
662
+ gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
655
663
  removeMargin?: boolean | undefined;
656
664
  innerRef?: React.Ref<HTMLDivElement> | undefined;
665
+ gridColumnSpan?: number | number[] | "end" | "all" | undefined;
666
+ gridColumnPad?: number | number[] | undefined;
667
+ gridRowSpan?: number | number[] | undefined;
668
+ gridRowPad?: number | number[] | undefined;
669
+ gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
670
+ gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
657
671
  }>;
658
672
  export declare const MobileOnly: React.ComponentType<{
673
+ is?: string | undefined;
674
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
659
675
  slot?: string | undefined;
660
676
  style?: React.CSSProperties | undefined;
661
677
  title?: string | undefined;
662
678
  children?: React.ReactNode;
663
- id?: string | undefined;
664
- key?: React.Key | null | undefined;
665
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
666
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
667
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
668
- draggable?: (boolean | "true" | "false") | undefined;
669
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
670
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
671
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
679
+ defaultChecked?: boolean | undefined;
680
+ defaultValue?: string | number | readonly string[] | undefined;
681
+ suppressContentEditableWarning?: boolean | undefined;
682
+ suppressHydrationWarning?: boolean | undefined;
683
+ dangerouslySetInnerHTML?: {
684
+ __html: string;
685
+ } | undefined;
686
+ accessKey?: string | undefined;
672
687
  className?: string | undefined;
673
- color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
688
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
689
+ contextMenu?: string | undefined;
690
+ dir?: string | undefined;
691
+ draggable?: (boolean | "true" | "false") | undefined;
692
+ id?: string | undefined;
674
693
  lang?: string | undefined;
675
- role?: string | undefined;
694
+ placeholder?: string | undefined;
695
+ spellCheck?: (boolean | "true" | "false") | undefined;
676
696
  tabIndex?: number | undefined;
697
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
698
+ radioGroup?: string | undefined;
699
+ role?: string | undefined;
700
+ about?: string | undefined;
701
+ datatype?: string | undefined;
702
+ inlist?: any;
703
+ prefix?: string | undefined;
704
+ property?: string | undefined;
705
+ resource?: string | undefined;
706
+ typeof?: string | undefined;
707
+ vocab?: string | undefined;
708
+ autoCapitalize?: string | undefined;
709
+ autoCorrect?: string | undefined;
710
+ autoSave?: string | undefined;
711
+ itemProp?: string | undefined;
712
+ itemScope?: boolean | undefined;
713
+ itemType?: string | undefined;
714
+ itemID?: string | undefined;
715
+ itemRef?: string | undefined;
716
+ results?: number | undefined;
717
+ security?: string | undefined;
718
+ unselectable?: "on" | "off" | undefined;
677
719
  'aria-activedescendant'?: string | undefined;
678
720
  'aria-atomic'?: boolean | "true" | "false" | undefined;
679
- 'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
721
+ 'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
680
722
  'aria-busy'?: boolean | "true" | "false" | undefined;
681
723
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
682
724
  'aria-colcount'?: number | undefined;
@@ -692,7 +734,7 @@ export declare const MobileOnly: React.ComponentType<{
692
734
  'aria-expanded'?: boolean | "true" | "false" | undefined;
693
735
  'aria-flowto'?: string | undefined;
694
736
  'aria-grabbed'?: boolean | "true" | "false" | undefined;
695
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
737
+ 'aria-haspopup'?: boolean | "menu" | "dialog" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
696
738
  'aria-hidden'?: boolean | "true" | "false" | undefined;
697
739
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
698
740
  'aria-keyshortcuts'?: string | undefined;
@@ -722,9 +764,9 @@ export declare const MobileOnly: React.ComponentType<{
722
764
  'aria-valuemin'?: number | undefined;
723
765
  'aria-valuenow'?: number | undefined;
724
766
  'aria-valuetext'?: string | undefined;
725
- dangerouslySetInnerHTML?: {
726
- __html: string;
727
- } | undefined;
767
+ key?: React.Key | null | undefined;
768
+ hidden?: boolean | undefined;
769
+ translate?: "yes" | "no" | undefined;
728
770
  onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
729
771
  onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
730
772
  onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -809,12 +851,15 @@ export declare const MobileOnly: React.ComponentType<{
809
851
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
810
852
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
811
853
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
854
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
812
855
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
813
856
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
814
857
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
815
858
  onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
816
859
  onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
860
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
817
861
  onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
862
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
818
863
  onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
819
864
  onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
820
865
  onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
@@ -824,11 +869,14 @@ export declare const MobileOnly: React.ComponentType<{
824
869
  onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
825
870
  onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
826
871
  onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
872
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
827
873
  onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
828
874
  onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
829
875
  onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
830
876
  onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
831
877
  onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
878
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
879
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
832
880
  onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
833
881
  onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
834
882
  onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -879,40 +927,7 @@ export declare const MobileOnly: React.ComponentType<{
879
927
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
880
928
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
881
929
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
882
- dir?: string | undefined;
883
- is?: string | undefined;
884
- defaultChecked?: boolean | undefined;
885
- defaultValue?: string | number | readonly string[] | undefined;
886
- suppressContentEditableWarning?: boolean | undefined;
887
- suppressHydrationWarning?: boolean | undefined;
888
- accessKey?: string | undefined;
889
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
890
- contextMenu?: string | undefined;
891
- placeholder?: string | undefined;
892
- spellCheck?: (boolean | "true" | "false") | undefined;
893
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
894
- radioGroup?: string | undefined;
895
- about?: string | undefined;
896
- datatype?: string | undefined;
897
- inlist?: any;
898
- prefix?: string | undefined;
899
- property?: string | undefined;
900
- resource?: string | undefined;
901
- typeof?: string | undefined;
902
- vocab?: string | undefined;
903
- autoCapitalize?: string | undefined;
904
- autoCorrect?: string | undefined;
905
- autoSave?: string | undefined;
906
- itemProp?: string | undefined;
907
- itemScope?: boolean | undefined;
908
- itemType?: string | undefined;
909
- itemID?: string | undefined;
910
- itemRef?: string | undefined;
911
- results?: number | undefined;
912
- security?: string | undefined;
913
- unselectable?: "on" | "off" | undefined;
914
- hidden?: boolean | undefined;
915
- translate?: "no" | "yes" | undefined;
930
+ borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
916
931
  p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
917
932
  height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
918
933
  width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
@@ -921,7 +936,6 @@ export declare const MobileOnly: React.ComponentType<{
921
936
  fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
922
937
  fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
923
938
  textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
924
- borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
925
939
  margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
926
940
  marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
927
941
  marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
@@ -980,8 +994,15 @@ export declare const MobileOnly: React.ComponentType<{
980
994
  flexDirection?: import("csstype").FlexDirectionProperty | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | [import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined, import("csstype").FlexDirectionProperty | undefined] | undefined;
981
995
  flexBasis?: import("csstype").FlexBasisProperty<string | number> | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | [import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined, import("csstype").FlexBasisProperty<string | number> | undefined] | undefined;
982
996
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
997
+ gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
983
998
  removeMargin?: boolean | undefined;
984
999
  innerRef?: React.Ref<HTMLDivElement> | undefined;
1000
+ gridColumnSpan?: number | number[] | "end" | "all" | undefined;
1001
+ gridColumnPad?: number | number[] | undefined;
1002
+ gridRowSpan?: number | number[] | undefined;
1003
+ gridRowPad?: number | number[] | undefined;
1004
+ gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
1005
+ gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
985
1006
  }>;
986
1007
  declare const LogoHeader: () => JSX.Element;
987
1008
  export default LogoHeader;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-logo",
3
3
  "description": "Cloudflare Logo Component",
4
- "version": "6.0.0",
4
+ "version": "7.0.1",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "Vojtech Miksu <vojtech@miksu.cz>",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "peerDependencies": {
19
19
  "@cloudflare/style-const": "^5.3.9",
20
- "@cloudflare/style-container": "^7.9.0",
20
+ "@cloudflare/style-container": "^7.10.0",
21
21
  "react": "^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"
22
22
  },
23
23
  "stratus": {