@aurora-ds/lib-test 0.0.1-dev.1
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 +134 -0
- package/dist/components/actions/_shared/buttons/constants/index.d.ts +4 -0
- package/dist/components/actions/_shared/buttons/styles/buttonShared.css.d.ts +349 -0
- package/dist/components/actions/_shared/buttons/styles/variants/contained.d.ts +107 -0
- package/dist/components/actions/_shared/buttons/styles/variants/ghost.d.ts +100 -0
- package/dist/components/actions/_shared/buttons/styles/variants/outlined.d.ts +106 -0
- package/dist/components/actions/_shared/buttons/types/index.d.ts +6 -0
- package/dist/components/actions/button/Button.css.d.ts +36 -0
- package/dist/components/actions/button/Button.d.ts +4 -0
- package/dist/components/actions/button/constants/index.d.ts +4 -0
- package/dist/components/actions/button/index.d.ts +4 -0
- package/dist/components/actions/button/types/Button.props.d.ts +11 -0
- package/dist/components/actions/button/types/Button.types.d.ts +7 -0
- package/dist/components/actions/icon-button/IconButton.css.d.ts +35 -0
- package/dist/components/actions/icon-button/IconButton.d.ts +4 -0
- package/dist/components/actions/icon-button/constants/index.d.ts +2 -0
- package/dist/components/actions/icon-button/index.d.ts +4 -0
- package/dist/components/actions/icon-button/types/IconButton.props.d.ts +9 -0
- package/dist/components/actions/icon-button/types/IconButton.types.d.ts +7 -0
- package/dist/components/data-display/index.d.ts +1 -0
- package/dist/components/data-display/table/Table.css.d.ts +40 -0
- package/dist/components/data-display/table/Table.d.ts +4 -0
- package/dist/components/data-display/table/components/index.d.ts +9 -0
- package/dist/components/data-display/table/components/table-body/TableBody.css.d.ts +2 -0
- package/dist/components/data-display/table/components/table-body/TableBody.d.ts +4 -0
- package/dist/components/data-display/table/components/table-body/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-body/types/TableBody.props.d.ts +2 -0
- package/dist/components/data-display/table/components/table-caption/TableCaption.css.d.ts +1 -0
- package/dist/components/data-display/table/components/table-caption/TableCaption.d.ts +4 -0
- package/dist/components/data-display/table/components/table-caption/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-caption/types/TableCaption.props.d.ts +2 -0
- package/dist/components/data-display/table/components/table-cell/TableCell.css.d.ts +27 -0
- package/dist/components/data-display/table/components/table-cell/TableCell.d.ts +4 -0
- package/dist/components/data-display/table/components/table-cell/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-cell/types/TableCell.props.d.ts +15 -0
- package/dist/components/data-display/table/components/table-col/TableCol.d.ts +4 -0
- package/dist/components/data-display/table/components/table-col/index.d.ts +2 -0
- package/dist/components/data-display/table/components/table-col/types/TableCol.props.d.ts +18 -0
- package/dist/components/data-display/table/components/table-col-group/TableColGroup.d.ts +4 -0
- package/dist/components/data-display/table/components/table-col-group/index.d.ts +2 -0
- package/dist/components/data-display/table/components/table-col-group/types/TableColGroup.props.d.ts +2 -0
- package/dist/components/data-display/table/components/table-footer/TableFooter.css.d.ts +1 -0
- package/dist/components/data-display/table/components/table-footer/TableFooter.d.ts +4 -0
- package/dist/components/data-display/table/components/table-footer/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-footer/types/TableFooter.props.d.ts +2 -0
- package/dist/components/data-display/table/components/table-head/TableHead.css.d.ts +23 -0
- package/dist/components/data-display/table/components/table-head/TableHead.d.ts +4 -0
- package/dist/components/data-display/table/components/table-head/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-head/types/TableHead.props.d.ts +15 -0
- package/dist/components/data-display/table/components/table-header/TableHeader.css.d.ts +1 -0
- package/dist/components/data-display/table/components/table-header/TableHeader.d.ts +4 -0
- package/dist/components/data-display/table/components/table-header/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-header/types/TableHeader.props.d.ts +2 -0
- package/dist/components/data-display/table/components/table-row/TableRow.css.d.ts +56 -0
- package/dist/components/data-display/table/components/table-row/TableRow.d.ts +4 -0
- package/dist/components/data-display/table/components/table-row/index.d.ts +3 -0
- package/dist/components/data-display/table/components/table-row/types/TableRow.props.d.ts +11 -0
- package/dist/components/data-display/table/constants/index.d.ts +5 -0
- package/dist/components/data-display/table/index.d.ts +5 -0
- package/dist/components/data-display/table/types/Table.props.d.ts +14 -0
- package/dist/components/data-display/table/types/Table.types.d.ts +4 -0
- package/dist/components/forms/_shared/checkboxVisual.css.d.ts +16 -0
- package/dist/components/forms/_shared/radioVisual.css.d.ts +12 -0
- package/dist/components/forms/checkbox/Checkbox.css.d.ts +22 -0
- package/dist/components/forms/checkbox/Checkbox.d.ts +15 -0
- package/dist/components/forms/checkbox/index.d.ts +3 -0
- package/dist/components/forms/checkbox/types/Checkbox.props.d.ts +6 -0
- package/dist/components/forms/index.d.ts +2 -0
- package/dist/components/forms/radio-group/RadioGroup.d.ts +16 -0
- package/dist/components/forms/radio-group/components/radio-item/RadioItem.css.d.ts +16 -0
- package/dist/components/forms/radio-group/components/radio-item/RadioItem.d.ts +13 -0
- package/dist/components/forms/radio-group/components/radio-item/types/RadioItem.props.d.ts +6 -0
- package/dist/components/forms/radio-group/index.d.ts +5 -0
- package/dist/components/forms/radio-group/types/RadioGroup.props.d.ts +3 -0
- package/dist/components/foundation/icon/Icon.css.d.ts +35 -0
- package/dist/components/foundation/icon/Icon.d.ts +4 -0
- package/dist/components/foundation/icon/index.d.ts +4 -0
- package/dist/components/foundation/icon/types/Icon.props.d.ts +7 -0
- package/dist/components/foundation/icon/types/Icon.types.d.ts +1 -0
- package/dist/components/foundation/typography/Typography.css.d.ts +198 -0
- package/dist/components/foundation/typography/Typography.d.ts +4 -0
- package/dist/components/foundation/typography/constants/index.d.ts +26 -0
- package/dist/components/foundation/typography/index.d.ts +5 -0
- package/dist/components/foundation/typography/types/Typography.props.d.ts +12 -0
- package/dist/components/foundation/typography/types/Typography.types.d.ts +6 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/components/layout/box/Box.css.d.ts +938 -0
- package/dist/components/layout/box/Box.d.ts +4 -0
- package/dist/components/layout/box/index.d.ts +5 -0
- package/dist/components/layout/box/types/Box.props.d.ts +8 -0
- package/dist/components/layout/box/types/Box.types.d.ts +2 -0
- package/dist/components/layout/flex/Flex.css.d.ts +74 -0
- package/dist/components/layout/flex/Flex.d.ts +4 -0
- package/dist/components/layout/flex/index.d.ts +5 -0
- package/dist/components/layout/flex/types/Flex.props.d.ts +3 -0
- package/dist/components/layout/flex/types/Flex.types.d.ts +8 -0
- package/dist/components/layout/grid/Grid.css.d.ts +153 -0
- package/dist/components/layout/grid/Grid.d.ts +4 -0
- package/dist/components/layout/grid/index.d.ts +5 -0
- package/dist/components/layout/grid/types/Grid.props.d.ts +3 -0
- package/dist/components/layout/grid/types/Grid.types.d.ts +14 -0
- package/dist/components/layout/index.d.ts +3 -0
- package/dist/components/overlay/dropdown-menu/DropdownMenu.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/_shared/item.css.d.ts +14 -0
- package/dist/components/overlay/dropdown-menu/components/_shared/useViewportShift.d.ts +1 -0
- package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/DropdownMenuContent.css.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/DropdownMenuContent.d.ts +16 -0
- package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/types/DropdownMenuContent.props.d.ts +24 -0
- package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.d.ts +9 -0
- package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/types/DropdownMenuGroup.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/types/DropdownMenuRadioGroup.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/components/index.d.ts +26 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.d.ts +4 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.d.ts +18 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts +14 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.d.ts +4 -0
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/DropdownMenuLabel.css.d.ts +5 -0
- package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/DropdownMenuLabel.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/types/DropdownMenuLabel.props.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/DropdownMenuSeparator.css.d.ts +5 -0
- package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/DropdownMenuSeparator.d.ts +9 -0
- package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/types/DropdownMenuSeparator.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/DropdownMenuShortcut.css.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/DropdownMenuShortcut.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/types/DropdownMenuShortcut.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/types/DropdownMenuSub.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.css.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.d.ts +13 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.d.ts +16 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.css.d.ts +9 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.d.ts +8 -0
- package/dist/components/overlay/dropdown-menu/components/trigger/dropdown-menu-trigger/DropdownMenuTrigger.d.ts +10 -0
- package/dist/components/overlay/dropdown-menu/components/trigger/dropdown-menu-trigger/types/DropdownMenuTrigger.props.d.ts +2 -0
- package/dist/components/overlay/dropdown-menu/index.d.ts +6 -0
- package/dist/components/overlay/dropdown-menu/types/DropdownMenu.props.d.ts +4 -0
- package/dist/components/overlay/dropdown-menu/types/DropdownMenu.types.d.ts +4 -0
- package/dist/components/overlay/tooltip/Tooltip.css.d.ts +2 -0
- package/dist/components/overlay/tooltip/Tooltip.d.ts +4 -0
- package/dist/components/overlay/tooltip/index.d.ts +5 -0
- package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts +28 -0
- package/dist/components/overlay/tooltip/types/Tooltip.types.d.ts +29 -0
- package/dist/components/theme-provider/ThemeProvider.context.d.ts +30 -0
- package/dist/components/theme-provider/ThemeProvider.d.ts +36 -0
- package/dist/components/theme-provider/index.d.ts +4 -0
- package/dist/components/theme-provider/types/ThemeProvider.props.d.ts +32 -0
- package/dist/components/theme-provider/utils/getSystemTheme.utils.d.ts +5 -0
- package/dist/components/theme-provider/utils/resolveTheme.utils.d.ts +2 -0
- package/dist/constants/animations/fade/fadeIn.css.d.ts +1 -0
- package/dist/constants/animations/fade/fadeOut.css.d.ts +1 -0
- package/dist/constants/animations/index.d.ts +11 -0
- package/dist/constants/animations/slide/slideDownIn.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideDownOut.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideLeftIn.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideLeftOut.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideRightIn.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideRightOut.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideUpIn.css.d.ts +1 -0
- package/dist/constants/animations/slide/slideUpOut.css.d.ts +1 -0
- package/dist/constants/animations/spin/spinAnimation.css.d.ts +1 -0
- package/dist/constants/index.d.ts +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-viewport-shift/constants/index.d.ts +1 -0
- package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.d.ts +11 -0
- package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.d.ts +15 -0
- package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.d.ts +3 -0
- package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.d.ts +10 -0
- package/dist/hooks/use-viewport-shift/types/index.d.ts +12 -0
- package/dist/hooks/use-viewport-shift/useViewportShift.hook.d.ts +13 -0
- package/dist/index.cjs +42 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +6970 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.d.ts +2 -0
- package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.styles.d.ts +5 -0
- package/dist/stories/overview/theme/colors/components/color-group-card/types/index.d.ts +11 -0
- package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.d.ts +2 -0
- package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.styles.d.ts +5 -0
- package/dist/stories/overview/theme/colors/components/color-palette-section/types/index.d.ts +11 -0
- package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.d.ts +2 -0
- package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.styles.d.ts +8 -0
- package/dist/stories/overview/theme/colors/components/color-swatch/types/index.d.ts +5 -0
- package/dist/stories/overview/theme/colors/components/index.d.ts +4 -0
- package/dist/stories/overview/theme/css-variables/components/copy-mui-button/CopyMuiButton.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-mui-button/index.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/CopyPlainCssButton.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/index.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/CopyTailwindButton.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/index.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-theme-button/CopyThemeButton.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-theme-button/index.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/CopyVanillaExtractButton.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/index.d.ts +1 -0
- package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.css.d.ts +5 -0
- package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.d.ts +2 -0
- package/dist/stories/overview/theme/css-variables/components/var-table/index.d.ts +2 -0
- package/dist/stories/overview/theme/css-variables/components/var-table/types/index.d.ts +6 -0
- package/dist/stories/overview/theme/css-variables/types/index.d.ts +6 -0
- package/dist/stories/overview/theme/css-variables/utils/theme.utils.d.ts +27 -0
- package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.d.ts +2 -0
- package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.styles.d.ts +2 -0
- package/dist/stories/overview/theme/tokens/components/copy-badge/types/index.d.ts +3 -0
- package/dist/stories/overview/theme/tokens/components/index.d.ts +9 -0
- package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.styles.d.ts +11 -0
- package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.styles.d.ts +2 -0
- package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.styles.d.ts +7 -0
- package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.styles.d.ts +9 -0
- package/dist/stories/overview/theme/tokens/components/spacing-section/utils/toPx.d.ts +5 -0
- package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.d.ts +2 -0
- package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.styles.d.ts +6 -0
- package/dist/stories/overview/theme/tokens/components/token-card/types/index.d.ts +6 -0
- package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.d.ts +2 -0
- package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.styles.d.ts +5 -0
- package/dist/stories/overview/theme/tokens/components/token-section/types/index.d.ts +6 -0
- package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.styles.d.ts +6 -0
- package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.d.ts +1 -0
- package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.styles.d.ts +7 -0
- package/dist/theme/colors/dark.d.ts +2 -0
- package/dist/theme/colors/index.d.ts +3 -0
- package/dist/theme/colors/light.d.ts +72 -0
- package/dist/theme/contract.css.d.ts +191 -0
- package/dist/theme/globalStyles.css.d.ts +1 -0
- package/dist/theme/index.d.ts +10 -0
- package/dist/theme/override.d.ts +11 -0
- package/dist/theme/tokens/index.d.ts +294 -0
- package/dist/theme/tokens/motion.d.ts +17 -0
- package/dist/theme/tokens/palette.d.ts +85 -0
- package/dist/theme/tokens/radii.d.ts +11 -0
- package/dist/theme/tokens/shadows.d.ts +21 -0
- package/dist/theme/tokens/spacing.d.ts +16 -0
- package/dist/theme/tokens/typography.d.ts +50 -0
- package/dist/theme/tokens/zIndex.d.ts +14 -0
- package/dist/theme/types/index.d.ts +6 -0
- package/dist/ui-kit.css +2 -0
- package/dist/utils/cn.d.ts +7 -0
- package/dist/vite-env.d.ts +3 -0
- package/package.json +95 -0
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Compound variants for the "outlined" visual variant.
|
|
3
|
+
*/
|
|
4
|
+
export declare const outlinedCompoundVariants: readonly [{
|
|
5
|
+
readonly variants: {
|
|
6
|
+
readonly variant: "outlined";
|
|
7
|
+
readonly color: "primary";
|
|
8
|
+
};
|
|
9
|
+
readonly style: {
|
|
10
|
+
readonly borderColor: `var(--${string})`;
|
|
11
|
+
readonly color: `var(--${string})`;
|
|
12
|
+
readonly selectors: {
|
|
13
|
+
readonly '&:hover': {
|
|
14
|
+
readonly backgroundColor: `var(--${string})`;
|
|
15
|
+
};
|
|
16
|
+
readonly '&:active': {
|
|
17
|
+
readonly backgroundColor: `var(--${string})`;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
}, {
|
|
22
|
+
readonly variants: {
|
|
23
|
+
readonly variant: "outlined";
|
|
24
|
+
readonly color: "secondary";
|
|
25
|
+
};
|
|
26
|
+
readonly style: {
|
|
27
|
+
readonly borderColor: `var(--${string})`;
|
|
28
|
+
readonly color: `var(--${string})`;
|
|
29
|
+
readonly selectors: {
|
|
30
|
+
readonly '&:hover': {
|
|
31
|
+
readonly backgroundColor: `var(--${string})`;
|
|
32
|
+
};
|
|
33
|
+
readonly '&:active': {
|
|
34
|
+
readonly backgroundColor: `var(--${string})`;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
}, {
|
|
39
|
+
readonly variants: {
|
|
40
|
+
readonly variant: "outlined";
|
|
41
|
+
readonly color: "destructive";
|
|
42
|
+
};
|
|
43
|
+
readonly style: {
|
|
44
|
+
readonly borderColor: `var(--${string})`;
|
|
45
|
+
readonly color: `var(--${string})`;
|
|
46
|
+
readonly selectors: {
|
|
47
|
+
readonly '&:hover': {
|
|
48
|
+
readonly backgroundColor: `var(--${string})`;
|
|
49
|
+
};
|
|
50
|
+
readonly '&:active': {
|
|
51
|
+
readonly backgroundColor: `var(--${string})`;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
}, {
|
|
56
|
+
readonly variants: {
|
|
57
|
+
readonly variant: "outlined";
|
|
58
|
+
readonly color: "success";
|
|
59
|
+
};
|
|
60
|
+
readonly style: {
|
|
61
|
+
readonly borderColor: `var(--${string})`;
|
|
62
|
+
readonly color: `var(--${string})`;
|
|
63
|
+
readonly selectors: {
|
|
64
|
+
readonly '&:hover': {
|
|
65
|
+
readonly backgroundColor: `var(--${string})`;
|
|
66
|
+
};
|
|
67
|
+
readonly '&:active': {
|
|
68
|
+
readonly backgroundColor: `var(--${string})`;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
}, {
|
|
73
|
+
readonly variants: {
|
|
74
|
+
readonly variant: "outlined";
|
|
75
|
+
readonly color: "warning";
|
|
76
|
+
};
|
|
77
|
+
readonly style: {
|
|
78
|
+
readonly borderColor: `var(--${string})`;
|
|
79
|
+
readonly color: `var(--${string})`;
|
|
80
|
+
readonly selectors: {
|
|
81
|
+
readonly '&:hover': {
|
|
82
|
+
readonly backgroundColor: `var(--${string})`;
|
|
83
|
+
};
|
|
84
|
+
readonly '&:active': {
|
|
85
|
+
readonly backgroundColor: `var(--${string})`;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
}, {
|
|
90
|
+
readonly variants: {
|
|
91
|
+
readonly variant: "outlined";
|
|
92
|
+
readonly color: "info";
|
|
93
|
+
};
|
|
94
|
+
readonly style: {
|
|
95
|
+
readonly borderColor: `var(--${string})`;
|
|
96
|
+
readonly color: `var(--${string})`;
|
|
97
|
+
readonly selectors: {
|
|
98
|
+
readonly '&:hover': {
|
|
99
|
+
readonly backgroundColor: `var(--${string})`;
|
|
100
|
+
};
|
|
101
|
+
readonly '&:active': {
|
|
102
|
+
readonly backgroundColor: `var(--${string})`;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
}];
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** Visual style variants shared by Button and IconButton. */
|
|
2
|
+
export type ButtonVariantShared = 'contained' | 'outlined' | 'ghost';
|
|
3
|
+
/** Color variants shared by Button and IconButton, mapped to theme colors. */
|
|
4
|
+
export type ButtonColorShared = 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info';
|
|
5
|
+
/** Size variants shared by Button and IconButton. */
|
|
6
|
+
export type ButtonSizeShared = 'sm' | 'md' | 'lg';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const buttonRecipe: RuntimeFn<{
|
|
3
|
+
variant: {
|
|
4
|
+
contained: {};
|
|
5
|
+
outlined: {
|
|
6
|
+
backgroundColor: "transparent";
|
|
7
|
+
};
|
|
8
|
+
ghost: {
|
|
9
|
+
backgroundColor: "transparent";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
color: {
|
|
13
|
+
primary: {};
|
|
14
|
+
secondary: {};
|
|
15
|
+
destructive: {};
|
|
16
|
+
success: {};
|
|
17
|
+
warning: {};
|
|
18
|
+
info: {};
|
|
19
|
+
};
|
|
20
|
+
size: {
|
|
21
|
+
sm: {
|
|
22
|
+
height: "2.25rem";
|
|
23
|
+
paddingInline: `var(--${string})`;
|
|
24
|
+
};
|
|
25
|
+
md: {
|
|
26
|
+
height: "2.5rem";
|
|
27
|
+
paddingInline: `var(--${string})`;
|
|
28
|
+
paddingBlock: `var(--${string})`;
|
|
29
|
+
};
|
|
30
|
+
lg: {
|
|
31
|
+
height: "2.75rem";
|
|
32
|
+
paddingInline: `var(--${string})`;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
}>;
|
|
36
|
+
export type ButtonRecipeVariants = NonNullable<RecipeVariants<typeof buttonRecipe>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ButtonRecipeVariants } from '../Button.css.ts';
|
|
2
|
+
import { RefAttributes } from 'react';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & RefAttributes<HTMLButtonElement> & ButtonRecipeVariants & {
|
|
5
|
+
/** The text content rendered inside the button via the Typography component. */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Iconify icon name rendered before the label. Size and color are derived from the Button variant and size. */
|
|
8
|
+
startIcon?: string;
|
|
9
|
+
/** Iconify icon name rendered after the label. Size and color are derived from the Button variant and size. */
|
|
10
|
+
endIcon?: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonVariantShared, ButtonColorShared, ButtonSizeShared } from '../../_shared/buttons/types';
|
|
2
|
+
/** Visual style variants for the Button component. */
|
|
3
|
+
export type ButtonVariant = ButtonVariantShared;
|
|
4
|
+
/** Color variants for the Button component, mapped to theme colors. */
|
|
5
|
+
export type ButtonColor = ButtonColorShared;
|
|
6
|
+
/** Size variants for the Button component. */
|
|
7
|
+
export type ButtonSize = ButtonSizeShared;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const iconButtonRecipe: RuntimeFn<{
|
|
3
|
+
variant: {
|
|
4
|
+
contained: {};
|
|
5
|
+
outlined: {
|
|
6
|
+
backgroundColor: "transparent";
|
|
7
|
+
};
|
|
8
|
+
ghost: {
|
|
9
|
+
backgroundColor: "transparent";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
color: {
|
|
13
|
+
primary: {};
|
|
14
|
+
secondary: {};
|
|
15
|
+
destructive: {};
|
|
16
|
+
success: {};
|
|
17
|
+
warning: {};
|
|
18
|
+
info: {};
|
|
19
|
+
};
|
|
20
|
+
size: {
|
|
21
|
+
sm: {
|
|
22
|
+
height: "2.25rem";
|
|
23
|
+
width: "2.25rem";
|
|
24
|
+
};
|
|
25
|
+
md: {
|
|
26
|
+
height: "2.5rem";
|
|
27
|
+
width: "2.5rem";
|
|
28
|
+
};
|
|
29
|
+
lg: {
|
|
30
|
+
height: "2.75rem";
|
|
31
|
+
width: "2.75rem";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
export type IconButtonRecipeVariants = NonNullable<RecipeVariants<typeof iconButtonRecipe>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as IconButton } from './IconButton.tsx';
|
|
2
|
+
export { iconButtonRecipe } from './IconButton.css.ts';
|
|
3
|
+
export type { IconButtonProps } from './types/IconButton.props.ts';
|
|
4
|
+
export type { IconButtonVariant, IconButtonSize, IconButtonColor } from './types/IconButton.types.ts';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IconButtonRecipeVariants } from '../IconButton.css.ts';
|
|
2
|
+
import { RefAttributes } from 'react';
|
|
3
|
+
import type * as React from 'react';
|
|
4
|
+
export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'> & RefAttributes<HTMLButtonElement> & IconButtonRecipeVariants & {
|
|
5
|
+
/** Iconify icon name rendered inside the button. */
|
|
6
|
+
icon: string;
|
|
7
|
+
/** Accessible label for the button (used as aria-label). */
|
|
8
|
+
'aria-label': string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonVariantShared, ButtonColorShared, ButtonSizeShared } from '../../_shared/buttons/types';
|
|
2
|
+
/** Visual style variants for the IconButton component. */
|
|
3
|
+
export type IconButtonVariant = ButtonVariantShared;
|
|
4
|
+
/** Color variants for the IconButton component, mapped to theme colors. */
|
|
5
|
+
export type IconButtonColor = ButtonColorShared;
|
|
6
|
+
/** Size variants for the IconButton component. */
|
|
7
|
+
export type IconButtonSize = ButtonSizeShared;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './table';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
/**
|
|
3
|
+
* CSS custom property seeded on <table>, inherited by every <th>/<td>
|
|
4
|
+
* descendant — lets the `size` variant control cell density from one place.
|
|
5
|
+
*/
|
|
6
|
+
export declare const cellPaddingBlockVar: `var(--${string})`;
|
|
7
|
+
export declare const tableWrapperClass: string;
|
|
8
|
+
/**
|
|
9
|
+
* Applied to <table> when `striped` is true.
|
|
10
|
+
* Skips rows that carry an explicit `data-intent` attribute so intent row
|
|
11
|
+
* colours always win over the stripe background.
|
|
12
|
+
*/
|
|
13
|
+
export declare const tableStripedClass: string;
|
|
14
|
+
/**
|
|
15
|
+
* Applied to <table> when `bordered` is true.
|
|
16
|
+
* Adds borders on all four sides of every header and data cell.
|
|
17
|
+
*/
|
|
18
|
+
export declare const tableBorderedClass: string;
|
|
19
|
+
/** Applied to <table> when `fixed` is true. Enables `table-layout: fixed`. */
|
|
20
|
+
export declare const tableFixedClass: string;
|
|
21
|
+
export declare const tableRecipe: RuntimeFn<{
|
|
22
|
+
size: {
|
|
23
|
+
sm: {
|
|
24
|
+
vars: {
|
|
25
|
+
[cellPaddingBlockVar]: `var(--${string})`;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
md: {
|
|
29
|
+
vars: {
|
|
30
|
+
[cellPaddingBlockVar]: `var(--${string})`;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
lg: {
|
|
34
|
+
vars: {
|
|
35
|
+
[cellPaddingBlockVar]: `var(--${string})`;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
}>;
|
|
40
|
+
export type TableRecipeVariants = NonNullable<RecipeVariants<typeof tableRecipe>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './table-header';
|
|
2
|
+
export * from './table-body';
|
|
3
|
+
export * from './table-footer';
|
|
4
|
+
export * from './table-row';
|
|
5
|
+
export * from './table-head';
|
|
6
|
+
export * from './table-cell';
|
|
7
|
+
export * from './table-caption';
|
|
8
|
+
export * from './table-col-group';
|
|
9
|
+
export * from './table-col';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const tableCaptionClass: string;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const tableCellRecipe: RuntimeFn<{
|
|
3
|
+
align: {
|
|
4
|
+
left: {
|
|
5
|
+
textAlign: "left";
|
|
6
|
+
};
|
|
7
|
+
center: {
|
|
8
|
+
textAlign: "center";
|
|
9
|
+
};
|
|
10
|
+
right: {
|
|
11
|
+
textAlign: "right";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}>;
|
|
15
|
+
export type TableCellRecipeVariants = NonNullable<RecipeVariants<typeof tableCellRecipe>>;
|
|
16
|
+
/**
|
|
17
|
+
* Enables text truncation inside a cell. The parent column must have a
|
|
18
|
+
* constrained width (e.g. via `style={{ maxWidth: '12rem' }}`) for
|
|
19
|
+
* `text-overflow: ellipsis` to take effect in a table context.
|
|
20
|
+
*/
|
|
21
|
+
export declare const tableCellTruncateClass: string;
|
|
22
|
+
/**
|
|
23
|
+
* Right-aligns content and enables tabular (monospaced) number rendering —
|
|
24
|
+
* ideal for numeric columns such as amounts, counts or IDs.
|
|
25
|
+
* Overrides the `align` variant when both are applied.
|
|
26
|
+
*/
|
|
27
|
+
export declare const tableCellNumericClass: string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TableCellRecipeVariants } from '../TableCell.css.ts';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableCellRecipeVariants & {
|
|
4
|
+
/**
|
|
5
|
+
* Right-aligns the content and enables tabular number rendering.
|
|
6
|
+
* Takes precedence over the `align` variant when both are set.
|
|
7
|
+
*/
|
|
8
|
+
numeric?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Clips overflowing text with an ellipsis. The column must have a
|
|
11
|
+
* constrained width (e.g. `style={{ maxWidth: '12rem' }}`) for
|
|
12
|
+
* truncation to activate in table context.
|
|
13
|
+
*/
|
|
14
|
+
truncate?: boolean;
|
|
15
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type TableColProps = Omit<React.ColHTMLAttributes<HTMLTableColElement>, 'width'> & React.RefAttributes<HTMLTableColElement> & {
|
|
3
|
+
/**
|
|
4
|
+
* Column width — any valid CSS value (`'200px'`, `'25%'`, `'12rem'`).
|
|
5
|
+
* Requires `fixed` on the parent `Table` to take effect.
|
|
6
|
+
*/
|
|
7
|
+
width?: React.CSSProperties['width'];
|
|
8
|
+
/**
|
|
9
|
+
* Minimum column width — any valid CSS value.
|
|
10
|
+
* Useful to prevent columns from collapsing below a readable size.
|
|
11
|
+
*/
|
|
12
|
+
minWidth?: React.CSSProperties['minWidth'];
|
|
13
|
+
/**
|
|
14
|
+
* Maximum column width.
|
|
15
|
+
* Prevents a flexible column from growing too wide.
|
|
16
|
+
*/
|
|
17
|
+
maxWidth?: React.CSSProperties['maxWidth'];
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const tableFooterClass: string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const tableHeadRecipe: RuntimeFn<{
|
|
3
|
+
align: {
|
|
4
|
+
left: {
|
|
5
|
+
textAlign: "left";
|
|
6
|
+
};
|
|
7
|
+
center: {
|
|
8
|
+
textAlign: "center";
|
|
9
|
+
};
|
|
10
|
+
right: {
|
|
11
|
+
textAlign: "right";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}>;
|
|
15
|
+
export type TableHeadRecipeVariants = NonNullable<RecipeVariants<typeof tableHeadRecipe>>;
|
|
16
|
+
/** Applied when `sortable` is true. Signals the column is interactive. */
|
|
17
|
+
export declare const tableHeadSortableClass: string;
|
|
18
|
+
/** Wraps the cell content + sort icon in an inline flex row. */
|
|
19
|
+
export declare const tableHeadSortWrapperClass: string;
|
|
20
|
+
/** Sort icon at rest — muted (used for `sortDirection="none"`). */
|
|
21
|
+
export declare const tableHeadSortIconClass: string;
|
|
22
|
+
/** Sort icon when a direction is active (`asc` or `desc`). */
|
|
23
|
+
export declare const tableHeadSortIconActiveClass: string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TableHeadRecipeVariants } from '../TableHead.css.ts';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type TableSortDirection = 'asc' | 'desc' | 'none';
|
|
4
|
+
export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableHeadRecipeVariants & {
|
|
5
|
+
/**
|
|
6
|
+
* Renders the column header as interactive (cursor pointer + hover tint).
|
|
7
|
+
* Wire up an `onClick` handler to implement sorting logic.
|
|
8
|
+
*/
|
|
9
|
+
sortable?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Current sort direction. Sets `aria-sort` on the `<th>` and appends
|
|
12
|
+
* a visual indicator (↑ / ↓ / ↕) via CSS `::after`.
|
|
13
|
+
*/
|
|
14
|
+
sortDirection?: TableSortDirection;
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const tableHeaderClass: string;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
|
|
2
|
+
export declare const tableRowRecipe: RuntimeFn<{
|
|
3
|
+
hoverable: {
|
|
4
|
+
true: {
|
|
5
|
+
selectors: {
|
|
6
|
+
'&:hover': {
|
|
7
|
+
backgroundColor: `var(--${string})`;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Makes the row visually interactive: adds `cursor: pointer` and a
|
|
14
|
+
* hover background. Use together with `onClick` and `selected` to build
|
|
15
|
+
* a row-selection pattern without extra wrapper components.
|
|
16
|
+
* Implies `hoverable` behaviour — there is no need to pass both.
|
|
17
|
+
*/
|
|
18
|
+
selectable: {
|
|
19
|
+
true: {
|
|
20
|
+
cursor: "pointer";
|
|
21
|
+
selectors: {
|
|
22
|
+
'&:hover': {
|
|
23
|
+
backgroundColor: `var(--${string})`;
|
|
24
|
+
};
|
|
25
|
+
'&:focus-visible': {
|
|
26
|
+
outline: "none";
|
|
27
|
+
boxShadow: `inset 0 0 0 2px var(--${string})`;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
selected: {
|
|
33
|
+
true: {
|
|
34
|
+
backgroundColor: `var(--${string})`;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
intent: {
|
|
38
|
+
success: {
|
|
39
|
+
backgroundColor: `var(--${string})`;
|
|
40
|
+
color: `var(--${string})`;
|
|
41
|
+
};
|
|
42
|
+
warning: {
|
|
43
|
+
backgroundColor: `var(--${string})`;
|
|
44
|
+
color: `var(--${string})`;
|
|
45
|
+
};
|
|
46
|
+
destructive: {
|
|
47
|
+
backgroundColor: `var(--${string})`;
|
|
48
|
+
color: `var(--${string})`;
|
|
49
|
+
};
|
|
50
|
+
info: {
|
|
51
|
+
backgroundColor: `var(--${string})`;
|
|
52
|
+
color: `var(--${string})`;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
}>;
|
|
56
|
+
export type TableRowRecipeVariants = NonNullable<RecipeVariants<typeof tableRowRecipe>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableRowRecipeVariants } from '../TableRow.css.ts';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement> & TableRowRecipeVariants & {
|
|
4
|
+
/**
|
|
5
|
+
* Makes the row visually interactive: adds `cursor: pointer` + hover
|
|
6
|
+
* background + `aria-selected`. Use with `onClick` and `selected` for
|
|
7
|
+
* a controlled selection pattern without extra wrapper components.
|
|
8
|
+
* Implies `hoverable` behaviour.
|
|
9
|
+
*/
|
|
10
|
+
selectable?: boolean;
|
|
11
|
+
};
|