@timmbr/ui 1.5.0 → 1.6.0
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/README.md +12 -10
- package/dist/components/Alert/Alert.styles.d.ts +2 -2
- package/dist/components/AlertDialog/AlertDialog.d.ts +5 -3
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.js +21 -8
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts +7 -1
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.styles.js +26 -3
- package/dist/components/AlertDialog/AlertDialog.types.d.ts +19 -2
- package/dist/components/AlertDialog/AlertDialog.types.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.styles.d.ts +2 -2
- package/dist/components/Badge/Badge.styles.d.ts +2 -2
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +3 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +6 -0
- package/dist/components/Button/Button.styles.d.ts +4 -2
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +26 -7
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +51 -32
- package/dist/components/Card/Card.styles.d.ts +32 -5
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +69 -10
- package/dist/components/Card/Card.types.d.ts +14 -3
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.styles.d.ts +2 -2
- package/dist/components/Chip/Chip.styles.d.ts +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +30 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js +57 -0
- package/dist/components/ConfirmDialog/index.d.ts +2 -0
- package/dist/components/ConfirmDialog/index.d.ts.map +1 -0
- package/dist/components/Container/Container.styles.d.ts +1 -1
- package/dist/components/DataList/DataList.d.ts +3 -1
- package/dist/components/DataList/DataList.d.ts.map +1 -1
- package/dist/components/DataList/DataList.js +53 -15
- package/dist/components/DataList/DataList.styles.d.ts +17 -4
- package/dist/components/DataList/DataList.styles.d.ts.map +1 -1
- package/dist/components/DataList/DataList.styles.js +53 -10
- package/dist/components/DataList/DataList.types.d.ts +19 -2
- package/dist/components/DataList/DataList.types.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +4 -3
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.js +33 -6
- package/dist/components/Drawer/Drawer.styles.d.ts +4 -0
- package/dist/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.styles.js +8 -5
- package/dist/components/Drawer/Drawer.types.d.ts +1 -0
- package/dist/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +23 -10
- package/dist/components/Dropdown/Dropdown.styles.d.ts +5 -1
- package/dist/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.styles.js +12 -2
- package/dist/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.js +2 -1
- package/dist/components/EmptyState/EmptyState.styles.d.ts +3 -2
- package/dist/components/EmptyState/EmptyState.styles.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.styles.js +5 -0
- package/dist/components/Fieldset/Fieldset.d.ts +14 -0
- package/dist/components/Fieldset/Fieldset.d.ts.map +1 -0
- package/dist/components/Fieldset/Fieldset.js +24 -0
- package/dist/components/Fieldset/index.d.ts +2 -0
- package/dist/components/Fieldset/index.d.ts.map +1 -0
- package/dist/components/FormActions/FormActions.d.ts +13 -0
- package/dist/components/FormActions/FormActions.d.ts.map +1 -0
- package/dist/components/FormActions/FormActions.js +24 -0
- package/dist/components/FormActions/index.d.ts +2 -0
- package/dist/components/FormActions/index.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +3 -1
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Grid/Grid.js +31 -5
- package/dist/components/Grid/Grid.styles.d.ts +86 -0
- package/dist/components/Grid/Grid.styles.d.ts.map +1 -1
- package/dist/components/Grid/Grid.styles.js +85 -1
- package/dist/components/Grid/Grid.types.d.ts +31 -3
- package/dist/components/Grid/Grid.types.d.ts.map +1 -1
- package/dist/components/Heading/Heading.styles.d.ts +2 -2
- package/dist/components/Heading/Heading.styles.d.ts.map +1 -1
- package/dist/components/Heading/Heading.styles.js +3 -1
- package/dist/components/Heading/Heading.types.d.ts +1 -1
- package/dist/components/Heading/Heading.types.d.ts.map +1 -1
- package/dist/components/Icon/Icon.styles.d.ts +2 -2
- package/dist/components/Icon/Icon.styles.d.ts.map +1 -1
- package/dist/components/Icon/Icon.styles.js +6 -2
- package/dist/components/IconTile/IconTile.d.ts +8 -0
- package/dist/components/IconTile/IconTile.d.ts.map +1 -0
- package/dist/components/IconTile/IconTile.js +23 -0
- package/dist/components/IconTile/IconTile.styles.d.ts +7 -0
- package/dist/components/IconTile/IconTile.styles.d.ts.map +1 -0
- package/dist/components/IconTile/IconTile.styles.js +24 -0
- package/dist/components/IconTile/IconTile.types.d.ts +12 -0
- package/dist/components/IconTile/IconTile.types.d.ts.map +1 -0
- package/dist/components/IconTile/index.d.ts +4 -0
- package/dist/components/IconTile/index.d.ts.map +1 -0
- package/dist/components/Inline/Inline.d.ts.map +1 -1
- package/dist/components/Inline/Inline.js +10 -2
- package/dist/components/Inline/Inline.types.d.ts +6 -1
- package/dist/components/Inline/Inline.types.d.ts.map +1 -1
- package/dist/components/Input/Input.styles.d.ts +1 -1
- package/dist/components/Label/Label.styles.d.ts +1 -1
- package/dist/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.js +2 -0
- package/dist/components/LinkButton/LinkButton.styles.d.ts +3 -2
- package/dist/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.styles.js +6 -0
- package/dist/components/List/List.d.ts.map +1 -1
- package/dist/components/List/List.js +18 -5
- package/dist/components/List/List.styles.d.ts +3 -1
- package/dist/components/List/List.styles.d.ts.map +1 -1
- package/dist/components/List/List.styles.js +4 -3
- package/dist/components/List/List.types.d.ts +7 -0
- package/dist/components/List/List.types.d.ts.map +1 -1
- package/dist/components/MediaCard/MediaCard.d.ts +13 -0
- package/dist/components/MediaCard/MediaCard.d.ts.map +1 -0
- package/dist/components/MediaCard/MediaCard.js +123 -0
- package/dist/components/MediaCard/MediaCard.styles.d.ts +17 -0
- package/dist/components/MediaCard/MediaCard.styles.d.ts.map +1 -0
- package/dist/components/MediaCard/MediaCard.styles.js +57 -0
- package/dist/components/MediaCard/MediaCard.types.d.ts +73 -0
- package/dist/components/MediaCard/MediaCard.types.d.ts.map +1 -0
- package/dist/components/MediaCard/index.d.ts +4 -0
- package/dist/components/MediaCard/index.d.ts.map +1 -0
- package/dist/components/NavFooter/NavFooter.styles.d.ts +1 -1
- package/dist/components/NavHeader/NavHeader.d.ts.map +1 -1
- package/dist/components/NavHeader/NavHeader.js +2 -1
- package/dist/components/NavHeader/NavHeader.styles.d.ts +1 -1
- package/dist/components/NavHeader/NavHeader.types.d.ts +22 -0
- package/dist/components/NavHeader/NavHeader.types.d.ts.map +1 -1
- package/dist/components/NavHeader/index.d.ts +1 -1
- package/dist/components/NavHeader/index.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts +5 -0
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActions.js +32 -2
- package/dist/components/OtpInput/OtpInput.styles.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.d.ts +8 -0
- package/dist/components/PageHeader/PageHeader.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.js +55 -0
- package/dist/components/PageHeader/PageHeader.styles.d.ts +10 -0
- package/dist/components/PageHeader/PageHeader.styles.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.styles.js +23 -0
- package/dist/components/PageHeader/PageHeader.types.d.ts +24 -0
- package/dist/components/PageHeader/PageHeader.types.d.ts.map +1 -0
- package/dist/components/PageHeader/index.d.ts +4 -0
- package/dist/components/PageHeader/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +9 -3
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +60 -39
- package/dist/components/Pagination/Pagination.styles.d.ts +1 -1
- package/dist/components/Pagination/Pagination.types.d.ts +23 -14
- package/dist/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/dist/components/Price/Price.d.ts +10 -0
- package/dist/components/Price/Price.d.ts.map +1 -0
- package/dist/components/Price/Price.js +49 -0
- package/dist/components/Price/Price.styles.d.ts +15 -0
- package/dist/components/Price/Price.styles.d.ts.map +1 -0
- package/dist/components/Price/Price.styles.js +44 -0
- package/dist/components/Price/Price.types.d.ts +22 -0
- package/dist/components/Price/Price.types.d.ts.map +1 -0
- package/dist/components/Price/index.d.ts +4 -0
- package/dist/components/Price/index.d.ts.map +1 -0
- package/dist/components/Progress/Progress.styles.d.ts +1 -1
- package/dist/components/Radio/Radio.styles.d.ts +2 -2
- package/dist/components/Rating/Rating.d.ts +5 -0
- package/dist/components/Rating/Rating.d.ts.map +1 -0
- package/dist/components/Rating/Rating.js +38 -0
- package/dist/components/Rating/Rating.styles.d.ts +6 -0
- package/dist/components/Rating/Rating.styles.d.ts.map +1 -0
- package/dist/components/Rating/Rating.styles.js +13 -0
- package/dist/components/Rating/Rating.types.d.ts +18 -0
- package/dist/components/Rating/Rating.types.d.ts.map +1 -0
- package/dist/components/Rating/index.d.ts +4 -0
- package/dist/components/Rating/index.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts +29 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.js +74 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts +27 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/index.d.ts +3 -0
- package/dist/components/ResponsiveDialog/index.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.d.ts +12 -0
- package/dist/components/SectionNav/SectionNav.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.js +67 -0
- package/dist/components/SectionNav/SectionNav.styles.d.ts +11 -0
- package/dist/components/SectionNav/SectionNav.styles.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.styles.js +28 -0
- package/dist/components/SectionNav/SectionNav.types.d.ts +37 -0
- package/dist/components/SectionNav/SectionNav.types.d.ts.map +1 -0
- package/dist/components/SectionNav/index.d.ts +4 -0
- package/dist/components/SectionNav/index.d.ts.map +1 -0
- package/dist/components/Select/Select.styles.d.ts +1 -1
- package/dist/components/Spinner/Spinner.styles.d.ts +1 -1
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.js +16 -1
- package/dist/components/Stack/Stack.types.d.ts +14 -1
- package/dist/components/Stack/Stack.types.d.ts.map +1 -1
- package/dist/components/Stepper/Stepper.d.ts +9 -0
- package/dist/components/Stepper/Stepper.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.js +81 -0
- package/dist/components/Stepper/Stepper.styles.d.ts +14 -0
- package/dist/components/Stepper/Stepper.styles.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.styles.js +40 -0
- package/dist/components/Stepper/Stepper.types.d.ts +17 -0
- package/dist/components/Stepper/Stepper.types.d.ts.map +1 -0
- package/dist/components/Stepper/index.d.ts +4 -0
- package/dist/components/Stepper/index.d.ts.map +1 -0
- package/dist/components/Steps/Steps.d.ts +9 -0
- package/dist/components/Steps/Steps.d.ts.map +1 -0
- package/dist/components/Steps/Steps.js +81 -0
- package/dist/components/Steps/Steps.styles.d.ts +14 -0
- package/dist/components/Steps/Steps.styles.d.ts.map +1 -0
- package/dist/components/Steps/Steps.styles.js +40 -0
- package/dist/components/Steps/Steps.types.d.ts +17 -0
- package/dist/components/Steps/Steps.types.d.ts.map +1 -0
- package/dist/components/Steps/index.d.ts +4 -0
- package/dist/components/Steps/index.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.d.ts +17 -0
- package/dist/components/SubNav/SubNav.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.js +87 -0
- package/dist/components/SubNav/SubNav.styles.d.ts +18 -0
- package/dist/components/SubNav/SubNav.styles.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.styles.js +33 -0
- package/dist/components/SubNav/SubNav.types.d.ts +45 -0
- package/dist/components/SubNav/SubNav.types.d.ts.map +1 -0
- package/dist/components/SubNav/index.d.ts +4 -0
- package/dist/components/SubNav/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.styles.d.ts +2 -2
- package/dist/components/Table/Table.styles.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +73 -6
- package/dist/components/Tabs/Tabs.styles.d.ts +10 -2
- package/dist/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.styles.js +17 -2
- package/dist/components/Tabs/Tabs.types.d.ts +13 -0
- package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +4 -0
- package/dist/components/Text/Text.styles.d.ts +4 -2
- package/dist/components/Text/Text.styles.d.ts.map +1 -1
- package/dist/components/Text/Text.styles.js +16 -2
- package/dist/components/Text/Text.types.d.ts +1 -1
- package/dist/components/Text/Text.types.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.styles.d.ts +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +8 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +14 -0
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +32 -13
- package/dist/utils/gap.d.ts +21 -1
- package/dist/utils/gap.d.ts.map +1 -1
- package/dist/utils/gap.js +306 -46
- package/package.json +6 -6
|
@@ -15,6 +15,8 @@ const Text = React.forwardRef(
|
|
|
15
15
|
font = "sans",
|
|
16
16
|
weight,
|
|
17
17
|
italic,
|
|
18
|
+
tabular,
|
|
19
|
+
truncate,
|
|
18
20
|
asChild = false,
|
|
19
21
|
children,
|
|
20
22
|
...props
|
|
@@ -34,6 +36,8 @@ const Text = React.forwardRef(
|
|
|
34
36
|
font,
|
|
35
37
|
weight,
|
|
36
38
|
italic,
|
|
39
|
+
tabular,
|
|
40
|
+
truncate,
|
|
37
41
|
className
|
|
38
42
|
})
|
|
39
43
|
),
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const textVariants: (props?: ({
|
|
3
|
-
variant?: "caption" | "body-1" | "body-2" | "body-2-medium" | "body-2-semibold" | "body-2-light" | "body-3" | "body-3-light" | "subtitle-1" | "subtitle-2" | null | undefined;
|
|
4
|
-
foreground?: "default" | "destructive" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
|
|
3
|
+
variant?: "caption" | "overline" | "body-1" | "body-2" | "body-2-medium" | "body-2-semibold" | "body-2-light" | "body-3" | "body-3-light" | "subtitle-1" | "subtitle-2" | null | undefined;
|
|
4
|
+
foreground?: "default" | "destructive" | "success" | "warning" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
|
|
5
5
|
font?: "title" | "display" | "sans" | null | undefined;
|
|
6
6
|
weight?: "bold" | "normal" | "medium" | "light" | "semibold" | null | undefined;
|
|
7
|
+
tabular?: boolean | null | undefined;
|
|
8
|
+
truncate?: boolean | null | undefined;
|
|
7
9
|
italic?: boolean | null | undefined;
|
|
8
10
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
11
|
export type TextVariants = VariantProps<typeof textVariants>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"Text.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;8EA8DvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
|
|
@@ -13,15 +13,19 @@ const textVariants = cva("transition-colors", {
|
|
|
13
13
|
"body-3-light": "text-body-3-light",
|
|
14
14
|
"subtitle-1": "text-subtitle-1",
|
|
15
15
|
"subtitle-2": "text-subtitle-2",
|
|
16
|
-
caption: "text-caption-lg tracking-wide"
|
|
16
|
+
caption: "text-caption-lg tracking-wide",
|
|
17
|
+
/** Small uppercase label above content (the caption token, semibold). */
|
|
18
|
+
overline: "text-caption-lg tracking-wide uppercase font-semibold"
|
|
17
19
|
},
|
|
18
20
|
foreground: {
|
|
19
21
|
default: "text-foreground",
|
|
20
|
-
muted: "text-
|
|
22
|
+
muted: "text-muted-foreground",
|
|
21
23
|
subtle: "text-grey-500 dark:text-grey-500",
|
|
22
24
|
primary: "text-primary",
|
|
23
25
|
secondary: "text-secondary-foreground",
|
|
24
26
|
destructive: "text-destructive",
|
|
27
|
+
success: "text-success",
|
|
28
|
+
warning: "text-warning",
|
|
25
29
|
white: "text-grey-50",
|
|
26
30
|
inherit: "text-inherit"
|
|
27
31
|
},
|
|
@@ -38,6 +42,16 @@ const textVariants = cva("transition-colors", {
|
|
|
38
42
|
semibold: "font-semibold",
|
|
39
43
|
bold: "font-bold"
|
|
40
44
|
},
|
|
45
|
+
/** Same-width digits (prices, coordinates, counters). */
|
|
46
|
+
tabular: {
|
|
47
|
+
true: "tabular-nums",
|
|
48
|
+
false: ""
|
|
49
|
+
},
|
|
50
|
+
/** One line, cut with an ellipsis. */
|
|
51
|
+
truncate: {
|
|
52
|
+
true: "truncate",
|
|
53
|
+
false: ""
|
|
54
|
+
},
|
|
41
55
|
italic: {
|
|
42
56
|
true: "italic",
|
|
43
57
|
false: "not-italic"
|
|
@@ -28,6 +28,6 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement>, TextVarian
|
|
|
28
28
|
* Foreground color token.
|
|
29
29
|
* @default 'default'
|
|
30
30
|
*/
|
|
31
|
-
foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'white' | 'inherit';
|
|
31
|
+
foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'white' | 'inherit';
|
|
32
32
|
}
|
|
33
33
|
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY;IACd;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,CAAC;CACf"}
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY;IACd;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;CACf"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const textareaVariants: (props?: ({
|
|
3
3
|
variant?: "filled" | "outline" | "subtle" | null | undefined;
|
|
4
|
-
size?: "
|
|
4
|
+
size?: "sm" | "md" | "lg" | "default" | null | undefined;
|
|
5
5
|
resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
|
|
6
6
|
isError?: boolean | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
3
|
+
/** Hide the child element instead (e.g. a heading that only screen readers need). */
|
|
4
|
+
asChild?: boolean;
|
|
5
|
+
}
|
|
6
|
+
/** Content for screen readers only (kept in the accessibility tree, not shown). */
|
|
7
|
+
export declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
//# sourceMappingURL=VisuallyHidden.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAChF,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,mFAAmF;AACnF,eAAO,MAAM,cAAc,6FAK1B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
+
import { cn } from '@timmbr/utils';
|
|
5
|
+
|
|
6
|
+
const VisuallyHidden = React.forwardRef(
|
|
7
|
+
({ asChild = false, className, ...props }, ref) => {
|
|
8
|
+
const Comp = asChild ? Slot : "span";
|
|
9
|
+
return /* @__PURE__ */ jsx(Comp, { ref, "data-slot": "visually-hidden", className: cn("sr-only", className), ...props });
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
VisuallyHidden.displayName = "VisuallyHidden";
|
|
13
|
+
|
|
14
|
+
export { VisuallyHidden };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './types/motion';
|
|
2
|
+
export type { GapValue, ResponsiveGap } from './utils/gap';
|
|
2
3
|
export * from './providers';
|
|
3
4
|
export * from './components/Container';
|
|
4
5
|
export * from './components/Grid';
|
|
@@ -19,6 +20,7 @@ export * from './components/OtpInput';
|
|
|
19
20
|
export * from './components/AlertDialog';
|
|
20
21
|
export * from './components/Dialog';
|
|
21
22
|
export * from './components/Drawer';
|
|
23
|
+
export * from './components/ResponsiveDialog';
|
|
22
24
|
export * from './components/Dropdown';
|
|
23
25
|
export * from './components/Popover';
|
|
24
26
|
export * from './components/Toast';
|
|
@@ -49,4 +51,15 @@ export * from './components/DataList';
|
|
|
49
51
|
export * from './components/List';
|
|
50
52
|
export * from './components/Chip';
|
|
51
53
|
export * from './components/Stat';
|
|
54
|
+
export * from './components/SubNav';
|
|
55
|
+
export * from './components/PageHeader';
|
|
56
|
+
export * from './components/Stepper';
|
|
57
|
+
export * from './components/MediaCard';
|
|
58
|
+
export * from './components/Price';
|
|
59
|
+
export * from './components/Rating';
|
|
60
|
+
export * from './components/IconTile';
|
|
61
|
+
export * from './components/VisuallyHidden';
|
|
62
|
+
export * from './components/Fieldset';
|
|
63
|
+
export * from './components/FormActions';
|
|
64
|
+
export * from './components/ConfirmDialog';
|
|
52
65
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { resolveMotion } from './types/motion.js';
|
|
2
2
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/Accordion/Accordion.js';
|
|
3
3
|
export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
|
|
4
|
-
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
|
|
4
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
|
|
5
5
|
export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
|
|
6
6
|
export { AuthModal } from './components/AuthModal/AuthModal.js';
|
|
7
7
|
export { AuthModalBanner } from './components/AuthModal/subcomponents/AuthModalBanner.js';
|
|
@@ -18,24 +18,28 @@ export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
|
|
|
18
18
|
export { Center } from './components/Center/Center.js';
|
|
19
19
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
20
20
|
export { Chip } from './components/Chip/Chip.js';
|
|
21
|
+
export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
|
|
21
22
|
export { Container } from './components/Container/Container.js';
|
|
22
23
|
export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
|
|
23
24
|
export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labels.js';
|
|
24
25
|
export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
|
|
25
26
|
export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
|
|
26
|
-
export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
|
|
27
|
+
export { DataList, DataListAction, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
|
|
27
28
|
export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
|
|
28
29
|
export { Divider } from './components/Divider/Divider.js';
|
|
29
|
-
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
|
|
30
|
+
export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
|
|
30
31
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/Dropdown/Dropdown.js';
|
|
31
32
|
export { EmptyState } from './components/EmptyState/EmptyState.js';
|
|
33
|
+
export { Fieldset } from './components/Fieldset/Fieldset.js';
|
|
32
34
|
export { FilmIcon, ImageIcon, PlayIcon, UploadCloudIcon } from './components/ImageUpload/subcomponents/ImageUploadIcons.js';
|
|
33
35
|
export { Footer, NavFooter } from './components/NavFooter/NavFooter.js';
|
|
36
|
+
export { FormActions } from './components/FormActions/FormActions.js';
|
|
34
37
|
export { FormField } from './components/FormField/FormField.js';
|
|
35
|
-
export { Grid } from './components/Grid/Grid.js';
|
|
38
|
+
export { Grid, GridItem } from './components/Grid/Grid.js';
|
|
36
39
|
export { Header, NavHeader } from './components/NavHeader/NavHeader.js';
|
|
37
40
|
export { Heading } from './components/Heading/Heading.js';
|
|
38
41
|
export { Icon } from './components/Icon/Icon.js';
|
|
42
|
+
export { IconTile } from './components/IconTile/IconTile.js';
|
|
39
43
|
export { ImageUpload } from './components/ImageUpload/ImageUpload.js';
|
|
40
44
|
export { ImageUploadDropzone } from './components/ImageUpload/subcomponents/ImageUploadDropzone.js';
|
|
41
45
|
export { ImageUploadModal } from './components/ImageUpload/subcomponents/ImageUploadModal.js';
|
|
@@ -46,6 +50,7 @@ export { Input } from './components/Input/Input.js';
|
|
|
46
50
|
export { Label } from './components/Label/Label.js';
|
|
47
51
|
export { LinkButton } from './components/LinkButton/LinkButton.js';
|
|
48
52
|
export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
|
|
53
|
+
export { MediaCard } from './components/MediaCard/MediaCard.js';
|
|
49
54
|
export { NavActions } from './components/NavHeader/subcomponents/NavActions.js';
|
|
50
55
|
export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
|
|
51
56
|
export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
|
|
@@ -54,11 +59,15 @@ export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
|
|
|
54
59
|
export { OAuthButton } from './components/AuthModal/subcomponents/OAuthButton.js';
|
|
55
60
|
export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
|
|
56
61
|
export { OtpInput } from './components/OtpInput/OtpInput.js';
|
|
57
|
-
export {
|
|
62
|
+
export { PageHeader } from './components/PageHeader/PageHeader.js';
|
|
63
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary } from './components/Pagination/Pagination.js';
|
|
58
64
|
export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
|
|
65
|
+
export { Price, discountPercent } from './components/Price/Price.js';
|
|
59
66
|
export { Progress } from './components/Progress/Progress.js';
|
|
67
|
+
export { RESPONSIVE_DIALOG_BREAKPOINT, ResponsiveDialog, ResponsiveDialogBody, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogForm, ResponsiveDialogHeader, ResponsiveDialogTitle, useResponsiveDialogMode } from './components/ResponsiveDialog/ResponsiveDialog.js';
|
|
60
68
|
export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
|
|
61
69
|
export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
|
|
70
|
+
export { Rating } from './components/Rating/Rating.js';
|
|
62
71
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from './components/Select/Select.js';
|
|
63
72
|
export { SideBarNavigation } from './components/SideBarNavigation/SideBarNavigation.js';
|
|
64
73
|
export { SidebarBranding } from './components/SideBarNavigation/subcomponents/SidebarBranding.js';
|
|
@@ -73,7 +82,10 @@ export { Skeleton } from './components/Skeleton/Skeleton.js';
|
|
|
73
82
|
export { Spinner } from './components/Spinner/Spinner.js';
|
|
74
83
|
export { Stack } from './components/Stack/Stack.js';
|
|
75
84
|
export { Stat, StatHelpText, StatIndicator, StatLabel, StatValue } from './components/Stat/Stat.js';
|
|
85
|
+
export { Stepper } from './components/Stepper/Stepper.js';
|
|
86
|
+
export { SubNav, SubNavAction, isSubNavItemActive } from './components/SubNav/SubNav.js';
|
|
76
87
|
export { Switch } from './components/Switch/Switch.js';
|
|
88
|
+
export { TABS_SCROLL_FADE, tabsContentVariants, tabsListVariants, tabsScrollButtonVariants, tabsScrollEdgeVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
|
|
77
89
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/Table.js';
|
|
78
90
|
export { TablePagination } from './components/Table/TablePagination.js';
|
|
79
91
|
export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/Tabs/Tabs.js';
|
|
@@ -83,51 +95,58 @@ export { TimmbrConfigProvider, defaultTimmbrConfig, resolveZoneHref, useTimmbrCo
|
|
|
83
95
|
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './components/Toast/Toast.js';
|
|
84
96
|
export { ToastContainer } from './components/Toast/ToastContainer.js';
|
|
85
97
|
export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
|
|
98
|
+
export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
|
|
86
99
|
export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
|
|
87
|
-
export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
|
|
100
|
+
export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogMediaVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
|
|
88
101
|
export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
|
|
89
102
|
export { authModalBannerVariants, authModalCardVariants, authModalContainerVariants, authModalHeadingVariants, authModalInputVariants, authModalLinkVariants, authModalSecondaryButtonVariants, authModalSubmitButtonVariants, authModalSubtitleVariants } from './components/AuthModal/AuthModal.styles.js';
|
|
90
103
|
export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
|
|
91
104
|
export { badgeVariants } from './components/Badge/Badge.styles.js';
|
|
92
105
|
export { buttonVariants } from './components/Button/Button.styles.js';
|
|
93
|
-
export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
|
|
106
|
+
export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardSectionFooterPadding, cardSectionPadding, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
|
|
94
107
|
export { centerVariants } from './components/Center/Center.styles.js';
|
|
95
108
|
export { checkboxIndicatorVariants, checkboxVariants } from './components/Checkbox/Checkbox.styles.js';
|
|
96
109
|
export { chipVariants } from './components/Chip/Chip.styles.js';
|
|
97
|
-
export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap } from './components/Grid/Grid.styles.js';
|
|
110
|
+
export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, spanClassMap, templateClassMap, xlColsMap } from './components/Grid/Grid.styles.js';
|
|
98
111
|
export { containerVariants } from './components/Container/Container.styles.js';
|
|
99
|
-
export { dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
|
|
112
|
+
export { dataListActionVariants, dataListInsetPadding, dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
|
|
100
113
|
export { dialogBodyVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
|
|
101
114
|
export { dividerVariants } from './components/Divider/Divider.styles.js';
|
|
102
|
-
export { drawerContentVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants } from './components/Drawer/Drawer.styles.js';
|
|
103
|
-
export { dropdownContentVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
|
|
115
|
+
export { drawerBodyVariants, drawerContentVariants, drawerDescriptionVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants, drawerTitleVariants } from './components/Drawer/Drawer.styles.js';
|
|
116
|
+
export { dropdownContentVariants, dropdownItemIconVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
|
|
104
117
|
export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/EmptyState/EmptyState.styles.js';
|
|
105
118
|
export { footerLegalBarVariants, footerLegalLinkVariants, footerNavLinkVariants, footerOfficeBlockVariants, footerSectionTitleVariants, footerSocialButtonVariants, navFooterContainerVariants, navFooterRootVariants } from './components/NavFooter/NavFooter.styles.js';
|
|
106
119
|
export { formFieldVariants } from './components/FormField/FormField.styles.js';
|
|
107
120
|
export { headingVariants } from './components/Heading/Heading.styles.js';
|
|
121
|
+
export { iconTileVariants } from './components/IconTile/IconTile.styles.js';
|
|
108
122
|
export { iconVariants } from './components/Icon/Icon.styles.js';
|
|
109
123
|
export { imagePreviewContainerVariants, imageUploadZoneVariants, thumbnailCardVariants } from './components/ImageUpload/ImageUpload.styles.js';
|
|
110
124
|
export { inlineVariants } from './components/Inline/Inline.styles.js';
|
|
111
125
|
export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
|
|
112
126
|
export { labelVariants } from './components/Label/Label.styles.js';
|
|
113
127
|
export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js';
|
|
114
|
-
export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
|
|
128
|
+
export { listDividedClass, listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
|
|
129
|
+
export { mediaCardMediaVariants, mediaCardOverlayVariants, mediaCardVariants } from './components/MediaCard/MediaCard.styles.js';
|
|
115
130
|
export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
|
|
116
131
|
export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
|
|
117
132
|
export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
|
|
133
|
+
export { pageHeaderTitleVariants, pageHeaderVariants } from './components/PageHeader/PageHeader.styles.js';
|
|
118
134
|
export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
|
|
119
135
|
export { popoverContentVariants } from './components/Popover/Popover.styles.js';
|
|
136
|
+
export { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants } from './components/Price/Price.styles.js';
|
|
120
137
|
export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
|
|
121
138
|
export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Radio.styles.js';
|
|
122
139
|
export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
|
|
140
|
+
export { ratingVariants } from './components/Rating/Rating.styles.js';
|
|
123
141
|
export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
|
|
124
142
|
export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
|
|
125
143
|
export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
|
|
126
144
|
export { stackVariants } from './components/Stack/Stack.styles.js';
|
|
127
145
|
export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
|
|
146
|
+
export { stepConnectorVariants, stepIndicatorVariants, stepperVariants } from './components/Stepper/Stepper.styles.js';
|
|
147
|
+
export { subNavFooterVariants, subNavIconVariants, subNavItemVariants, subNavListVariants } from './components/SubNav/SubNav.styles.js';
|
|
128
148
|
export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
|
|
129
149
|
export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHeadVariants, tablePaginationVariants, tableRowVariants, tableVariants } from './components/Table/Table.styles.js';
|
|
130
|
-
export { tabsContentVariants, tabsListVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
|
|
131
150
|
export { textVariants } from './components/Text/Text.styles.js';
|
|
132
151
|
export { textareaVariants } from './components/Textarea/Textarea.styles.js';
|
|
133
152
|
export { toast, toastStore, useToast } from './components/Toast/toastStore.js';
|
package/dist/utils/gap.d.ts
CHANGED
|
@@ -1,2 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Gap props → Tailwind classes.
|
|
3
|
+
*
|
|
4
|
+
* Every class is a literal string (never built with a template), so Tailwind
|
|
5
|
+
* in the consuming app finds them when it scans this package. Values off the
|
|
6
|
+
* scale fall back to arbitrary classes, which only work if the app's own
|
|
7
|
+
* sources contain the same class.
|
|
8
|
+
*/
|
|
9
|
+
/** Responsive gap: a scale step per breakpoint (`base` = all sizes). */
|
|
10
|
+
export interface ResponsiveGap {
|
|
11
|
+
base?: number;
|
|
12
|
+
sm?: number;
|
|
13
|
+
md?: number;
|
|
14
|
+
lg?: number;
|
|
15
|
+
xl?: number;
|
|
16
|
+
}
|
|
17
|
+
export type GapValue = number | string | ResponsiveGap;
|
|
18
|
+
/** `gap` of Stack / Inline / Grid: a step, a responsive object, or a CSS length. */
|
|
19
|
+
export declare function formatGap(gap: GapValue | undefined): string | undefined;
|
|
20
|
+
/** Row (`y`) or column (`x`) gap, same values as `formatGap`. */
|
|
21
|
+
export declare function formatAxisGap(axis: 'x' | 'y', gap: GapValue | undefined): string | undefined;
|
|
2
22
|
//# sourceMappingURL=gap.d.ts.map
|
package/dist/utils/gap.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../src/utils/gap.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../src/utils/gap.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wEAAwE;AACxE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;AA4TvD,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEvE;AAED,iEAAiE;AACjE,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE5F"}
|