@royaloperahouse/harmonic 0.11.0-m → 0.11.0-n
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.
- package/CHANGELOG.md +4 -0
- package/dist/components/Typography/Typography.d.ts +3 -3
- package/dist/components/organisms/StickyBar/StickyBar.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +85 -60
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +85 -60
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/navigation.d.ts +12 -18
- package/dist/types/typography.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { AnchorHTMLAttributes,
|
|
1
|
+
import React, { AnchorHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import { DirectionType, IconNameType } from './iconTypes';
|
|
3
3
|
import { Colors, IOptionItem, ThemeColor } from './types';
|
|
4
4
|
export interface IAccountProps {
|
|
@@ -278,7 +278,7 @@ export interface IAnchorBarProps {
|
|
|
278
278
|
/** Tabs displayed in the anchor bar */
|
|
279
279
|
tabs: AnchorBarTab[];
|
|
280
280
|
/** Function to be called when a tab is clicked */
|
|
281
|
-
onTabClick?: (e: MouseEvent
|
|
281
|
+
onTabClick?: (e: React.MouseEvent<HTMLAnchorElement>, id: string) => void;
|
|
282
282
|
/** Set the id of the active tab */
|
|
283
283
|
activeTab?: string;
|
|
284
284
|
/** Only for IOS devices that do not fully support sticky position, in case a keyboard is opened on the device */
|
|
@@ -287,6 +287,8 @@ export interface IAnchorBarProps {
|
|
|
287
287
|
bottomBorder?: boolean;
|
|
288
288
|
/** Flag indicating whether the bar should have a shadow */
|
|
289
289
|
withShadow?: boolean;
|
|
290
|
+
/** Additional offset height for the tab bar */
|
|
291
|
+
offsetHeight?: number;
|
|
290
292
|
/** Custom CSS classes */
|
|
291
293
|
className?: string;
|
|
292
294
|
}
|
|
@@ -349,24 +351,16 @@ export interface ITabLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
|
349
351
|
}
|
|
350
352
|
export interface IStickyBarProps {
|
|
351
353
|
children: ReactNode;
|
|
352
|
-
/**
|
|
353
|
-
* Set columnstart in Desktop
|
|
354
|
-
*/
|
|
354
|
+
/** Set columnStart in Desktop */
|
|
355
355
|
columnStartDesktop?: number;
|
|
356
|
-
/**
|
|
357
|
-
* Set columnSpan in Desktop
|
|
358
|
-
*/
|
|
356
|
+
/** Set columnSpan in Desktop */
|
|
359
357
|
columnSpanDesktop?: number;
|
|
360
|
-
/**
|
|
361
|
-
* Set columnstart in Device
|
|
362
|
-
*/
|
|
358
|
+
/** Set columnStart in Device */
|
|
363
359
|
columnStartDevice?: number;
|
|
364
|
-
/**
|
|
365
|
-
* Set columnSpam in Device
|
|
366
|
-
*/
|
|
360
|
+
/** Set columnSpan in Device */
|
|
367
361
|
columnSpanDevice?: number;
|
|
368
|
-
/**
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
362
|
+
/** Boolean to set bottom border */
|
|
363
|
+
bottomBorder?: boolean;
|
|
364
|
+
/** Custom CSS classes */
|
|
365
|
+
className?: string;
|
|
372
366
|
}
|
|
@@ -25,8 +25,8 @@ export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphEl
|
|
|
25
25
|
export interface IHarmonicHeaderProps extends IGenericTypographyProps {
|
|
26
26
|
hierarchy: HeaderHierarchy;
|
|
27
27
|
}
|
|
28
|
-
export interface
|
|
29
|
-
/** HTML tag
|
|
28
|
+
export interface ITaggedTypographyProps extends IGenericTypographyProps {
|
|
29
|
+
/** Specifies the HTML tag for rendering typography. The default is 'p'. */
|
|
30
30
|
tag?: React.ElementType;
|
|
31
31
|
}
|
|
32
32
|
export declare type TypographyLevel = 1 | 2 | 3 | 4 | 5 | 6;
|