@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,4 +1,6 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ /// <reference types="trusted-types" />
2
4
  import { SpecialCardProps } from "./_types";
3
5
  /**
4
6
  * A SpecialCard is a spefic type of card with an opinionated set of default spaces and subcomponents order.
@@ -14,9 +16,7 @@ declare const SpecialCard: {
14
16
  Header: {
15
17
  (props: import("./_types").CardHeaderProps): import("react/jsx-runtime").JSX.Element;
16
18
  Label: import("styled-components").IStyledComponent<"web", {
17
- isMonospace?: boolean | undefined;
18
- tag?: any;
19
- isBold?: boolean | undefined;
19
+ style?: import("react").CSSProperties | undefined;
20
20
  defaultChecked?: boolean | undefined;
21
21
  defaultValue?: string | number | readonly string[] | undefined;
22
22
  suppressContentEditableWarning?: boolean | undefined;
@@ -24,18 +24,17 @@ declare const SpecialCard: {
24
24
  accessKey?: string | undefined;
25
25
  autoFocus?: boolean | undefined;
26
26
  className?: string | undefined;
27
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
27
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
28
28
  contextMenu?: string | undefined;
29
29
  dir?: string | undefined;
30
30
  draggable?: (boolean | "true" | "false") | undefined;
31
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
31
32
  hidden?: boolean | undefined;
32
33
  id?: string | undefined;
33
34
  lang?: string | undefined;
34
35
  nonce?: string | undefined;
35
- placeholder?: string | undefined;
36
36
  slot?: string | undefined;
37
37
  spellCheck?: (boolean | "true" | "false") | undefined;
38
- style?: import("react").CSSProperties | undefined;
39
38
  tabIndex?: number | undefined;
40
39
  title?: string | undefined;
41
40
  translate?: "yes" | "no" | undefined;
@@ -69,14 +68,18 @@ declare const SpecialCard: {
69
68
  "aria-activedescendant"?: string | undefined;
70
69
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
71
70
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
71
+ "aria-braillelabel"?: string | undefined;
72
+ "aria-brailleroledescription"?: string | undefined;
72
73
  "aria-busy"?: (boolean | "true" | "false") | undefined;
73
74
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
74
75
  "aria-colcount"?: number | undefined;
75
76
  "aria-colindex"?: number | undefined;
77
+ "aria-colindextext"?: string | undefined;
76
78
  "aria-colspan"?: number | undefined;
77
79
  "aria-controls"?: string | undefined;
78
80
  "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
79
81
  "aria-describedby"?: string | undefined;
82
+ "aria-description"?: string | undefined;
80
83
  "aria-details"?: string | undefined;
81
84
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
82
85
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -106,6 +109,7 @@ declare const SpecialCard: {
106
109
  "aria-roledescription"?: string | undefined;
107
110
  "aria-rowcount"?: number | undefined;
108
111
  "aria-rowindex"?: number | undefined;
112
+ "aria-rowindextext"?: string | undefined;
109
113
  "aria-rowspan"?: number | undefined;
110
114
  "aria-selected"?: (boolean | "true" | "false") | undefined;
111
115
  "aria-setsize"?: number | undefined;
@@ -257,9 +261,7 @@ declare const SpecialCard: {
257
261
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
258
262
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
259
263
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
260
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
261
264
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
262
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
263
265
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
264
266
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
265
267
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -280,15 +282,18 @@ declare const SpecialCard: {
280
282
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
281
283
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
282
284
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
283
- ref?: import("react").Ref<HTMLDivElement> | undefined;
284
285
  key?: import("react").Key | null | undefined;
285
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
286
- color?: string | undefined;
287
- }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
288
- Title: import("styled-components").IStyledComponent<"web", {
289
286
  isMonospace?: boolean | undefined;
290
287
  tag?: any;
291
288
  isBold?: boolean | undefined;
289
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
290
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
291
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
292
+ }, {
293
+ color?: string | undefined;
294
+ }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
295
+ Title: import("styled-components").IStyledComponent<"web", {
296
+ style?: import("react").CSSProperties | undefined;
292
297
  defaultChecked?: boolean | undefined;
293
298
  defaultValue?: string | number | readonly string[] | undefined;
294
299
  suppressContentEditableWarning?: boolean | undefined;
@@ -296,18 +301,17 @@ declare const SpecialCard: {
296
301
  accessKey?: string | undefined;
297
302
  autoFocus?: boolean | undefined;
298
303
  className?: string | undefined;
299
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
304
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
300
305
  contextMenu?: string | undefined;
301
306
  dir?: string | undefined;
302
307
  draggable?: (boolean | "true" | "false") | undefined;
308
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
303
309
  hidden?: boolean | undefined;
304
310
  id?: string | undefined;
305
311
  lang?: string | undefined;
306
312
  nonce?: string | undefined;
307
- placeholder?: string | undefined;
308
313
  slot?: string | undefined;
309
314
  spellCheck?: (boolean | "true" | "false") | undefined;
310
- style?: import("react").CSSProperties | undefined;
311
315
  tabIndex?: number | undefined;
312
316
  title?: string | undefined;
313
317
  translate?: "yes" | "no" | undefined;
@@ -341,14 +345,18 @@ declare const SpecialCard: {
341
345
  "aria-activedescendant"?: string | undefined;
342
346
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
343
347
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
348
+ "aria-braillelabel"?: string | undefined;
349
+ "aria-brailleroledescription"?: string | undefined;
344
350
  "aria-busy"?: (boolean | "true" | "false") | undefined;
345
351
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
346
352
  "aria-colcount"?: number | undefined;
347
353
  "aria-colindex"?: number | undefined;
354
+ "aria-colindextext"?: string | undefined;
348
355
  "aria-colspan"?: number | undefined;
349
356
  "aria-controls"?: string | undefined;
350
357
  "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
351
358
  "aria-describedby"?: string | undefined;
359
+ "aria-description"?: string | undefined;
352
360
  "aria-details"?: string | undefined;
353
361
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
354
362
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -378,6 +386,7 @@ declare const SpecialCard: {
378
386
  "aria-roledescription"?: string | undefined;
379
387
  "aria-rowcount"?: number | undefined;
380
388
  "aria-rowindex"?: number | undefined;
389
+ "aria-rowindextext"?: string | undefined;
381
390
  "aria-rowspan"?: number | undefined;
382
391
  "aria-selected"?: (boolean | "true" | "false") | undefined;
383
392
  "aria-setsize"?: number | undefined;
@@ -529,9 +538,7 @@ declare const SpecialCard: {
529
538
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
530
539
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
531
540
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
532
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
533
541
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
534
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
535
542
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
536
543
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
537
544
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -552,15 +559,18 @@ declare const SpecialCard: {
552
559
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
553
560
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
554
561
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
555
- ref?: import("react").Ref<HTMLDivElement> | undefined;
556
562
  key?: import("react").Key | null | undefined;
557
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
558
- color?: string | undefined;
559
- }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
560
- Text: import("styled-components").IStyledComponent<"web", {
561
563
  isMonospace?: boolean | undefined;
562
564
  tag?: any;
563
565
  isBold?: boolean | undefined;
566
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
567
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
568
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
569
+ }, {
570
+ color?: string | undefined;
571
+ }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
572
+ Text: import("styled-components").IStyledComponent<"web", {
573
+ style?: import("react").CSSProperties | undefined;
564
574
  defaultChecked?: boolean | undefined;
565
575
  defaultValue?: string | number | readonly string[] | undefined;
566
576
  suppressContentEditableWarning?: boolean | undefined;
@@ -568,18 +578,17 @@ declare const SpecialCard: {
568
578
  accessKey?: string | undefined;
569
579
  autoFocus?: boolean | undefined;
570
580
  className?: string | undefined;
571
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
581
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
572
582
  contextMenu?: string | undefined;
573
583
  dir?: string | undefined;
574
584
  draggable?: (boolean | "true" | "false") | undefined;
585
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
575
586
  hidden?: boolean | undefined;
576
587
  id?: string | undefined;
577
588
  lang?: string | undefined;
578
589
  nonce?: string | undefined;
579
- placeholder?: string | undefined;
580
590
  slot?: string | undefined;
581
591
  spellCheck?: (boolean | "true" | "false") | undefined;
582
- style?: import("react").CSSProperties | undefined;
583
592
  tabIndex?: number | undefined;
584
593
  title?: string | undefined;
585
594
  translate?: "yes" | "no" | undefined;
@@ -613,14 +622,18 @@ declare const SpecialCard: {
613
622
  "aria-activedescendant"?: string | undefined;
614
623
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
615
624
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
625
+ "aria-braillelabel"?: string | undefined;
626
+ "aria-brailleroledescription"?: string | undefined;
616
627
  "aria-busy"?: (boolean | "true" | "false") | undefined;
617
628
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
618
629
  "aria-colcount"?: number | undefined;
619
630
  "aria-colindex"?: number | undefined;
631
+ "aria-colindextext"?: string | undefined;
620
632
  "aria-colspan"?: number | undefined;
621
633
  "aria-controls"?: string | undefined;
622
634
  "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
623
635
  "aria-describedby"?: string | undefined;
636
+ "aria-description"?: string | undefined;
624
637
  "aria-details"?: string | undefined;
625
638
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
626
639
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -650,6 +663,7 @@ declare const SpecialCard: {
650
663
  "aria-roledescription"?: string | undefined;
651
664
  "aria-rowcount"?: number | undefined;
652
665
  "aria-rowindex"?: number | undefined;
666
+ "aria-rowindextext"?: string | undefined;
653
667
  "aria-rowspan"?: number | undefined;
654
668
  "aria-selected"?: (boolean | "true" | "false") | undefined;
655
669
  "aria-setsize"?: number | undefined;
@@ -801,9 +815,7 @@ declare const SpecialCard: {
801
815
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
802
816
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
803
817
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
804
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
805
818
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
806
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
807
819
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
808
820
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
809
821
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -824,9 +836,14 @@ declare const SpecialCard: {
824
836
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
825
837
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
826
838
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
827
- ref?: import("react").Ref<HTMLDivElement> | undefined;
828
839
  key?: import("react").Key | null | undefined;
829
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
840
+ isMonospace?: boolean | undefined;
841
+ tag?: any;
842
+ isBold?: boolean | undefined;
843
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
844
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
845
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
846
+ }, {
830
847
  color?: string | undefined;
831
848
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
832
849
  };
@@ -3,6 +3,6 @@ interface CardStoryProps extends SpecialCardProps {
3
3
  title: string;
4
4
  content: string;
5
5
  }
6
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardStoryProps>;
7
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SpecialCardProps>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardStoryProps>;
7
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, SpecialCardProps>;
8
8
  export default _default;
@@ -1,8 +1,11 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ /// <reference types="trusted-types" />
2
4
  import { CardHeaderProps } from "../_types";
3
5
  declare const CardHeader: {
4
6
  (props: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
5
7
  Label: import("styled-components").IStyledComponent<"web", {
8
+ style?: import("react").CSSProperties | undefined;
6
9
  isMonospace?: boolean | undefined;
7
10
  tag?: any;
8
11
  isBold?: boolean | undefined;
@@ -13,18 +16,17 @@ declare const CardHeader: {
13
16
  accessKey?: string | undefined;
14
17
  autoFocus?: boolean | undefined;
15
18
  className?: string | undefined;
16
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
19
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
17
20
  contextMenu?: string | undefined;
18
21
  dir?: string | undefined;
19
22
  draggable?: (boolean | "true" | "false") | undefined;
23
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
20
24
  hidden?: boolean | undefined;
21
25
  id?: string | undefined;
22
26
  lang?: string | undefined;
23
27
  nonce?: string | undefined;
24
- placeholder?: string | undefined;
25
28
  slot?: string | undefined;
26
29
  spellCheck?: (boolean | "true" | "false") | undefined;
27
- style?: import("react").CSSProperties | undefined;
28
30
  tabIndex?: number | undefined;
29
31
  title?: string | undefined;
30
32
  translate?: "yes" | "no" | undefined;
@@ -58,14 +60,18 @@ declare const CardHeader: {
58
60
  "aria-activedescendant"?: string | undefined;
59
61
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
60
62
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
63
+ "aria-braillelabel"?: string | undefined;
64
+ "aria-brailleroledescription"?: string | undefined;
61
65
  "aria-busy"?: (boolean | "true" | "false") | undefined;
62
66
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
63
67
  "aria-colcount"?: number | undefined;
64
68
  "aria-colindex"?: number | undefined;
69
+ "aria-colindextext"?: string | undefined;
65
70
  "aria-colspan"?: number | undefined;
66
71
  "aria-controls"?: string | undefined;
67
72
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
73
  "aria-describedby"?: string | undefined;
74
+ "aria-description"?: string | undefined;
69
75
  "aria-details"?: string | undefined;
70
76
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
71
77
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +101,7 @@ declare const CardHeader: {
95
101
  "aria-roledescription"?: string | undefined;
96
102
  "aria-rowcount"?: number | undefined;
97
103
  "aria-rowindex"?: number | undefined;
104
+ "aria-rowindextext"?: string | undefined;
98
105
  "aria-rowspan"?: number | undefined;
99
106
  "aria-selected"?: (boolean | "true" | "false") | undefined;
100
107
  "aria-setsize"?: number | undefined;
@@ -246,9 +253,7 @@ declare const CardHeader: {
246
253
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
254
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
255
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
256
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
257
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
258
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
259
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -269,12 +274,15 @@ declare const CardHeader: {
269
274
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
270
275
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
271
276
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
272
- ref?: import("react").Ref<HTMLDivElement> | undefined;
273
277
  key?: import("react").Key | null | undefined;
274
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
278
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
279
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
280
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
281
+ }, {
275
282
  color?: string | undefined;
276
283
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
277
284
  Title: import("styled-components").IStyledComponent<"web", {
285
+ style?: import("react").CSSProperties | undefined;
278
286
  isMonospace?: boolean | undefined;
279
287
  tag?: any;
280
288
  isBold?: boolean | undefined;
@@ -285,18 +293,17 @@ declare const CardHeader: {
285
293
  accessKey?: string | undefined;
286
294
  autoFocus?: boolean | undefined;
287
295
  className?: string | undefined;
288
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
296
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
289
297
  contextMenu?: string | undefined;
290
298
  dir?: string | undefined;
291
299
  draggable?: (boolean | "true" | "false") | undefined;
300
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
292
301
  hidden?: boolean | undefined;
293
302
  id?: string | undefined;
294
303
  lang?: string | undefined;
295
304
  nonce?: string | undefined;
296
- placeholder?: string | undefined;
297
305
  slot?: string | undefined;
298
306
  spellCheck?: (boolean | "true" | "false") | undefined;
299
- style?: import("react").CSSProperties | undefined;
300
307
  tabIndex?: number | undefined;
301
308
  title?: string | undefined;
302
309
  translate?: "yes" | "no" | undefined;
@@ -330,14 +337,18 @@ declare const CardHeader: {
330
337
  "aria-activedescendant"?: string | undefined;
331
338
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
332
339
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
340
+ "aria-braillelabel"?: string | undefined;
341
+ "aria-brailleroledescription"?: string | undefined;
333
342
  "aria-busy"?: (boolean | "true" | "false") | undefined;
334
343
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
335
344
  "aria-colcount"?: number | undefined;
336
345
  "aria-colindex"?: number | undefined;
346
+ "aria-colindextext"?: string | undefined;
337
347
  "aria-colspan"?: number | undefined;
338
348
  "aria-controls"?: string | undefined;
339
349
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
340
350
  "aria-describedby"?: string | undefined;
351
+ "aria-description"?: string | undefined;
341
352
  "aria-details"?: string | undefined;
342
353
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
343
354
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -367,6 +378,7 @@ declare const CardHeader: {
367
378
  "aria-roledescription"?: string | undefined;
368
379
  "aria-rowcount"?: number | undefined;
369
380
  "aria-rowindex"?: number | undefined;
381
+ "aria-rowindextext"?: string | undefined;
370
382
  "aria-rowspan"?: number | undefined;
371
383
  "aria-selected"?: (boolean | "true" | "false") | undefined;
372
384
  "aria-setsize"?: number | undefined;
@@ -518,9 +530,7 @@ declare const CardHeader: {
518
530
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
519
531
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
520
532
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
521
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
522
533
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
523
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
524
534
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
525
535
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
526
536
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -541,12 +551,15 @@ declare const CardHeader: {
541
551
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
542
552
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
543
553
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
544
- ref?: import("react").Ref<HTMLDivElement> | undefined;
545
554
  key?: import("react").Key | null | undefined;
546
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
555
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
556
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
557
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
558
+ }, {
547
559
  color?: string | undefined;
548
560
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
549
561
  Text: import("styled-components").IStyledComponent<"web", {
562
+ style?: import("react").CSSProperties | undefined;
550
563
  isMonospace?: boolean | undefined;
551
564
  tag?: any;
552
565
  isBold?: boolean | undefined;
@@ -557,18 +570,17 @@ declare const CardHeader: {
557
570
  accessKey?: string | undefined;
558
571
  autoFocus?: boolean | undefined;
559
572
  className?: string | undefined;
560
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
573
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
561
574
  contextMenu?: string | undefined;
562
575
  dir?: string | undefined;
563
576
  draggable?: (boolean | "true" | "false") | undefined;
577
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
564
578
  hidden?: boolean | undefined;
565
579
  id?: string | undefined;
566
580
  lang?: string | undefined;
567
581
  nonce?: string | undefined;
568
- placeholder?: string | undefined;
569
582
  slot?: string | undefined;
570
583
  spellCheck?: (boolean | "true" | "false") | undefined;
571
- style?: import("react").CSSProperties | undefined;
572
584
  tabIndex?: number | undefined;
573
585
  title?: string | undefined;
574
586
  translate?: "yes" | "no" | undefined;
@@ -602,14 +614,18 @@ declare const CardHeader: {
602
614
  "aria-activedescendant"?: string | undefined;
603
615
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
604
616
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
617
+ "aria-braillelabel"?: string | undefined;
618
+ "aria-brailleroledescription"?: string | undefined;
605
619
  "aria-busy"?: (boolean | "true" | "false") | undefined;
606
620
  "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
607
621
  "aria-colcount"?: number | undefined;
608
622
  "aria-colindex"?: number | undefined;
623
+ "aria-colindextext"?: string | undefined;
609
624
  "aria-colspan"?: number | undefined;
610
625
  "aria-controls"?: string | undefined;
611
626
  "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
612
627
  "aria-describedby"?: string | undefined;
628
+ "aria-description"?: string | undefined;
613
629
  "aria-details"?: string | undefined;
614
630
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
615
631
  "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -639,6 +655,7 @@ declare const CardHeader: {
639
655
  "aria-roledescription"?: string | undefined;
640
656
  "aria-rowcount"?: number | undefined;
641
657
  "aria-rowindex"?: number | undefined;
658
+ "aria-rowindextext"?: string | undefined;
642
659
  "aria-rowspan"?: number | undefined;
643
660
  "aria-selected"?: (boolean | "true" | "false") | undefined;
644
661
  "aria-setsize"?: number | undefined;
@@ -790,9 +807,7 @@ declare const CardHeader: {
790
807
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
791
808
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
792
809
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
793
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
794
810
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
795
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
796
811
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
797
812
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
798
813
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -813,9 +828,11 @@ declare const CardHeader: {
813
828
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
814
829
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
815
830
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
816
- ref?: import("react").Ref<HTMLDivElement> | undefined;
817
831
  key?: import("react").Key | null | undefined;
818
- }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, {
832
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
833
+ }> & import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
834
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
835
+ }, {
819
836
  color?: string | undefined;
820
837
  }>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;
821
838
  };