@appquality/unguess-design-system 3.1.109-attachments → 3.1.110

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 (161) hide show
  1. package/.github/workflows/release.yml +7 -0
  2. package/.github/workflows/storybook.yml +2 -2
  3. package/CHANGELOG.md +322 -0
  4. package/build/index.d.ts +11 -10
  5. package/build/index.js +1640 -728
  6. package/build/stories/accordions/index.stories.d.ts +5 -5
  7. package/build/stories/alerts/index.d.ts +12 -7
  8. package/build/stories/alerts/index.stories.d.ts +2 -2
  9. package/build/stories/avatar/InternalAvatar.d.ts +2 -0
  10. package/build/stories/avatar/index.stories.d.ts +4 -4
  11. package/build/stories/breadcrumbs/index.stories.d.ts +2 -2
  12. package/build/stories/buttons/anchor/index.stories.d.ts +4 -4
  13. package/build/stories/buttons/button/index.d.ts +14 -9
  14. package/build/stories/buttons/button/index.stories.d.ts +6 -7
  15. package/build/stories/buttons/button-group/index.stories.d.ts +4 -4
  16. package/build/stories/buttons/icon-button/index.stories.d.ts +5 -5
  17. package/build/stories/buttons/split-button/index.stories.d.ts +2 -2
  18. package/build/stories/buttons/utils.d.ts +120 -111
  19. package/build/stories/campaign-cards/index.stories.d.ts +3 -3
  20. package/build/stories/cards/container.stories.d.ts +2 -2
  21. package/build/stories/cards/index.stories.d.ts +3 -3
  22. package/build/stories/charts/bar/index.stories.d.ts +3 -3
  23. package/build/stories/charts/bullet/index.stories.d.ts +3 -3
  24. package/build/stories/charts/halfPie/index.stories.d.ts +2 -2
  25. package/build/stories/charts/pie/index.stories.d.ts +4 -4
  26. package/build/stories/charts/sentiment/index.stories.d.ts +3 -3
  27. package/build/stories/charts/sunburst/index.stories.d.ts +3 -3
  28. package/build/stories/charts/waffle/index.stories.d.ts +3 -3
  29. package/build/stories/chat/_types.d.ts +2 -2
  30. package/build/stories/chat/index.d.ts +8 -4
  31. package/build/stories/chat/index.stories.d.ts +6 -6
  32. package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts +2 -2
  33. package/build/stories/chat/parts/ThumbnailContainer/index.d.ts +0 -8
  34. package/build/stories/chat/parts/containers.d.ts +13 -6
  35. package/build/stories/chat/parts/header.d.ts +10 -5
  36. package/build/stories/color-swatch/index.stories.d.ts +3 -3
  37. package/build/stories/drawers/index.stories.d.ts +2 -2
  38. package/build/stories/dropdowns/autocomplete/index.stories.d.ts +3 -3
  39. package/build/stories/dropdowns/countermultiselect/index.stories.d.ts +2 -2
  40. package/build/stories/dropdowns/field/index.d.ts +12 -7
  41. package/build/stories/dropdowns/menu/index.stories.d.ts +3 -3
  42. package/build/stories/dropdowns/select/index.d.ts +8 -4
  43. package/build/stories/dropdowns/select/index.stories.d.ts +3 -4
  44. package/build/stories/editor/index.stories.d.ts +6 -7
  45. package/build/stories/forms/checkbox/cards/index.stories.d.ts +3 -3
  46. package/build/stories/forms/checkbox/index.stories.d.ts +2 -2
  47. package/build/stories/forms/input/index.d.ts +13 -8
  48. package/build/stories/forms/input/index.stories.d.ts +5 -5
  49. package/build/stories/forms/input-toggle/index.d.ts +10 -7
  50. package/build/stories/forms/input-toggle/index.stories.d.ts +6 -6
  51. package/build/stories/forms/mediaInput/index.stories.d.ts +5 -5
  52. package/build/stories/forms/radio/cards/index.stories.d.ts +3 -3
  53. package/build/stories/forms/radio/index.stories.d.ts +3 -3
  54. package/build/stories/forms/textarea/index.stories.d.ts +4 -4
  55. package/build/stories/forms/toggle/index.stories.d.ts +2 -2
  56. package/build/stories/grid/col/index.stories.d.ts +4 -4
  57. package/build/stories/grid/grid/index.stories.d.ts +4 -4
  58. package/build/stories/grid/row/index.stories.d.ts +2 -2
  59. package/build/stories/highlight/CreateObservationButton.d.ts +19 -0
  60. package/build/stories/highlight/_types.d.ts +9 -8
  61. package/build/stories/highlight/demo-parts/data.d.ts +55 -0
  62. package/build/stories/highlight/demo-parts/sentiment-tag.d.ts +7 -0
  63. package/build/stories/highlight/demo-parts/transcript-base.d.ts +5 -0
  64. package/build/stories/highlight/demo-parts/transcript-diarization.d.ts +5 -0
  65. package/build/stories/highlight/demo-parts/transcript-paragraph.d.ts +5 -0
  66. package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts +5 -0
  67. package/build/stories/highlight/index.stories.d.ts +11 -12
  68. package/build/stories/highlight/searchable.d.ts +1 -2
  69. package/build/stories/icons/index.stories.d.ts +2 -2
  70. package/build/stories/info-cards/index.stories.d.ts +3 -3
  71. package/build/stories/label/index.d.ts +12 -9
  72. package/build/stories/label/index.stories.d.ts +3 -3
  73. package/build/stories/lightbox/index.stories.d.ts +2 -2
  74. package/build/stories/lightbox/parts/body.d.ts +26 -15
  75. package/build/stories/lightbox/parts/footer.d.ts +11 -6
  76. package/build/stories/loaders/dots/index.stories.d.ts +2 -2
  77. package/build/stories/loaders/progress/index.stories.d.ts +2 -2
  78. package/build/stories/loaders/skeleton/index.stories.d.ts +3 -3
  79. package/build/stories/loaders/spinner/index.stories.d.ts +2 -2
  80. package/build/stories/login-form/index.stories.d.ts +3 -3
  81. package/build/stories/logo/index.stories.d.ts +2 -2
  82. package/build/stories/modals/fullscreen/index.d.ts +46 -32
  83. package/build/stories/modals/fullscreen/index.stories.d.ts +2 -2
  84. package/build/stories/modals/index.d.ts +11 -6
  85. package/build/stories/modals/index.stories.d.ts +5 -5
  86. package/build/stories/multiselect/index.stories.d.ts +3 -3
  87. package/build/stories/navigation/app-header/index.stories.d.ts +3 -3
  88. package/build/stories/navigation/header/header-item/brandItem.d.ts +12 -7
  89. package/build/stories/navigation/nav/nav-item/accordionItem.d.ts +3 -1
  90. package/build/stories/navigation/page-header/index.d.ts +43 -26
  91. package/build/stories/navigation/page-header/index.stories.d.ts +5 -5
  92. package/build/stories/navigation/page-header/styled/main.d.ts +46 -28
  93. package/build/stories/notifications/index.stories.d.ts +3 -3
  94. package/build/stories/pagination/index.stories.d.ts +3 -3
  95. package/build/stories/player/_types.d.ts +21 -2
  96. package/build/stories/player/hooks/usePictureInPicture.d.ts +4 -0
  97. package/build/stories/player/index.d.ts +7 -2
  98. package/build/stories/player/index.stories.d.ts +7 -5
  99. package/build/stories/player/parts/CutStart.d.ts +4 -0
  100. package/build/stories/player/parts/controlButton.d.ts +294 -0
  101. package/build/stories/player/parts/controls.d.ts +11 -5
  102. package/build/stories/player/parts/floatingControls.d.ts +1 -0
  103. package/build/stories/product-cards/index.stories.d.ts +3 -3
  104. package/build/stories/profile-modal/_types.d.ts +3 -2
  105. package/build/stories/profile-modal/components/menuItem.d.ts +9 -4
  106. package/build/stories/profile-modal/index.stories.d.ts +2 -2
  107. package/build/stories/profile-modal/items/languageMenuItem.d.ts +2 -1
  108. package/build/stories/profile-modal/items/settingsMenuItem.d.ts +2 -2
  109. package/build/stories/service-cards/index.stories.d.ts +3 -3
  110. package/build/stories/slider/index.stories.d.ts +3 -3
  111. package/build/stories/slider/parts/container.d.ts +10 -5
  112. package/build/stories/special-cards/index.d.ts +47 -30
  113. package/build/stories/special-cards/index.stories.d.ts +2 -2
  114. package/build/stories/special-cards/styled/header.d.ts +38 -21
  115. package/build/stories/stepper/index.d.ts +32 -21
  116. package/build/stories/stepper/index.stories.d.ts +3 -3
  117. package/build/stories/table/index.stories.d.ts +11 -11
  118. package/build/stories/tabs/index.stories.d.ts +3 -3
  119. package/build/stories/tags/index.d.ts +28 -20
  120. package/build/stories/tags/index.stories.d.ts +6 -6
  121. package/build/stories/theme/colors.stories.d.ts +20 -0
  122. package/build/stories/theme/palette.stories.d.ts +1 -1
  123. package/build/stories/tiles/index.stories.d.ts +4 -4
  124. package/build/stories/timeline/index.d.ts +14 -7
  125. package/build/stories/timeline/index.stories.d.ts +4 -4
  126. package/build/stories/title/index.stories.d.ts +2 -2
  127. package/build/stories/tooltip/_types.d.ts +1 -0
  128. package/build/stories/tooltip/index.d.ts +1 -278
  129. package/build/stories/tooltip/index.stories.d.ts +3 -2
  130. package/build/stories/tooltip-modal/index.stories.d.ts +2 -2
  131. package/build/stories/transcript/_data.d.ts +17 -0
  132. package/build/stories/transcript/extensions/theme/index.d.ts +347 -0
  133. package/build/stories/transcript/findActiveWord.d.ts +2 -0
  134. package/build/stories/transcript/floatingMenu.d.ts +8 -0
  135. package/build/stories/transcript/getParsedContent.d.ts +26 -0
  136. package/build/stories/transcript/index.d.ts +53 -0
  137. package/build/stories/transcript/index.stories.d.ts +23 -0
  138. package/build/stories/transcript/nodes/active/Component.d.ts +6 -0
  139. package/build/stories/transcript/nodes/active/index.d.ts +4 -0
  140. package/build/stories/transcript/nodes/observation/Component.d.ts +6 -0
  141. package/build/stories/transcript/nodes/observation/index.d.ts +2 -0
  142. package/build/stories/transcript/nodes/paragraph/Component.d.ts +6 -0
  143. package/build/stories/transcript/nodes/paragraph/index.d.ts +2 -0
  144. package/build/stories/transcript/nodes/word/Component.d.ts +6 -0
  145. package/build/stories/transcript/nodes/word/index.d.ts +2 -0
  146. package/build/stories/transcript/search.d.ts +9 -0
  147. package/build/stories/transcript/useEditor.d.ts +11 -0
  148. package/build/stories/typography/block-quote/index.stories.d.ts +2 -2
  149. package/build/stories/typography/code/index.stories.d.ts +4 -4
  150. package/build/stories/typography/ellipsis/index.stories.d.ts +2 -2
  151. package/build/stories/typography/lists/ordered.stories.d.ts +2 -2
  152. package/build/stories/typography/lists/unordered.stories.d.ts +2 -2
  153. package/build/stories/typography/paragraph/index.stories.d.ts +2 -2
  154. package/build/stories/typography/span/index.stories.d.ts +2 -2
  155. package/build/stories/typography/typescale/anchortag/index.stories.d.ts +2 -2
  156. package/build/stories/typography/typescale/index.d.ts +29 -12
  157. package/build/stories/typography/typescale/index.stories.d.ts +2 -2
  158. package/package.json +30 -20
  159. package/yarn-error.log +0 -17994
  160. /package/build/stories/player/{parts → context}/progressContext.d.ts +0 -0
  161. /package/build/stories/player/{parts/utils.d.ts → utils.d.ts} +0 -0
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ /// <reference types="trusted-types" />
2
4
  import { PageHeaderMainProps } from "../_types";
