@royaloperahouse/harmonic 0.13.2 → 0.13.3

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 (13) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
  3. package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
  4. package/dist/components/molecules/Information/Information.style.d.ts +2 -3
  5. package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
  6. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +3 -273
  7. package/dist/harmonic.cjs.development.js +1 -1
  8. package/dist/harmonic.cjs.development.js.map +1 -1
  9. package/dist/harmonic.cjs.production.min.js +1 -1
  10. package/dist/harmonic.cjs.production.min.js.map +1 -1
  11. package/dist/harmonic.esm.js +1 -1
  12. package/dist/harmonic.esm.js.map +1 -1
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,6 @@
1
+ ## [0.13.3]
2
+ - BodyContent: remove uppercase for the headers
3
+
1
4
  ## [0.13.2]
2
5
  - Tab: add isOpen boolean param to set aria-expanded
3
6
 
package/dist/components/atoms/TextField/TextField.style.d.ts CHANGED
@@ -7,4 +7,4 @@ export declare const Input: import("styled-components").StyledComponent<"input",
7
7
  export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
8
8
  export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
9
9
  export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
10
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
10
+ export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts CHANGED
@@ -7,7 +7,7 @@ interface ContentSummaryProps {
7
7
  interface Clickable {
8
8
  clickable?: boolean;
9
9
  }
10
- export declare const BodyTextRelative: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
10
+ export declare const BodyTextRelative: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
11
11
  export declare const ContentSummaryWrapper: import("styled-components").StyledComponent<"article", any, Clickable, never>;
12
12
  export declare const ContentSummaryImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
13
13
  export declare const ContentSummaryTextWrapper: import("styled-components").StyledComponent<"div", any, ContentSummaryProps, never>;
package/dist/components/molecules/Information/Information.style.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import type { InformationCTAWrapperProps } from '../../../types/information';
2
1
  export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
2
  export declare const InfoTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, InformationCTAWrapperProps, never>;
5
- export declare const InfoBodyWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
3
+ export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, Pick<import("../../../types/information").IInformationCTAProps, "theme" | "variant">, never>;
4
+ export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/Pagination/Pagination.style.d.ts CHANGED
@@ -4,6 +4,6 @@ export declare const MorePages: import("styled-components").StyledComponent<"spa
4
4
  export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
5
5
  export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
6
6
  export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
7
- export declare const TextLinkPagination: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {
7
+ export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {
8
8
  active?: boolean | undefined;
9
9
  }, never>;
package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts CHANGED
@@ -2,277 +2,7 @@ import { IEditorialGridProps } from '../../../types/editorial';
2
2
  export declare const PromoWithTitleGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
3
3
  export declare const PromoWithTitleImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
4
4
  export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
5
- export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy, tag, className, ...props }: import("../../../types/typography").HarmonicHeaderProps) => import("react").DOMElement<{
6
- defaultChecked?: boolean | undefined;
7
- defaultValue?: string | number | readonly string[] | undefined;
8
- suppressContentEditableWarning?: boolean | undefined;
9
- suppressHydrationWarning?: boolean | undefined;
10
- accessKey?: string | undefined;
11
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
12
- autoFocus?: boolean | undefined;
13
- className: string;
14
- contentEditable?: boolean | "true" | "false" | "inherit" | undefined;
15
- contextMenu?: string | undefined;
16
- dir?: string | undefined;
17
- draggable?: boolean | "true" | "false" | undefined;
18
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
19
- hidden?: boolean | undefined;
20
- id?: string | undefined;
21
- lang?: string | undefined;
22
- nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
- slot?: string | undefined;
25
- spellCheck?: boolean | "true" | "false" | undefined;
26
- style?: import("react").CSSProperties | undefined;
27
- tabIndex?: number | undefined;
28
- title?: string | undefined;
29
- translate?: "yes" | "no" | undefined;
30
- radioGroup?: string | undefined;
31
- role?: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | "none" | (string & {}) | "search" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "list" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | undefined;
32
- about?: string | undefined;
33
- content?: string | undefined;
34
- datatype?: string | undefined;
35
- inlist?: any;
36
- prefix?: string | undefined;
37
- property?: string | undefined;
38
- rel?: string | undefined;
39
- resource?: string | undefined;
40
- rev?: string | undefined;
41
- typeof?: string | undefined;
42
- vocab?: string | undefined;
43
- autoCorrect?: string | undefined;
44
- autoSave?: string | undefined;
45
- color?: string | undefined;
46
- itemProp?: string | undefined;
47
- itemScope?: boolean | undefined;
48
- itemType?: string | undefined;
49
- itemID?: string | undefined;
50
- itemRef?: string | undefined;
51
- results?: number | undefined;
52
- security?: string | undefined;
53
- unselectable?: "off" | "on" | undefined;
54
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
55
- is?: string | undefined;
56
- exportparts?: string | undefined;
57
- part?: string | undefined;
58
- "aria-activedescendant"?: string | undefined;
59
- "aria-atomic"?: boolean | "true" | "false" | undefined;
60
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
61
- "aria-braillelabel"?: string | undefined;
62
- "aria-brailleroledescription"?: string | undefined;
63
- "aria-busy"?: boolean | "true" | "false" | undefined;
64
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
65
- "aria-colcount"?: number | undefined;
66
- "aria-colindex"?: number | undefined;
67
- "aria-colindextext"?: string | undefined;
68
- "aria-colspan"?: number | undefined;
69
- "aria-controls"?: string | undefined;
70
- "aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
71
- "aria-describedby"?: string | undefined;
72
- "aria-description"?: string | undefined;
73
- "aria-details"?: string | undefined;
74
- "aria-disabled"?: boolean | "true" | "false" | undefined;
75
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
76
- "aria-errormessage"?: string | undefined;
77
- "aria-expanded"?: boolean | "true" | "false" | undefined;
78
- "aria-flowto"?: string | undefined;
79
- "aria-grabbed"?: boolean | "true" | "false" | undefined;
80
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
81
- "aria-hidden"?: boolean | "true" | "false" | undefined;
82
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
83
- "aria-keyshortcuts"?: string | undefined;
84
- "aria-label"?: string | undefined;
85
- "aria-labelledby"?: string | undefined;
86
- "aria-level"?: number | undefined;
87
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
88
- "aria-modal"?: boolean | "true" | "false" | undefined;
89
- "aria-multiline"?: boolean | "true" | "false" | undefined;
90
- "aria-multiselectable"?: boolean | "true" | "false" | undefined;
91
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
92
- "aria-owns"?: string | undefined;
93
- "aria-placeholder"?: string | undefined;
94
- "aria-posinset"?: number | undefined;
95
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
96
- "aria-readonly"?: boolean | "true" | "false" | undefined;
97
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
98
- "aria-required"?: boolean | "true" | "false" | undefined;
99
- "aria-roledescription"?: string | undefined;
100
- "aria-rowcount"?: number | undefined;
101
- "aria-rowindex"?: number | undefined;
102
- "aria-rowindextext"?: string | undefined;
103
- "aria-rowspan"?: number | undefined;
104
- "aria-selected"?: boolean | "true" | "false" | undefined;
105
- "aria-setsize"?: number | undefined;
106
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
107
- "aria-valuemax"?: number | undefined;
108
- "aria-valuemin"?: number | undefined;
109
- "aria-valuenow"?: number | undefined;
110
- "aria-valuetext"?: string | undefined;
111
- children?: import("react").ReactNode;
112
- dangerouslySetInnerHTML?: {
113
- __html: string | TrustedHTML;
114
- } | undefined;
115
- onCopy?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
116
- onCopyCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
117
- onCut?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
118
- onCutCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
119
- onPaste?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
120
- onPasteCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
121
- onCompositionEnd?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
122
- onCompositionEndCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
123
- onCompositionStart?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
124
- onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
125
- onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
126
- onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
127
- onFocus?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
128
- onFocusCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
129
- onBlur?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
130
- onBlurCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
131
- onChange?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
132
- onChangeCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
133
- onBeforeInput?: ((event: import("react").InputEvent<HTMLElement>) => void) | undefined;
134
- onBeforeInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
135
- onInput?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
136
- onInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
137
- onReset?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
138
- onResetCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
139
- onSubmit?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
140
- onSubmitCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
141
- onInvalid?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
142
- onInvalidCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
143
- onLoad?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
144
- onLoadCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
145
- onError?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
146
- onErrorCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
147
- onKeyDown?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
148
- onKeyDownCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
149
- onKeyPress?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
150
- onKeyPressCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
151
- onKeyUp?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
152
- onKeyUpCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
153
- onAbort?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
154
- onAbortCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
155
- onCanPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
156
- onCanPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
157
- onCanPlayThrough?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
158
- onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
159
- onDurationChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
160
- onDurationChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
161
- onEmptied?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
162
- onEmptiedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
163
- onEncrypted?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
164
- onEncryptedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
165
- onEnded?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
166
- onEndedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
167
- onLoadedData?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
168
- onLoadedDataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
169
- onLoadedMetadata?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
170
- onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
171
- onLoadStart?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
172
- onLoadStartCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
173
- onPause?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
174
- onPauseCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
175
- onPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
176
- onPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
177
- onPlaying?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
178
- onPlayingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
179
- onProgress?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
180
- onProgressCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
181
- onRateChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
182
- onRateChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
183
- onSeeked?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
184
- onSeekedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
185
- onSeeking?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
186
- onSeekingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
187
- onStalled?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
188
- onStalledCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
189
- onSuspend?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
190
- onSuspendCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
191
- onTimeUpdate?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
192
- onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
193
- onVolumeChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
194
- onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
195
- onWaiting?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
196
- onWaitingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
197
- onAuxClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
198
- onAuxClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
199
- onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
200
- onClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
201
- onContextMenu?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
202
- onContextMenuCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
203
- onDoubleClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
204
- onDoubleClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
205
- onDrag?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
206
- onDragCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
207
- onDragEnd?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
208
- onDragEndCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
209
- onDragEnter?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
210
- onDragEnterCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
211
- onDragExit?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
212
- onDragExitCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
213
- onDragLeave?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
214
- onDragLeaveCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
215
- onDragOver?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
216
- onDragOverCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
217
- onDragStart?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
218
- onDragStartCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
219
- onDrop?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
220
- onDropCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
221
- onMouseDown?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
222
- onMouseDownCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
223
- onMouseEnter?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
224
- onMouseLeave?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
225
- onMouseMove?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
226
- onMouseMoveCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
227
- onMouseOut?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
228
- onMouseOutCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
229
- onMouseOver?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
230
- onMouseOverCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
231
- onMouseUp?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
232
- onMouseUpCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
233
- onSelect?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
234
- onSelectCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
235
- onTouchCancel?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
236
- onTouchCancelCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
237
- onTouchEnd?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
238
- onTouchEndCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
239
- onTouchMove?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
240
- onTouchMoveCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
241
- onTouchStart?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
242
- onTouchStartCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
243
- onPointerDown?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
244
- onPointerDownCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
245
- onPointerMove?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
246
- onPointerMoveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
247
- onPointerUp?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
248
- onPointerUpCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
249
- onPointerCancel?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
250
- onPointerCancelCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
251
- onPointerEnter?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
252
- onPointerEnterCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
253
- onPointerLeave?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
254
- onPointerLeaveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
255
- onPointerOver?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
256
- onPointerOverCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
257
- onPointerOut?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
258
- onPointerOutCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
259
- onGotPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
260
- onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
261
- onLostPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
262
- onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
263
- onScroll?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
264
- onScrollCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
265
- onWheel?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
266
- onWheelCapture?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
267
- onAnimationStart?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
268
- onAnimationStartCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
269
- onAnimationEnd?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
270
- onAnimationEndCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
271
- onAnimationIteration?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
272
- onAnimationIterationCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
273
- onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
274
- onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
275
- }, Element>, any, {}, never>;
276
- export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
277
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
5
+ export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
6
+ export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
7
+ export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
278
8
  export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
package/dist/harmonic.cjs.development.js CHANGED
@@ -7021,7 +7021,7 @@ var Theme = function Theme(_ref) {
7021
7021
  };
7022
7022
 
7023
7023
  var _templateObject$I;
7024
- var TextContainer$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n cursor: pointer;\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n line-height: var(--line-height-listing);\n position: relative;\n padding-left: 32px;\n\n @media ", " {\n padding-left: 28px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
7024
+ var TextContainer$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n cursor: pointer;\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n line-height: var(--line-height-listing);\n position: relative;\n padding-left: 32px;\n\n @media ", " {\n padding-left: 28px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
7025
7025
 
7026
7026
  var addTypographyClasses = function addTypographyClasses(html) {
7027
7027
  return html.replace(/<h1>/g, "<h1 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h2>/g, "<h2 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h3>/g, "<h3 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h4>/g, "<h4 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h5>/g, "<h5 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">").replace(/<h6>/g, "<h6 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">");