@postenbring/hedwig-react 0.0.71 → 0.0.72
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/dist/_tsup-dts-rollup.d.mts +89 -28
- package/dist/_tsup-dts-rollup.d.ts +89 -28
- package/dist/accordion/index.mjs +5 -5
- package/dist/{breadcrumb/index.js → breadcrumbs/breadcrumbs.js} +12 -11
- package/dist/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/{breadcrumb/breadcrumb.mjs → breadcrumbs/breadcrumbs.mjs} +2 -2
- package/dist/{breadcrumb/breadcrumb.js → breadcrumbs/index.js} +14 -9
- package/dist/breadcrumbs/index.js.map +1 -0
- package/dist/breadcrumbs/index.mjs +9 -0
- package/dist/button/button.js +1 -4
- package/dist/button/button.js.map +1 -1
- package/dist/button/button.mjs +1 -1
- package/dist/button/index.js +1 -4
- package/dist/button/index.js.map +1 -1
- package/dist/button/index.mjs +1 -1
- package/dist/{chunk-XYIY6FHW.mjs → chunk-3FRCJ3RH.mjs} +7 -7
- package/dist/chunk-3LYJRAOC.mjs +1 -0
- package/dist/{chunk-O32FZU7E.mjs → chunk-BFNITN5E.mjs} +5 -5
- package/dist/{chunk-OUHO4LGN.mjs → chunk-BWFFP6BB.mjs} +2 -5
- package/dist/chunk-BWFFP6BB.mjs.map +1 -0
- package/dist/chunk-CFAH2LID.mjs +1 -0
- package/dist/{chunk-ZRFDCZ62.mjs → chunk-CSFSJGLY.mjs} +5 -5
- package/dist/{chunk-K2HG7WRK.mjs → chunk-CU56G5WS.mjs} +2 -2
- package/dist/chunk-E5O6ID3L.mjs +54 -0
- package/dist/chunk-E5O6ID3L.mjs.map +1 -0
- package/dist/chunk-EMI7NAO2.mjs +45 -0
- package/dist/chunk-EMI7NAO2.mjs.map +1 -0
- package/dist/chunk-GGEQEVZ4.mjs +22 -0
- package/dist/chunk-GGEQEVZ4.mjs.map +1 -0
- package/dist/chunk-HSIL53A5.mjs +118 -0
- package/dist/chunk-HSIL53A5.mjs.map +1 -0
- package/dist/chunk-ISAHCU7C.mjs +1 -0
- package/dist/chunk-ISAHCU7C.mjs.map +1 -0
- package/dist/chunk-JBWAZQKM.mjs +1 -0
- package/dist/chunk-JBWAZQKM.mjs.map +1 -0
- package/dist/{chunk-FOZSX44S.mjs → chunk-VM345XBI.mjs} +6 -6
- package/dist/chunk-Z753E3XF.mjs +33 -0
- package/dist/chunk-Z753E3XF.mjs.map +1 -0
- package/dist/description-list/description-list.d.mts +1 -1
- package/dist/description-list/description-list.d.ts +1 -1
- package/dist/description-list/description-list.js +19 -21
- package/dist/description-list/description-list.js.map +1 -1
- package/dist/description-list/description-list.mjs +1 -1
- package/dist/description-list/index.js +19 -21
- package/dist/description-list/index.js.map +1 -1
- package/dist/description-list/index.mjs +1 -1
- package/dist/footer/footer.js +1 -4
- package/dist/footer/footer.js.map +1 -1
- package/dist/footer/footer.mjs +5 -5
- package/dist/footer/index.js +1 -4
- package/dist/footer/index.js.map +1 -1
- package/dist/footer/index.mjs +6 -6
- package/dist/form/index.mjs +14 -14
- package/dist/help-text/help-text.d.mts +1 -0
- package/dist/help-text/help-text.d.ts +1 -0
- package/dist/help-text/help-text.js +186 -0
- package/dist/help-text/help-text.js.map +1 -0
- package/dist/help-text/help-text.mjs +10 -0
- package/dist/help-text/help-text.mjs.map +1 -0
- package/dist/help-text/index.d.mts +1 -0
- package/dist/help-text/index.d.ts +1 -0
- package/dist/help-text/index.js +188 -0
- package/dist/help-text/index.js.map +1 -0
- package/dist/help-text/index.mjs +11 -0
- package/dist/help-text/index.mjs.map +1 -0
- package/dist/index-no-css.d.mts +2 -0
- package/dist/index-no-css.d.ts +2 -0
- package/dist/index-no-css.js +414 -316
- package/dist/index-no-css.js.map +1 -1
- package/dist/index-no-css.mjs +111 -101
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +414 -316
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +111 -101
- package/dist/index.mjs.map +1 -1
- package/dist/layout/index.mjs +6 -6
- package/dist/navbar/index.mjs +5 -5
- package/dist/show-more/index.js +91 -39
- package/dist/show-more/index.js.map +1 -1
- package/dist/show-more/index.mjs +2 -1
- package/dist/table/index.d.mts +1 -0
- package/dist/table/index.d.ts +1 -0
- package/dist/table/index.js +94 -0
- package/dist/table/index.js.map +1 -0
- package/dist/table/index.mjs +9 -0
- package/dist/table/index.mjs.map +1 -0
- package/dist/table/table.d.mts +1 -0
- package/dist/table/table.d.ts +1 -0
- package/dist/table/table.js +92 -0
- package/dist/table/table.js.map +1 -0
- package/dist/table/table.mjs +8 -0
- package/dist/table/table.mjs.map +1 -0
- package/dist/tabs/index.mjs +5 -5
- package/dist/utilities/auto-animate-height.js +89 -37
- package/dist/utilities/auto-animate-height.js.map +1 -1
- package/dist/utilities/auto-animate-height.mjs +2 -1
- package/dist/utilities/index.js +89 -37
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/index.mjs +2 -1
- package/package.json +5 -4
- package/dist/breadcrumb/breadcrumb.js.map +0 -1
- package/dist/breadcrumb/index.js.map +0 -1
- package/dist/breadcrumb/index.mjs +0 -9
- package/dist/chunk-AKYK3XFN.mjs +0 -95
- package/dist/chunk-AKYK3XFN.mjs.map +0 -1
- package/dist/chunk-OUHO4LGN.mjs.map +0 -1
- package/dist/chunk-XMB45ILT.mjs +0 -35
- package/dist/chunk-XMB45ILT.mjs.map +0 -1
- package/dist/chunk-YKDKFWP2.mjs +0 -19
- package/dist/chunk-YKDKFWP2.mjs.map +0 -1
- package/dist/chunk-YWNVB7TY.mjs +0 -1
- package/dist/chunk-ZOCMUEOX.mjs +0 -1
- package/dist/{breadcrumb/breadcrumb.d.mts → breadcrumbs/breadcrumbs.d.mts} +1 -1
- package/dist/{breadcrumb/breadcrumb.d.ts → breadcrumbs/breadcrumbs.d.ts} +1 -1
- /package/dist/{breadcrumb/breadcrumb.mjs.map → breadcrumbs/breadcrumbs.mjs.map} +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.d.mts +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.d.ts +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.mjs.map +0 -0
- /package/dist/{chunk-XYIY6FHW.mjs.map → chunk-3FRCJ3RH.mjs.map} +0 -0
- /package/dist/{chunk-YWNVB7TY.mjs.map → chunk-3LYJRAOC.mjs.map} +0 -0
- /package/dist/{chunk-O32FZU7E.mjs.map → chunk-BFNITN5E.mjs.map} +0 -0
- /package/dist/{chunk-ZOCMUEOX.mjs.map → chunk-CFAH2LID.mjs.map} +0 -0
- /package/dist/{chunk-ZRFDCZ62.mjs.map → chunk-CSFSJGLY.mjs.map} +0 -0
- /package/dist/{chunk-K2HG7WRK.mjs.map → chunk-CU56G5WS.mjs.map} +0 -0
- /package/dist/{chunk-FOZSX44S.mjs.map → chunk-VM345XBI.mjs.map} +0 -0
|
@@ -164,6 +164,12 @@ declare interface AutoAnimateHeightProps {
|
|
|
164
164
|
* default is "quick"
|
|
165
165
|
*/
|
|
166
166
|
animationDuration?: "quick" | "normal" | "slow";
|
|
167
|
+
/**
|
|
168
|
+
* Callback fired when animiation transition ends
|
|
169
|
+
* Use this to do effects after resizing is done, e.g. scrolling to the element
|
|
170
|
+
* using `element.scrollIntoView()`
|
|
171
|
+
*/
|
|
172
|
+
onTransitionEnd?: () => void;
|
|
167
173
|
/**
|
|
168
174
|
* Which hedwig easing function to use, default is "normal"
|
|
169
175
|
*/
|
|
@@ -293,18 +299,14 @@ export { BoxProps as BoxProps_alias_3 }
|
|
|
293
299
|
* </nav>
|
|
294
300
|
* ```
|
|
295
301
|
*/
|
|
296
|
-
declare
|
|
297
|
-
|
|
298
|
-
declare namespace Breadcrumbs {
|
|
299
|
-
var displayName: string;
|
|
300
|
-
}
|
|
302
|
+
declare const Breadcrumbs: ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLDivElement>>;
|
|
301
303
|
export { Breadcrumbs }
|
|
302
304
|
export { Breadcrumbs as Breadcrumbs_alias_1 }
|
|
303
305
|
export { Breadcrumbs as Breadcrumbs_alias_2 }
|
|
304
306
|
export { Breadcrumbs as Breadcrumbs_alias_3 }
|
|
305
307
|
|
|
306
308
|
declare interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {
|
|
307
|
-
children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
|
|
309
|
+
children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
|
|
308
310
|
/**
|
|
309
311
|
* Props passed to the `ol` html element
|
|
310
312
|
*/
|
|
@@ -319,27 +321,15 @@ declare type Breakpoints = "initial" | "small" | "medium" | "large" | "xlarge";
|
|
|
319
321
|
|
|
320
322
|
export declare const ButtonAsLink: Story_18;
|
|
321
323
|
|
|
322
|
-
declare
|
|
323
|
-
/**
|
|
324
|
-
* The background fill of the button
|
|
325
|
-
*/
|
|
326
|
-
fill?: "contained" | "outline";
|
|
327
|
-
} | {
|
|
328
|
-
/**
|
|
329
|
-
* @deprecated use `fill='outline'` instead
|
|
330
|
-
*/
|
|
331
|
-
fill?: "outlined";
|
|
332
|
-
});
|
|
333
|
-
export { ButtonProps }
|
|
334
|
-
export { ButtonProps as ButtonProps_alias_1 }
|
|
335
|
-
export { ButtonProps as ButtonProps_alias_2 }
|
|
336
|
-
export { ButtonProps as ButtonProps_alias_3 }
|
|
337
|
-
|
|
338
|
-
declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
324
|
+
declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
339
325
|
/**
|
|
340
326
|
* The height, font size and padding of the button
|
|
341
327
|
*/
|
|
342
328
|
size?: "small" | "medium" | "large";
|
|
329
|
+
/**
|
|
330
|
+
* The background fill of the button
|
|
331
|
+
*/
|
|
332
|
+
fill?: "contained" | "outline";
|
|
343
333
|
/**
|
|
344
334
|
* Make the button use 100% width available.
|
|
345
335
|
* Using the "mobile" it only stretch to full width on smaller screens
|
|
@@ -351,6 +341,10 @@ declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLBut
|
|
|
351
341
|
icon?: React.ReactNode;
|
|
352
342
|
children?: React.ReactNode;
|
|
353
343
|
}
|
|
344
|
+
export { ButtonProps }
|
|
345
|
+
export { ButtonProps as ButtonProps_alias_1 }
|
|
346
|
+
export { ButtonProps as ButtonProps_alias_2 }
|
|
347
|
+
export { ButtonProps as ButtonProps_alias_3 }
|
|
354
348
|
|
|
355
349
|
export declare const Card_alias_2: Story_6;
|
|
356
350
|
|
|
@@ -742,11 +736,7 @@ export declare const DefaultWithError: Story_15;
|
|
|
742
736
|
* </DescriptionList>
|
|
743
737
|
* ```
|
|
744
738
|
*/
|
|
745
|
-
declare
|
|
746
|
-
|
|
747
|
-
declare namespace DescriptionList {
|
|
748
|
-
var displayName: string;
|
|
749
|
-
}
|
|
739
|
+
declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDListElement>>;
|
|
750
740
|
export { DescriptionList }
|
|
751
741
|
export { DescriptionList as DescriptionList_alias_1 }
|
|
752
742
|
export { DescriptionList as DescriptionList_alias_2 }
|
|
@@ -1053,6 +1043,49 @@ declare interface HeadingProps {
|
|
|
1053
1043
|
as: React_3.ElementType;
|
|
1054
1044
|
}
|
|
1055
1045
|
|
|
1046
|
+
/**
|
|
1047
|
+
* Show a help text for a word or phrase when clicked
|
|
1048
|
+
*
|
|
1049
|
+
* Useful for providing explanations for domain-specific terms or acronyms
|
|
1050
|
+
*/
|
|
1051
|
+
declare const HelpText: ForwardRefExoticComponent<HelpTextProps & RefAttributes<HTMLButtonElement>>;
|
|
1052
|
+
export { HelpText }
|
|
1053
|
+
export { HelpText as HelpText_alias_1 }
|
|
1054
|
+
export { HelpText as HelpText_alias_2 }
|
|
1055
|
+
export { HelpText as HelpText_alias_3 }
|
|
1056
|
+
|
|
1057
|
+
declare interface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
1058
|
+
className?: string;
|
|
1059
|
+
/**
|
|
1060
|
+
* The content of the help text
|
|
1061
|
+
*/
|
|
1062
|
+
children: React.ReactNode;
|
|
1063
|
+
/**
|
|
1064
|
+
* The word that should be clickable to show the help text
|
|
1065
|
+
*/
|
|
1066
|
+
word?: React.ReactNode;
|
|
1067
|
+
/**
|
|
1068
|
+
* The title of the help text. Used by screen readers and if the user hover over the help text
|
|
1069
|
+
*/
|
|
1070
|
+
title?: string;
|
|
1071
|
+
/**
|
|
1072
|
+
* Props for the `Box` that contains the help text
|
|
1073
|
+
*/
|
|
1074
|
+
boxProps?: React.ComponentProps<typeof BoxComponent>;
|
|
1075
|
+
/**
|
|
1076
|
+
* The side of the trigger the popover should be attached to
|
|
1077
|
+
*
|
|
1078
|
+
* default is `top`
|
|
1079
|
+
*/
|
|
1080
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1081
|
+
/**
|
|
1082
|
+
* The alignment of the popover content
|
|
1083
|
+
*
|
|
1084
|
+
* default is `start`
|
|
1085
|
+
*/
|
|
1086
|
+
align?: "center" | "end" | "start";
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1056
1089
|
export declare const Horizontal: Story_7;
|
|
1057
1090
|
|
|
1058
1091
|
export declare const Horizontal_alias_1: Story_28;
|
|
@@ -2013,6 +2046,34 @@ export { TabContentsProps as TabContentsProps_alias_1 }
|
|
|
2013
2046
|
export { TabContentsProps as TabContentsProps_alias_2 }
|
|
2014
2047
|
export { TabContentsProps as TabContentsProps_alias_3 }
|
|
2015
2048
|
|
|
2049
|
+
declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
|
|
2050
|
+
export { Table }
|
|
2051
|
+
export { Table as Table_alias_1 }
|
|
2052
|
+
export { Table as Table_alias_2 }
|
|
2053
|
+
export { Table as Table_alias_3 }
|
|
2054
|
+
|
|
2055
|
+
declare interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
2056
|
+
className?: string;
|
|
2057
|
+
/**
|
|
2058
|
+
* Size of the table
|
|
2059
|
+
*
|
|
2060
|
+
* Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.
|
|
2061
|
+
*/
|
|
2062
|
+
size?: "default" | "compressed" | "mobile-compressed";
|
|
2063
|
+
/**
|
|
2064
|
+
* The table caption
|
|
2065
|
+
*
|
|
2066
|
+
* You can also set this by passing `<caption>` as a first child of the table
|
|
2067
|
+
*/
|
|
2068
|
+
caption?: React.ReactNode;
|
|
2069
|
+
/**
|
|
2070
|
+
* Optional description of the table displayed underneath the table
|
|
2071
|
+
*
|
|
2072
|
+
* Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.
|
|
2073
|
+
*/
|
|
2074
|
+
description?: React.ReactNode;
|
|
2075
|
+
}
|
|
2076
|
+
|
|
2016
2077
|
declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
|
|
2017
2078
|
children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];
|
|
2018
2079
|
/**
|
|
@@ -164,6 +164,12 @@ declare interface AutoAnimateHeightProps {
|
|
|
164
164
|
* default is "quick"
|
|
165
165
|
*/
|
|
166
166
|
animationDuration?: "quick" | "normal" | "slow";
|
|
167
|
+
/**
|
|
168
|
+
* Callback fired when animiation transition ends
|
|
169
|
+
* Use this to do effects after resizing is done, e.g. scrolling to the element
|
|
170
|
+
* using `element.scrollIntoView()`
|
|
171
|
+
*/
|
|
172
|
+
onTransitionEnd?: () => void;
|
|
167
173
|
/**
|
|
168
174
|
* Which hedwig easing function to use, default is "normal"
|
|
169
175
|
*/
|
|
@@ -293,18 +299,14 @@ export { BoxProps as BoxProps_alias_3 }
|
|
|
293
299
|
* </nav>
|
|
294
300
|
* ```
|
|
295
301
|
*/
|
|
296
|
-
declare
|
|
297
|
-
|
|
298
|
-
declare namespace Breadcrumbs {
|
|
299
|
-
var displayName: string;
|
|
300
|
-
}
|
|
302
|
+
declare const Breadcrumbs: ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLDivElement>>;
|
|
301
303
|
export { Breadcrumbs }
|
|
302
304
|
export { Breadcrumbs as Breadcrumbs_alias_1 }
|
|
303
305
|
export { Breadcrumbs as Breadcrumbs_alias_2 }
|
|
304
306
|
export { Breadcrumbs as Breadcrumbs_alias_3 }
|
|
305
307
|
|
|
306
308
|
declare interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {
|
|
307
|
-
children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
|
|
309
|
+
children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
|
|
308
310
|
/**
|
|
309
311
|
* Props passed to the `ol` html element
|
|
310
312
|
*/
|
|
@@ -319,27 +321,15 @@ declare type Breakpoints = "initial" | "small" | "medium" | "large" | "xlarge";
|
|
|
319
321
|
|
|
320
322
|
export declare const ButtonAsLink: Story_18;
|
|
321
323
|
|
|
322
|
-
declare
|
|
323
|
-
/**
|
|
324
|
-
* The background fill of the button
|
|
325
|
-
*/
|
|
326
|
-
fill?: "contained" | "outline";
|
|
327
|
-
} | {
|
|
328
|
-
/**
|
|
329
|
-
* @deprecated use `fill='outline'` instead
|
|
330
|
-
*/
|
|
331
|
-
fill?: "outlined";
|
|
332
|
-
});
|
|
333
|
-
export { ButtonProps }
|
|
334
|
-
export { ButtonProps as ButtonProps_alias_1 }
|
|
335
|
-
export { ButtonProps as ButtonProps_alias_2 }
|
|
336
|
-
export { ButtonProps as ButtonProps_alias_3 }
|
|
337
|
-
|
|
338
|
-
declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
324
|
+
declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
339
325
|
/**
|
|
340
326
|
* The height, font size and padding of the button
|
|
341
327
|
*/
|
|
342
328
|
size?: "small" | "medium" | "large";
|
|
329
|
+
/**
|
|
330
|
+
* The background fill of the button
|
|
331
|
+
*/
|
|
332
|
+
fill?: "contained" | "outline";
|
|
343
333
|
/**
|
|
344
334
|
* Make the button use 100% width available.
|
|
345
335
|
* Using the "mobile" it only stretch to full width on smaller screens
|
|
@@ -351,6 +341,10 @@ declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLBut
|
|
|
351
341
|
icon?: React.ReactNode;
|
|
352
342
|
children?: React.ReactNode;
|
|
353
343
|
}
|
|
344
|
+
export { ButtonProps }
|
|
345
|
+
export { ButtonProps as ButtonProps_alias_1 }
|
|
346
|
+
export { ButtonProps as ButtonProps_alias_2 }
|
|
347
|
+
export { ButtonProps as ButtonProps_alias_3 }
|
|
354
348
|
|
|
355
349
|
export declare const Card_alias_2: Story_6;
|
|
356
350
|
|
|
@@ -742,11 +736,7 @@ export declare const DefaultWithError: Story_15;
|
|
|
742
736
|
* </DescriptionList>
|
|
743
737
|
* ```
|
|
744
738
|
*/
|
|
745
|
-
declare
|
|
746
|
-
|
|
747
|
-
declare namespace DescriptionList {
|
|
748
|
-
var displayName: string;
|
|
749
|
-
}
|
|
739
|
+
declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDListElement>>;
|
|
750
740
|
export { DescriptionList }
|
|
751
741
|
export { DescriptionList as DescriptionList_alias_1 }
|
|
752
742
|
export { DescriptionList as DescriptionList_alias_2 }
|
|
@@ -1053,6 +1043,49 @@ declare interface HeadingProps {
|
|
|
1053
1043
|
as: React_3.ElementType;
|
|
1054
1044
|
}
|
|
1055
1045
|
|
|
1046
|
+
/**
|
|
1047
|
+
* Show a help text for a word or phrase when clicked
|
|
1048
|
+
*
|
|
1049
|
+
* Useful for providing explanations for domain-specific terms or acronyms
|
|
1050
|
+
*/
|
|
1051
|
+
declare const HelpText: ForwardRefExoticComponent<HelpTextProps & RefAttributes<HTMLButtonElement>>;
|
|
1052
|
+
export { HelpText }
|
|
1053
|
+
export { HelpText as HelpText_alias_1 }
|
|
1054
|
+
export { HelpText as HelpText_alias_2 }
|
|
1055
|
+
export { HelpText as HelpText_alias_3 }
|
|
1056
|
+
|
|
1057
|
+
declare interface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
1058
|
+
className?: string;
|
|
1059
|
+
/**
|
|
1060
|
+
* The content of the help text
|
|
1061
|
+
*/
|
|
1062
|
+
children: React.ReactNode;
|
|
1063
|
+
/**
|
|
1064
|
+
* The word that should be clickable to show the help text
|
|
1065
|
+
*/
|
|
1066
|
+
word?: React.ReactNode;
|
|
1067
|
+
/**
|
|
1068
|
+
* The title of the help text. Used by screen readers and if the user hover over the help text
|
|
1069
|
+
*/
|
|
1070
|
+
title?: string;
|
|
1071
|
+
/**
|
|
1072
|
+
* Props for the `Box` that contains the help text
|
|
1073
|
+
*/
|
|
1074
|
+
boxProps?: React.ComponentProps<typeof BoxComponent>;
|
|
1075
|
+
/**
|
|
1076
|
+
* The side of the trigger the popover should be attached to
|
|
1077
|
+
*
|
|
1078
|
+
* default is `top`
|
|
1079
|
+
*/
|
|
1080
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1081
|
+
/**
|
|
1082
|
+
* The alignment of the popover content
|
|
1083
|
+
*
|
|
1084
|
+
* default is `start`
|
|
1085
|
+
*/
|
|
1086
|
+
align?: "center" | "end" | "start";
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1056
1089
|
export declare const Horizontal: Story_7;
|
|
1057
1090
|
|
|
1058
1091
|
export declare const Horizontal_alias_1: Story_28;
|
|
@@ -2013,6 +2046,34 @@ export { TabContentsProps as TabContentsProps_alias_1 }
|
|
|
2013
2046
|
export { TabContentsProps as TabContentsProps_alias_2 }
|
|
2014
2047
|
export { TabContentsProps as TabContentsProps_alias_3 }
|
|
2015
2048
|
|
|
2049
|
+
declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
|
|
2050
|
+
export { Table }
|
|
2051
|
+
export { Table as Table_alias_1 }
|
|
2052
|
+
export { Table as Table_alias_2 }
|
|
2053
|
+
export { Table as Table_alias_3 }
|
|
2054
|
+
|
|
2055
|
+
declare interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
2056
|
+
className?: string;
|
|
2057
|
+
/**
|
|
2058
|
+
* Size of the table
|
|
2059
|
+
*
|
|
2060
|
+
* Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.
|
|
2061
|
+
*/
|
|
2062
|
+
size?: "default" | "compressed" | "mobile-compressed";
|
|
2063
|
+
/**
|
|
2064
|
+
* The table caption
|
|
2065
|
+
*
|
|
2066
|
+
* You can also set this by passing `<caption>` as a first child of the table
|
|
2067
|
+
*/
|
|
2068
|
+
caption?: React.ReactNode;
|
|
2069
|
+
/**
|
|
2070
|
+
* Optional description of the table displayed underneath the table
|
|
2071
|
+
*
|
|
2072
|
+
* Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.
|
|
2073
|
+
*/
|
|
2074
|
+
description?: React.ReactNode;
|
|
2075
|
+
}
|
|
2076
|
+
|
|
2016
2077
|
declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
|
|
2017
2078
|
children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];
|
|
2018
2079
|
/**
|
package/dist/accordion/index.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
AccordionComponent
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-3FRCJ3RH.mjs";
|
|
4
|
+
import {
|
|
5
|
+
AccordionItem
|
|
6
|
+
} from "../chunk-62F4I3MQ.mjs";
|
|
7
|
+
import "../chunk-VRIY65P5.mjs";
|
|
4
8
|
import {
|
|
5
9
|
AccordionContent
|
|
6
10
|
} from "../chunk-GUB3UCXO.mjs";
|
|
7
11
|
import {
|
|
8
12
|
AccordionHeader
|
|
9
13
|
} from "../chunk-YXHXRUFX.mjs";
|
|
10
|
-
import {
|
|
11
|
-
AccordionItem
|
|
12
|
-
} from "../chunk-62F4I3MQ.mjs";
|
|
13
|
-
import "../chunk-VRIY65P5.mjs";
|
|
14
14
|
import "../chunk-V3PAFMK5.mjs";
|
|
15
15
|
import "../chunk-R4SQKVDQ.mjs";
|
|
16
16
|
export {
|
|
@@ -46,23 +46,24 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
46
46
|
};
|
|
47
47
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
48
48
|
|
|
49
|
-
// src/
|
|
50
|
-
var
|
|
51
|
-
__export(
|
|
49
|
+
// src/breadcrumbs/breadcrumbs.tsx
|
|
50
|
+
var breadcrumbs_exports = {};
|
|
51
|
+
__export(breadcrumbs_exports, {
|
|
52
52
|
Breadcrumbs: () => Breadcrumbs
|
|
53
53
|
});
|
|
54
|
-
module.exports = __toCommonJS(
|
|
55
|
-
|
|
56
|
-
// src/breadcrumb/breadcrumb.tsx
|
|
54
|
+
module.exports = __toCommonJS(breadcrumbs_exports);
|
|
55
|
+
var import_react = require("react");
|
|
57
56
|
var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
|
|
58
57
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
58
|
+
var Breadcrumbs = (0, import_react.forwardRef)(
|
|
59
|
+
(_a, ref) => {
|
|
60
|
+
var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
|
|
61
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
|
|
62
|
+
}
|
|
63
|
+
);
|
|
63
64
|
Breadcrumbs.displayName = "Breadcrumbs";
|
|
64
65
|
// Annotate the CommonJS export names for ESM import in node:
|
|
65
66
|
0 && (module.exports = {
|
|
66
67
|
Breadcrumbs
|
|
67
68
|
});
|
|
68
|
-
//# sourceMappingURL=
|
|
69
|
+
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n /**\n * Props passed to the `ol` html element\n */\n olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n * <li><Link href=\"../\">Previous page</Link></li>\n * <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n * <ol>\n * <li><a href=\"../\">Previous page</a></li>\n * <li aria-current=\"page\">Current page</li>\n * </ol>\n * </nav>\n * ```\n */\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ olProps, children, ...rest }, ref) => {\n return (\n <nav ref={ref} {...rest}>\n <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n {children}\n </ol>\n </nav>\n );\n },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmF;AACnF,6BAAqB;AAsCb;AAJD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAgC,QAAQ;AAAxC,iBAAE,WAAS,SApCd,IAoCG,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACV,WACE,4CAAC,sCAAI,OAAc,OAAlB,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}
|
|
@@ -46,21 +46,26 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
46
46
|
};
|
|
47
47
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
48
48
|
|
|
49
|
-
// src/
|
|
50
|
-
var
|
|
51
|
-
__export(
|
|
49
|
+
// src/breadcrumbs/index.tsx
|
|
50
|
+
var breadcrumbs_exports = {};
|
|
51
|
+
__export(breadcrumbs_exports, {
|
|
52
52
|
Breadcrumbs: () => Breadcrumbs
|
|
53
53
|
});
|
|
54
|
-
module.exports = __toCommonJS(
|
|
54
|
+
module.exports = __toCommonJS(breadcrumbs_exports);
|
|
55
|
+
|
|
56
|
+
// src/breadcrumbs/breadcrumbs.tsx
|
|
57
|
+
var import_react = require("react");
|
|
55
58
|
var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
|
|
56
59
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
60
|
+
var Breadcrumbs = (0, import_react.forwardRef)(
|
|
61
|
+
(_a, ref) => {
|
|
62
|
+
var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
|
|
64
|
+
}
|
|
65
|
+
);
|
|
61
66
|
Breadcrumbs.displayName = "Breadcrumbs";
|
|
62
67
|
// Annotate the CommonJS export names for ESM import in node:
|
|
63
68
|
0 && (module.exports = {
|
|
64
69
|
Breadcrumbs
|
|
65
70
|
});
|
|
66
|
-
//# sourceMappingURL=
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/breadcrumbs/index.tsx","../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["export { Breadcrumbs } from \"./breadcrumbs\";\n\nexport type * from \"./breadcrumbs\";\n","import { forwardRef, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n /**\n * Props passed to the `ol` html element\n */\n olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n * <li><Link href=\"../\">Previous page</Link></li>\n * <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n * <ol>\n * <li><a href=\"../\">Previous page</a></li>\n * <li aria-current=\"page\">Current page</li>\n * </ol>\n * </nav>\n * ```\n */\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ olProps, children, ...rest }, ref) => {\n return (\n <nav ref={ref} {...rest}>\n <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n {children}\n </ol>\n </nav>\n );\n },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAmF;AACnF,6BAAqB;AAsCb;AAJD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAgC,QAAQ;AAAxC,iBAAE,WAAS,SApCd,IAoCG,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACV,WACE,4CAAC,sCAAI,OAAc,OAAlB,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}
|
package/dist/button/button.js
CHANGED
|
@@ -78,9 +78,6 @@ var BaseButton = (0, import_react.forwardRef)(
|
|
|
78
78
|
"icon",
|
|
79
79
|
"className"
|
|
80
80
|
]);
|
|
81
|
-
if (fill === "outlined") {
|
|
82
|
-
console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
|
|
83
|
-
}
|
|
84
81
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
85
82
|
Component,
|
|
86
83
|
__spreadProps(__spreadValues({
|
|
@@ -89,7 +86,7 @@ var BaseButton = (0, import_react.forwardRef)(
|
|
|
89
86
|
`hds-button--${size}`,
|
|
90
87
|
{
|
|
91
88
|
[`hds-button--${variant}`]: fill === "contained",
|
|
92
|
-
[`hds-button--outline-${variant}`]: fill === "outline"
|
|
89
|
+
[`hds-button--outline-${variant}`]: fill === "outline",
|
|
93
90
|
"hds-button--full": fullWidth === true,
|
|
94
91
|
"hds-button--mobile-full": fullWidth === "mobile",
|
|
95
92
|
"hds-button--icon-only": icon && !children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\
|
|
1
|
+
{"version":3,"sources":["../../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * The height, font size and padding of the button\n */\n size?: \"small\" | \"medium\" | \"large\";\n\n /**\n * The background fill of the button\n */\n fill?: \"contained\" | \"outline\";\n\n /**\n * Make the button use 100% width available.\n * Using the \"mobile\" it only stretch to full width on smaller screens\n */\n fullWidth?: boolean | \"mobile\";\n\n /**\n * Use an icon inside the button\n */\n icon?: React.ReactNode;\n\n children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n ButtonProps & { variant: \"primary\" | \"secondary\" },\n HTMLButtonElement\n> = forwardRef(\n (\n {\n as: Component = \"button\",\n children,\n variant,\n size = \"medium\",\n fullWidth = false,\n fill = \"contained\",\n icon,\n className,\n ...rest\n },\n ref,\n ) => {\n return (\n <Component\n className={clsx(\n \"hds-button\",\n `hds-button--${size}`,\n {\n [`hds-button--${variant}`]: fill === \"contained\",\n [`hds-button--outline-${variant}`]: fill === \"outline\",\n \"hds-button--full\": fullWidth === true,\n \"hds-button--mobile-full\": fullWidth === \"mobile\",\n \"hds-button--icon-only\": icon && !children,\n },\n className as undefined,\n )}\n ref={ref}\n {...rest}\n >\n {icon && !children ? icon : null}\n {children}\n </Component>\n );\n },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n (props, ref) => {\n return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n (props, ref) => {\n return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAC3B,6BAAqB;AA+Cf;AAnBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
|
package/dist/button/button.mjs
CHANGED
package/dist/button/index.js
CHANGED
|
@@ -79,9 +79,6 @@ var BaseButton = (0, import_react.forwardRef)(
|
|
|
79
79
|
"icon",
|
|
80
80
|
"className"
|
|
81
81
|
]);
|
|
82
|
-
if (fill === "outlined") {
|
|
83
|
-
console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
|
|
84
|
-
}
|
|
85
82
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
86
83
|
Component,
|
|
87
84
|
__spreadProps(__spreadValues({
|
|
@@ -90,7 +87,7 @@ var BaseButton = (0, import_react.forwardRef)(
|
|
|
90
87
|
`hds-button--${size}`,
|
|
91
88
|
{
|
|
92
89
|
[`hds-button--${variant}`]: fill === "contained",
|
|
93
|
-
[`hds-button--outline-${variant}`]: fill === "outline"
|
|
90
|
+
[`hds-button--outline-${variant}`]: fill === "outline",
|
|
94
91
|
"hds-button--full": fullWidth === true,
|
|
95
92
|
"hds-button--mobile-full": fullWidth === "mobile",
|
|
96
93
|
"hds-button--icon-only": icon && !children
|
package/dist/button/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\
|
|
1
|
+
{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /**\n * The height, font size and padding of the button\n */\n size?: \"small\" | \"medium\" | \"large\";\n\n /**\n * The background fill of the button\n */\n fill?: \"contained\" | \"outline\";\n\n /**\n * Make the button use 100% width available.\n * Using the \"mobile\" it only stretch to full width on smaller screens\n */\n fullWidth?: boolean | \"mobile\";\n\n /**\n * Use an icon inside the button\n */\n icon?: React.ReactNode;\n\n children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n ButtonProps & { variant: \"primary\" | \"secondary\" },\n HTMLButtonElement\n> = forwardRef(\n (\n {\n as: Component = \"button\",\n children,\n variant,\n size = \"medium\",\n fullWidth = false,\n fill = \"contained\",\n icon,\n className,\n ...rest\n },\n ref,\n ) => {\n return (\n <Component\n className={clsx(\n \"hds-button\",\n `hds-button--${size}`,\n {\n [`hds-button--${variant}`]: fill === \"contained\",\n [`hds-button--outline-${variant}`]: fill === \"outline\",\n \"hds-button--full\": fullWidth === true,\n \"hds-button--mobile-full\": fullWidth === \"mobile\",\n \"hds-button--icon-only\": icon && !children,\n },\n className as undefined,\n )}\n ref={ref}\n {...rest}\n >\n {icon && !children ? icon : null}\n {children}\n </Component>\n );\n },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n (props, ref) => {\n return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n (props, ref) => {\n return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,6BAAqB;AA+Cf;AAnBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
|
package/dist/button/index.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AccordionContent
|
|
3
|
-
} from "./chunk-GUB3UCXO.mjs";
|
|
4
|
-
import {
|
|
5
|
-
AccordionHeader
|
|
6
|
-
} from "./chunk-YXHXRUFX.mjs";
|
|
7
1
|
import {
|
|
8
2
|
AccordionItem
|
|
9
3
|
} from "./chunk-62F4I3MQ.mjs";
|
|
10
4
|
import {
|
|
11
5
|
Accordion
|
|
12
6
|
} from "./chunk-VRIY65P5.mjs";
|
|
7
|
+
import {
|
|
8
|
+
AccordionContent
|
|
9
|
+
} from "./chunk-GUB3UCXO.mjs";
|
|
10
|
+
import {
|
|
11
|
+
AccordionHeader
|
|
12
|
+
} from "./chunk-YXHXRUFX.mjs";
|
|
13
13
|
|
|
14
14
|
// src/accordion/index.tsx
|
|
15
15
|
var AccordionComponent = Accordion;
|
|
@@ -20,4 +20,4 @@ AccordionComponent.Content = AccordionContent;
|
|
|
20
20
|
export {
|
|
21
21
|
AccordionComponent
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=chunk-
|
|
23
|
+
//# sourceMappingURL=chunk-3FRCJ3RH.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-3LYJRAOC.mjs.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
LinkList
|
|
3
3
|
} from "./chunk-GJDRW6PA.mjs";
|
|
4
|
-
import {
|
|
5
|
-
AccordionComponent
|
|
6
|
-
} from "./chunk-XYIY6FHW.mjs";
|
|
7
4
|
import {
|
|
8
5
|
PrimaryButton
|
|
9
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-BWFFP6BB.mjs";
|
|
7
|
+
import {
|
|
8
|
+
AccordionComponent
|
|
9
|
+
} from "./chunk-3FRCJ3RH.mjs";
|
|
10
10
|
import {
|
|
11
11
|
__objRest,
|
|
12
12
|
__spreadProps,
|
|
@@ -115,4 +115,4 @@ export {
|
|
|
115
115
|
FooterLinkSections,
|
|
116
116
|
FooterLinkSection
|
|
117
117
|
};
|
|
118
|
-
//# sourceMappingURL=chunk-
|
|
118
|
+
//# sourceMappingURL=chunk-BFNITN5E.mjs.map
|