3
5
  export declare const MainOverline: import("styled-components").IStyledComponent<"web", {
4
- isMonospace?: boolean | undefined;
5
- tag?: any;
6
- isBold?: boolean | undefined;
6
+ key?: import("react").Key | null | undefined;
7
7
  defaultChecked?: boolean | undefined;
8
8
  defaultValue?: string | number | readonly string[] | undefined;
9
9
  suppressContentEditableWarning?: boolean | undefined;
@@ -11,15 +11,15 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
11
11
  accessKey?: string | undefined;
12
12
  autoFocus?: boolean | undefined;
13
13
  className?: string | undefined;
14
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
14
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
15
15
  contextMenu?: string | undefined;
16
16
  dir?: string | undefined;
17
17
  draggable?: (boolean | "true" | "false") | undefined;
18
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
18
19
  hidden?: boolean | undefined;
19
20
  id?: string | undefined;
20
21
  lang?: string | undefined;
21
22
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
23
  slot?: string | undefined;
24
24
  spellCheck?: (boolean | "true" | "false") | undefined;
25
25
  style?: import("react").CSSProperties | undefined;
@@ -56,14 +56,18 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
56
56
  "aria-activedescendant"?: string | undefined;
57
57
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
58
58
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
59
+ "aria-braillelabel"?: string | undefined;
60
+ "aria-brailleroledescription"?: string | undefined;
59
61
  "aria-busy"?: (boolean | "true" | "false") | undefined;
60
62
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
61
63
  "aria-colcount"?: number | undefined;
62
64
  "aria-colindex"?: number | undefined;
65
+ "aria-colindextext"?: string | undefined;
63
66
  "aria-colspan"?: number | undefined;
64
67
  "aria-controls"?: string | undefined;
65
68
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
66
69
  "aria-describedby"?: string | undefined;
70
+ "aria-description"?: string | undefined;
67
71
  "aria-details"?: string | undefined;
68
72
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
69
73
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -93,6 +97,7 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
93
97
  "aria-roledescription"?: string | undefined;
94
98
  "aria-rowcount"?: number | undefined;
95
99
  "aria-rowindex"?: number | undefined;
100
+ "aria-rowindextext"?: string | undefined;
96
101
  "aria-rowspan"?: number | undefined;
97
102
  "aria-selected"?: (boolean | "true" | "false") | undefined;
98
103
  "aria-setsize"?: number | undefined;
@@ -244,9 +249,7 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
244
249
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
245
250
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
246
251
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
252
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
253
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
254
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
255
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -267,9 +270,13 @@ export declare const MainOverline: import("styled-components").IStyledComponent<
267
270
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
268
271
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
269
272
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
270
- ref?: import("react").Ref<HTMLDivElement> | undefined;
271
- key?: import("react").Key | null | undefined;
272
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
273
+ isMonospace?: boolean | undefined;
274
+ tag?: any;
275
+ isBold?: boolean | undefined;
276
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
277
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
278
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
279
+ }, {
273
280
  color?: string | undefined;
274
281
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
275
282
  export declare const MainTitle: import("styled-components").IStyledComponent<"web", {
@@ -282,15 +289,15 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
282
289
  accessKey?: string | undefined;
283
290
  autoFocus?: boolean | undefined;
284
291
  className?: string | undefined;
285
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
292
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
286
293
  contextMenu?: string | undefined;
287
294
  dir?: string | undefined;
288
295
  draggable?: (boolean | "true" | "false") | undefined;
296
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
289
297
  hidden?: boolean | undefined;
290
298
  id?: string | undefined;
291
299
  lang?: string | undefined;
292
300
  nonce?: string | undefined;
293
- placeholder?: string | undefined;
294
301
  slot?: string | undefined;
295
302
  spellCheck?: (boolean | "true" | "false") | undefined;
296
303
  style?: import("react").CSSProperties | undefined;
@@ -327,14 +334,18 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
327
334
  "aria-activedescendant"?: string | undefined;
328
335
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
329
336
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
337
+ "aria-braillelabel"?: string | undefined;
338
+ "aria-brailleroledescription"?: string | undefined;
330
339
  "aria-busy"?: (boolean | "true" | "false") | undefined;
331
340
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
332
341
  "aria-colcount"?: number | undefined;
333
342
  "aria-colindex"?: number | undefined;
343
+ "aria-colindextext"?: string | undefined;
334
344
  "aria-colspan"?: number | undefined;
335
345
  "aria-controls"?: string | undefined;
336
346
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
337
347
  "aria-describedby"?: string | undefined;
348
+ "aria-description"?: string | undefined;
338
349
  "aria-details"?: string | undefined;
339
350
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
340
351
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -364,6 +375,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
364
375
  "aria-roledescription"?: string | undefined;
365
376
  "aria-rowcount"?: number | undefined;
366
377
  "aria-rowindex"?: number | undefined;
378
+ "aria-rowindextext"?: string | undefined;
367
379
  "aria-rowspan"?: number | undefined;
368
380
  "aria-selected"?: (boolean | "true" | "false") | undefined;
369
381
  "aria-setsize"?: number | undefined;
@@ -515,9 +527,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
515
527
  onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
516
528
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
517
529
  onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
518
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
519
530
  onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
520
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
521
531
  onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
522
532
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
523
533
  onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
@@ -540,9 +550,7 @@ export declare const MainTitle: import("styled-components").IStyledComponent<"we
540
550
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
541
551
  }>;
542
552
  export declare const MainDescription: import("styled-components").IStyledComponent<"web", {
543
- isMonospace?: boolean | undefined;
544
- tag?: any;
545
- isBold?: boolean | undefined;
553
+ key?: import("react").Key | null | undefined;
546
554
  defaultChecked?: boolean | undefined;
547
555
  defaultValue?: string | number | readonly string[] | undefined;
548
556
  suppressContentEditableWarning?: boolean | undefined;
@@ -550,15 +558,15 @@ export declare const MainDescription: import("styled-components").IStyledCompone
550
558
  accessKey?: string | undefined;
551
559
  autoFocus?: boolean | undefined;
552
560
  className?: string | undefined;
553
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
561
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
554
562
  contextMenu?: string | undefined;
555
563
  dir?: string | undefined;
556
564
  draggable?: (boolean | "true" | "false") | undefined;
565
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
557
566
  hidden?: boolean | undefined;
558
567
  id?: string | undefined;
559
568
  lang?: string | undefined;
560
569
  nonce?: string | undefined;
561
- placeholder?: string | undefined;
562
570
  slot?: string | undefined;
563
571
  spellCheck?: (boolean | "true" | "false") | undefined;
564
572
  style?: import("react").CSSProperties | undefined;
@@ -595,14 +603,18 @@ export declare const MainDescription: import("styled-components").IStyledCompone
595
603
  "aria-activedescendant"?: string | undefined;
596
604
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
597
605
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
606
+ "aria-braillelabel"?: string | undefined;
607
+ "aria-brailleroledescription"?: string | undefined;
598
608
  "aria-busy"?: (boolean | "true" | "false") | undefined;
599
609
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
600
610
  "aria-colcount"?: number | undefined;
601
611
  "aria-colindex"?: number | undefined;
612
+ "aria-colindextext"?: string | undefined;
602
613
  "aria-colspan"?: number | undefined;
603
614
  "aria-controls"?: string | undefined;
604
615
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
605
616
  "aria-describedby"?: string | undefined;
617
+ "aria-description"?: string | undefined;
606
618
  "aria-details"?: string | undefined;
607
619
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
608
620
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -632,6 +644,7 @@ export declare const MainDescription: import("styled-components").IStyledCompone
632
644
  "aria-roledescription"?: string | undefined;
633
645
  "aria-rowcount"?: number | undefined;
634
646
  "aria-rowindex"?: number | undefined;
647
+ "aria-rowindextext"?: string | undefined;
635
648
  "aria-rowspan"?: number | undefined;
636
649
  "aria-selected"?: (boolean | "true" | "false") | undefined;
637
650
  "aria-setsize"?: number | undefined;
@@ -783,9 +796,7 @@ export declare const MainDescription: import("styled-components").IStyledCompone
783
796
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
784
797
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
785
798
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
786
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
787
799
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
788
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
789
800
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
790
801
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
791
802
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -806,9 +817,13 @@ export declare const MainDescription: import("styled-components").IStyledCompone
806
817
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
807
818
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
808
819
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
809
- ref?: import("react").Ref<HTMLDivElement> | undefined;
810
- key?: import("react").Key | null | undefined;
811
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
820
+ isMonospace?: boolean | undefined;
821
+ tag?: any;
822
+ isBold?: boolean | undefined;
823
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
824
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
825
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
826
+ }, {
812
827
  color?: string | undefined;
813
828
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
814
829
  export declare const MainMeta: import("styled-components").IStyledComponent<"web", {
@@ -821,15 +836,15 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
821
836
  accessKey?: string | undefined;
822
837
  autoFocus?: boolean | undefined;
823
838
  className?: string | undefined;
824
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
839
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
825
840
  contextMenu?: string | undefined;
826
841
  dir?: string | undefined;
827
842
  draggable?: (boolean | "true" | "false") | undefined;
843
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
828
844
  hidden?: boolean | undefined;
829
845
  id?: string | undefined;
830
846
  lang?: string | undefined;
831
847
  nonce?: string | undefined;
832
- placeholder?: string | undefined;
833
848
  slot?: string | undefined;
834
849
  spellCheck?: (boolean | "true" | "false") | undefined;
835
850
  style?: import("react").CSSProperties | undefined;
@@ -866,14 +881,18 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
866
881
  "aria-activedescendant"?: string | undefined;
867
882
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
868
883
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
884
+ "aria-braillelabel"?: string | undefined;
885
+ "aria-brailleroledescription"?: string | undefined;
869
886
  "aria-busy"?: (boolean | "true" | "false") | undefined;
870
887
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
871
888
  "aria-colcount"?: number | undefined;
872
889
  "aria-colindex"?: number | undefined;
890
+ "aria-colindextext"?: string | undefined;
873
891
  "aria-colspan"?: number | undefined;
874
892
  "aria-controls"?: string | undefined;
875
893
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
876
894
  "aria-describedby"?: string | undefined;
895
+ "aria-description"?: string | undefined;
877
896
  "aria-details"?: string | undefined;
878
897
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
879
898
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -903,6 +922,7 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
903
922
  "aria-roledescription"?: string | undefined;
904
923
  "aria-rowcount"?: number | undefined;
905
924
  "aria-rowindex"?: number | undefined;
925
+ "aria-rowindextext"?: string | undefined;
906
926
  "aria-rowspan"?: number | undefined;
907
927
  "aria-selected"?: (boolean | "true" | "false") | undefined;
908
928
  "aria-setsize"?: number | undefined;
@@ -1054,9 +1074,7 @@ export declare const MainMeta: import("styled-components").IStyledComponent<"web
1054
1074
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1055
1075
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1056
1076
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1057
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1058
1077
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1059
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1060
1078
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1061
1079
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1062
1080
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -3,7 +3,7 @@ interface NotificationStoryProps {
3
3
  notificationArgs: NotificationArgs;
4
4
  toastProviderArgs: ToastProviderArgs;
5
5
  }
6
- export declare const ToastProvider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationStoryProps>;
7
- export declare const Notification: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationArgs>;
8
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, NotificationArgs>;
6
+ export declare const ToastProvider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationStoryProps>;
7
+ export declare const Notification: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationArgs>;
8
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, NotificationArgs>;
9
9
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { PaginationProps } from "./_types";
2
- export declare const CursorPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaginationProps>;
3
- export declare const NumberedPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaginationProps>;
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PaginationProps>;
2
+ export declare const CursorPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
3
+ export declare const NumberedPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
4
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, PaginationProps>;
5
5
  export default _default;
@@ -1,14 +1,16 @@
1
- import { HTMLAttributes } from "react";
1
+ import { HTMLAttributes, ReactNode } from "react";
2
2
  export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
3
3
  url: string;
4
4
  start?: number;
5
5
  end?: number;
6
- enablePipOnScroll?: boolean;
6
+ pipMode?: "auto" | (() => boolean) | boolean;
7
+ onPipChange?: (isPip: boolean) => void;
7
8
  onCutHandler?: (time: number) => void;
8
9
  isCutting?: boolean;
9
10
  bookmarks?: IBookmark[];
10
11
  handleBookmarkUpdate?: (bookmark: IBookmark) => void;
11
12
  i18n?: PlayerI18n;
13
+ showControls?: boolean;
12
14
  }
13
15
  export interface PlayerI18n {
14
16
  beforeHighlight?: string;
@@ -20,9 +22,26 @@ export interface IBookmark {
20
22
  end: number;
21
23
  hue?: string;
22
24
  label?: string;
25
+ tooltipContent?: ReactNode;
26
+ isFocused?: boolean;
23
27
  onClick?: () => void;
28
+ tags?: VideoTag[];
24
29
  }
25
30
  export interface WrapperProps {
26
31
  isPlaying?: boolean;
27
32
  isLoaded?: boolean;
33
+ showControls?: boolean;
28
34
  }
35
+ type VideoTag = {
36
+ group: {
37
+ id: number;
38
+ name: string;
39
+ };
40
+ tag: {
41
+ id: number;
42
+ name: string;
43
+ style: string;
44
+ usageNumber: number;
45
+ };
46
+ };
47
+ export {};
@@ -0,0 +1,4 @@
1
+ import { PlayerArgs } from "../_types";
2
+ type PictureInPictureHook = (videoRef?: HTMLVideoElement | null, pipMode?: PlayerArgs["pipMode"], onPipChange?: PlayerArgs["onPipChange"]) => void;
3
+ export declare const usePictureInPicture: PictureInPictureHook;
4
+ export {};
@@ -1,4 +1,5 @@
1
- /// <reference types="react" />
1
+ import { useVideoContext } from "@appquality/stream-player";
2
+ import { PropsWithChildren } from "react";
2
3
  import { PlayerArgs } from "./_types";
3
4
  /**
4
5
  * The Player is a styled media tag with custom controls
@@ -7,4 +8,8 @@ import { PlayerArgs } from "./_types";
7
8
  - To display a video
8
9
  */
9
10
  declare const Player: import("react").ForwardRefExoticComponent<PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
10
- export { Player };
11
+ declare const PlayerProvider: {
12
+ (props: PropsWithChildren<PlayerArgs>): import("react/jsx-runtime").JSX.Element;
13
+ Core: import("react").ForwardRefExoticComponent<PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
14
+ };
15
+ export { Player, PlayerProvider, useVideoContext };
@@ -1,9 +1,11 @@
1
- /// <reference types="react" />
2
1
  import { PlayerArgs } from "./_types";
3
2
  interface PlayerStoryArgs extends PlayerArgs {
4
3
  }
5
- export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
6
- export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
7
- export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
8
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
4
+ export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
5
+ export declare const AutoPip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
6
+ export declare const ButtonPip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
7
+ export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
8
+ export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
9
+ export declare const WithContext: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PlayerStoryArgs>;
10
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
9
11
  export default _default;
@@ -0,0 +1,4 @@
1
+ declare const CutStart: ({ left }: {
2
+ left: number;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ export { CutStart };