@timmbr/ui 1.4.1 → 1.5.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/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/Accordion.styles.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.styles.js +3 -3
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/Alert/Alert.styles.js +4 -4
- package/dist/components/AlertDialog/AlertDialog.styles.js +4 -4
- package/dist/components/AuthModal/AuthModal.d.ts +4 -0
- package/dist/components/AuthModal/AuthModal.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.js +89 -0
- package/dist/components/AuthModal/AuthModal.labels.d.ts +6 -0
- package/dist/components/AuthModal/AuthModal.labels.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.labels.js +52 -0
- package/dist/components/AuthModal/AuthModal.styles.d.ts +12 -0
- package/dist/components/AuthModal/AuthModal.styles.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.styles.js +38 -0
- package/dist/components/AuthModal/AuthModal.types.d.ts +158 -0
- package/dist/components/AuthModal/AuthModal.types.d.ts.map +1 -0
- package/dist/components/AuthModal/index.d.ts +6 -0
- package/dist/components/AuthModal/index.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.js +58 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.js +62 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.js +19 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.js +62 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts +44 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.js +134 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.js +54 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.js +79 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.js +26 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts +12 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.js +38 -0
- package/dist/components/AuthModal/subcomponents/index.d.ts +9 -0
- package/dist/components/AuthModal/subcomponents/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.styles.js +11 -11
- package/dist/components/Badge/Badge.styles.js +8 -8
- package/dist/components/Button/Button.styles.js +7 -7
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +5 -5
- package/dist/components/Checkbox/Checkbox.js +4 -4
- package/dist/components/Checkbox/Checkbox.styles.js +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.styles.js +5 -5
- package/dist/components/DataList/DataList.styles.js +3 -3
- package/dist/components/Dialog/Dialog.styles.js +6 -6
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Drawer/Drawer.styles.js +2 -2
- package/dist/components/Dropdown/Dropdown.js +2 -2
- package/dist/components/Dropdown/Dropdown.styles.js +2 -2
- package/dist/components/EmptyState/EmptyState.js +2 -2
- package/dist/components/EmptyState/EmptyState.styles.js +3 -3
- package/dist/components/FormField/FormField.js +1 -1
- package/dist/components/Heading/Heading.styles.d.ts.map +1 -1
- package/dist/components/Heading/Heading.styles.js +12 -10
- package/dist/components/Icon/Icon.styles.js +6 -6
- package/dist/components/ImageUpload/ImageUpload.js +6 -6
- package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.js +10 -10
- package/dist/components/ImageUpload/subcomponents/ImageUploadModal.js +8 -8
- package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.js +7 -7
- package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js +10 -10
- package/dist/components/Input/Input.js +4 -4
- package/dist/components/Input/Input.styles.js +6 -6
- package/dist/components/Label/Label.styles.js +4 -4
- package/dist/components/LinkButton/LinkButton.styles.js +6 -6
- package/dist/components/List/List.js +1 -1
- package/dist/components/List/List.styles.js +3 -3
- package/dist/components/NavFooter/NavFooter.styles.js +9 -9
- package/dist/components/NavFooter/subcomponents/FooterBrand.js +3 -3
- package/dist/components/NavFooter/subcomponents/FooterLegalBar.js +1 -1
- package/dist/components/NavFooter/subcomponents/FooterNavSection.js +4 -4
- package/dist/components/NavFooter/subcomponents/FooterNewsletter.js +7 -7
- package/dist/components/NavFooter/subcomponents/FooterOffice.js +5 -5
- package/dist/components/NavFooter/subcomponents/FooterSocial.js +3 -3
- package/dist/components/NavHeader/NavHeader.d.ts.map +1 -1
- package/dist/components/NavHeader/NavHeader.js +11 -3
- package/dist/components/NavHeader/NavHeader.styles.js +16 -16
- package/dist/components/NavHeader/NavHeader.types.d.ts +19 -0
- package/dist/components/NavHeader/NavHeader.types.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts +4 -0
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts.map +1 -0
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.js +16 -0
- package/dist/components/NavHeader/subcomponents/NavActionOverflow.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActionOverflow.js +6 -5
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts +9 -0
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActions.js +51 -15
- package/dist/components/NavHeader/subcomponents/NavBrand.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavBrand.js +14 -15
- package/dist/components/NavHeader/subcomponents/NavItems.js +3 -3
- package/dist/components/NavHeader/subcomponents/NavItemsOverflow.js +7 -7
- package/dist/components/NavHeader/subcomponents/NavMobileSearchDrawer.js +5 -5
- package/dist/components/NavHeader/subcomponents/NavMobileTabSlider.js +2 -2
- package/dist/components/NavHeader/subcomponents/NavSearch.js +5 -5
- package/dist/components/NavHeader/subcomponents/OfferBanner.js +1 -1
- package/dist/components/OtpInput/OtpInput.d.ts +4 -0
- package/dist/components/OtpInput/OtpInput.d.ts.map +1 -0
- package/dist/components/OtpInput/OtpInput.js +114 -0
- package/dist/components/OtpInput/OtpInput.styles.d.ts +10 -0
- package/dist/components/OtpInput/OtpInput.styles.d.ts.map +1 -0
- package/dist/components/OtpInput/OtpInput.styles.js +49 -0
- package/dist/components/OtpInput/OtpInput.types.d.ts +40 -0
- package/dist/components/OtpInput/OtpInput.types.d.ts.map +1 -0
- package/dist/components/OtpInput/index.d.ts +4 -0
- package/dist/components/OtpInput/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.styles.js +3 -3
- package/dist/components/Popover/Popover.styles.js +1 -1
- package/dist/components/Progress/Progress.js +2 -2
- package/dist/components/Radio/Radio.js +4 -4
- package/dist/components/Radio/Radio.styles.js +1 -1
- package/dist/components/RangeSlider/RangeSlider.js +3 -3
- package/dist/components/RangeSlider/RangeSlider.styles.js +1 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/Select.styles.js +8 -8
- package/dist/components/SideBarNavigation/SideBarNavigation.styles.js +8 -8
- package/dist/components/SideBarNavigation/subcomponents/SidebarBranding.js +3 -3
- package/dist/components/SideBarNavigation/subcomponents/SidebarFooter.js +1 -1
- package/dist/components/SideBarNavigation/subcomponents/SidebarPopoverMenu.js +4 -4
- package/dist/components/SideBarNavigation/subcomponents/SidebarProfile.js +9 -9
- package/dist/components/SideBarNavigation/subcomponents/SidebarSubItem.js +2 -2
- package/dist/components/Skeleton/Skeleton.styles.js +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +9 -7
- package/dist/components/Spinner/Spinner.styles.d.ts +8 -2
- package/dist/components/Spinner/Spinner.styles.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.styles.js +27 -24
- package/dist/components/Spinner/Spinner.types.d.ts +9 -0
- package/dist/components/Spinner/Spinner.types.d.ts.map +1 -1
- package/dist/components/Stat/Stat.styles.js +4 -4
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Switch/Switch.styles.js +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.styles.js +5 -5
- package/dist/components/Table/TablePagination.js +4 -4
- package/dist/components/Tabs/Tabs.js +2 -2
- package/dist/components/Tabs/Tabs.styles.js +8 -8
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +2 -0
- package/dist/components/Text/Text.styles.d.ts +1 -0
- package/dist/components/Text/Text.styles.d.ts.map +1 -1
- package/dist/components/Text/Text.styles.js +21 -13
- package/dist/components/Text/Text.types.d.ts +5 -0
- package/dist/components/Text/Text.types.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +4 -4
- package/dist/components/Textarea/Textarea.styles.js +6 -6
- package/dist/components/Toast/Toast.js +3 -3
- package/dist/components/Toast/Toast.styles.js +5 -5
- package/dist/components/Toast/ToastContainer.js +1 -1
- package/dist/components/Tooltip/Tooltip.styles.js +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -1
- package/package.json +7 -6
- package/dist/components/CrossZoneLink/CrossZoneLink.d.ts +0 -10
- package/dist/components/CrossZoneLink/CrossZoneLink.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/CrossZoneLink.js +0 -111
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts +0 -8
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.js +0 -33
- package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts +0 -31
- package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/index.d.ts +0 -4
- package/dist/components/CrossZoneLink/index.d.ts.map +0 -1
|
@@ -5,11 +5,11 @@ const toastVariants = cva(
|
|
|
5
5
|
{
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
default: "border-grey-200 dark:border-grey-800 bg-
|
|
9
|
-
destructive: "destructive group border-destructive bg-destructive text-
|
|
10
|
-
success: "border-success bg-
|
|
11
|
-
warning: "border-warning bg-
|
|
12
|
-
info: "border-info bg-
|
|
8
|
+
default: "border-grey-200 dark:border-grey-800 bg-grey-50 dark:bg-grey-900 text-foreground",
|
|
9
|
+
destructive: "destructive group border-destructive bg-destructive text-grey-50",
|
|
10
|
+
success: "border-success bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-success",
|
|
11
|
+
warning: "border-warning bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
|
|
12
|
+
info: "border-info bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-info"
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
defaultVariants: {
|
|
@@ -82,7 +82,7 @@ const ToastContainer = ({ config }) => {
|
|
|
82
82
|
/* @__PURE__ */ jsx(
|
|
83
83
|
Icon,
|
|
84
84
|
{
|
|
85
|
-
className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-
|
|
85
|
+
className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-grey-50" : "text-current opacity-90"}`
|
|
86
86
|
}
|
|
87
87
|
),
|
|
88
88
|
/* @__PURE__ */ jsxs(Stack, { gap: "2xs", className: "flex-1 min-w-0", children: [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cva } from 'class-variance-authority';
|
|
2
2
|
|
|
3
3
|
const tooltipContentVariants = cva(
|
|
4
|
-
"z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-
|
|
4
|
+
"z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-body-3 text-grey-50 dark:text-grey-900 shadow-md transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
|
|
5
5
|
);
|
|
6
6
|
|
|
7
7
|
export { tooltipContentVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export * from './components/RangeSlider';
|
|
|
15
15
|
export * from './components/Label';
|
|
16
16
|
export * from './components/FormField';
|
|
17
17
|
export * from './components/ImageUpload';
|
|
18
|
+
export * from './components/OtpInput';
|
|
18
19
|
export * from './components/AlertDialog';
|
|
19
20
|
export * from './components/Dialog';
|
|
20
21
|
export * from './components/Drawer';
|
|
@@ -26,6 +27,7 @@ export * from './components/Tabs';
|
|
|
26
27
|
export * from './components/SideBarNavigation';
|
|
27
28
|
export * from './components/NavHeader';
|
|
28
29
|
export * from './components/NavFooter';
|
|
30
|
+
export * from './components/AuthModal';
|
|
29
31
|
export * from './components/Button';
|
|
30
32
|
export * from './components/LinkButton';
|
|
31
33
|
export * from './components/Accordion';
|
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;AAG/B,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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,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,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"}
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,14 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './
|
|
|
3
3
|
export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
|
|
4
4
|
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
|
|
5
5
|
export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
|
|
6
|
+
export { AuthModal } from './components/AuthModal/AuthModal.js';
|
|
7
|
+
export { AuthModalBanner } from './components/AuthModal/subcomponents/AuthModalBanner.js';
|
|
8
|
+
export { AuthModalIdentifierForm } from './components/AuthModal/subcomponents/AuthModalIdentifierForm.js';
|
|
9
|
+
export { AuthModalOAuth } from './components/AuthModal/subcomponents/AuthModalOAuth.js';
|
|
10
|
+
export { AuthModalOtpForm } from './components/AuthModal/subcomponents/AuthModalOtpForm.js';
|
|
11
|
+
export { AuthModalPasswordForm } from './components/AuthModal/subcomponents/AuthModalPasswordForm.js';
|
|
12
|
+
export { AuthModalSetPasswordForm } from './components/AuthModal/subcomponents/AuthModalSetPasswordForm.js';
|
|
13
|
+
export { AuthModalSuccess } from './components/AuthModal/subcomponents/AuthModalSuccess.js';
|
|
6
14
|
export { Avatar } from './components/Avatar/Avatar.js';
|
|
7
15
|
export { Badge } from './components/Badge/Badge.js';
|
|
8
16
|
export { Button } from './components/Button/Button.js';
|
|
@@ -12,6 +20,7 @@ export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
|
12
20
|
export { Chip } from './components/Chip/Chip.js';
|
|
13
21
|
export { Container } from './components/Container/Container.js';
|
|
14
22
|
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
|
+
export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labels.js';
|
|
15
24
|
export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
|
|
16
25
|
export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
|
|
17
26
|
export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
|
|
@@ -42,7 +51,9 @@ export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
|
|
|
42
51
|
export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
|
|
43
52
|
export { NavMegaMenu } from './components/NavHeader/subcomponents/NavMegaMenu.js';
|
|
44
53
|
export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
|
|
54
|
+
export { OAuthButton } from './components/AuthModal/subcomponents/OAuthButton.js';
|
|
45
55
|
export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
|
|
56
|
+
export { OtpInput } from './components/OtpInput/OtpInput.js';
|
|
46
57
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
|
|
47
58
|
export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
|
|
48
59
|
export { Progress } from './components/Progress/Progress.js';
|
|
@@ -75,6 +86,7 @@ export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider,
|
|
|
75
86
|
export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
|
|
76
87
|
export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
|
|
77
88
|
export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
|
|
89
|
+
export { authModalBannerVariants, authModalCardVariants, authModalContainerVariants, authModalHeadingVariants, authModalInputVariants, authModalLinkVariants, authModalSecondaryButtonVariants, authModalSubmitButtonVariants, authModalSubtitleVariants } from './components/AuthModal/AuthModal.styles.js';
|
|
78
90
|
export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
|
|
79
91
|
export { badgeVariants } from './components/Badge/Badge.styles.js';
|
|
80
92
|
export { buttonVariants } from './components/Button/Button.styles.js';
|
|
@@ -102,6 +114,7 @@ export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js
|
|
|
102
114
|
export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
|
|
103
115
|
export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
|
|
104
116
|
export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
|
|
117
|
+
export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
|
|
105
118
|
export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
|
|
106
119
|
export { popoverContentVariants } from './components/Popover/Popover.styles.js';
|
|
107
120
|
export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
|
|
@@ -109,7 +122,7 @@ export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Ra
|
|
|
109
122
|
export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
|
|
110
123
|
export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
|
|
111
124
|
export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
|
|
112
|
-
export { spinnerVariants } from './components/Spinner/Spinner.styles.js';
|
|
125
|
+
export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
|
|
113
126
|
export { stackVariants } from './components/Stack/Stack.styles.js';
|
|
114
127
|
export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
|
|
115
128
|
export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@timmbr/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -41,11 +41,12 @@
|
|
|
41
41
|
"@radix-ui/react-toast": "^1.2.23",
|
|
42
42
|
"@radix-ui/react-tooltip": "^1.2.16",
|
|
43
43
|
"class-variance-authority": "^0.7.1",
|
|
44
|
-
"
|
|
45
|
-
"@timmbr/icons": "1.
|
|
46
|
-
"@timmbr/
|
|
47
|
-
"@timmbr/
|
|
48
|
-
"@timmbr/motion": "1.2.
|
|
44
|
+
"input-otp": "^1.5.0",
|
|
45
|
+
"@timmbr/icons": "1.3.0",
|
|
46
|
+
"@timmbr/utils": "1.3.0",
|
|
47
|
+
"@timmbr/hooks": "1.0.0",
|
|
48
|
+
"@timmbr/motion": "1.2.1",
|
|
49
|
+
"@timmbr/theme": "1.3.0"
|
|
49
50
|
},
|
|
50
51
|
"peerDependencies": {
|
|
51
52
|
"next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { CrossZoneLinkProps } from './CrossZoneLink.types';
|
|
3
|
-
/**
|
|
4
|
-
* CrossZoneLink forces hard browser-level navigation across Next.js multi-zone / microfrontend boundaries.
|
|
5
|
-
*
|
|
6
|
-
* ARCHITECTURAL RULE:
|
|
7
|
-
* NEVER use `next/link` for navigation across zone boundaries. Always use `CrossZoneLink` from `@timmbr/ui`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const CrossZoneLink: React.ForwardRefExoticComponent<CrossZoneLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
-
//# sourceMappingURL=CrossZoneLink.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8FA4GzB,CAAC"}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
5
|
-
import { cn } from '@timmbr/utils';
|
|
6
|
-
import { crossZoneLinkVariants } from './CrossZoneLink.styles.js';
|
|
7
|
-
import { useTimmbrConfig, resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
|
|
8
|
-
|
|
9
|
-
const CrossZoneLink = React.forwardRef(
|
|
10
|
-
({
|
|
11
|
-
className,
|
|
12
|
-
style,
|
|
13
|
-
variant,
|
|
14
|
-
size,
|
|
15
|
-
asChild = false,
|
|
16
|
-
href,
|
|
17
|
-
zone,
|
|
18
|
-
disabled = false,
|
|
19
|
-
leftIcon,
|
|
20
|
-
rightIcon,
|
|
21
|
-
target,
|
|
22
|
-
rel,
|
|
23
|
-
onClick,
|
|
24
|
-
children,
|
|
25
|
-
...props
|
|
26
|
-
}, ref) => {
|
|
27
|
-
const config = useTimmbrConfig();
|
|
28
|
-
const resolvedHref = resolveZoneHref(href, zone, config.zones?.zones);
|
|
29
|
-
const isExternal = resolvedHref.startsWith("http://") || resolvedHref.startsWith("https://") || target === "_blank";
|
|
30
|
-
const resolvedRel = rel ?? (isExternal ? "noopener noreferrer" : void 0);
|
|
31
|
-
const handleClick = (e) => {
|
|
32
|
-
if (disabled) {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
e.stopPropagation();
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
onClick?.(e);
|
|
38
|
-
};
|
|
39
|
-
if (asChild) {
|
|
40
|
-
return /* @__PURE__ */ jsx(
|
|
41
|
-
Slot,
|
|
42
|
-
{
|
|
43
|
-
ref,
|
|
44
|
-
"data-slot": "cross-zone-link",
|
|
45
|
-
"data-cross-zone": "true",
|
|
46
|
-
"aria-disabled": disabled ? "true" : void 0,
|
|
47
|
-
tabIndex: disabled ? -1 : props.tabIndex,
|
|
48
|
-
className: cn(
|
|
49
|
-
crossZoneLinkVariants({
|
|
50
|
-
variant,
|
|
51
|
-
size,
|
|
52
|
-
disabled,
|
|
53
|
-
className
|
|
54
|
-
})
|
|
55
|
-
),
|
|
56
|
-
style,
|
|
57
|
-
onClick: handleClick,
|
|
58
|
-
...props,
|
|
59
|
-
children
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
return /* @__PURE__ */ jsxs(
|
|
64
|
-
"a",
|
|
65
|
-
{
|
|
66
|
-
ref,
|
|
67
|
-
href: disabled ? void 0 : resolvedHref,
|
|
68
|
-
target,
|
|
69
|
-
rel: resolvedRel,
|
|
70
|
-
"data-slot": "cross-zone-link",
|
|
71
|
-
"data-cross-zone": "true",
|
|
72
|
-
"data-testid": "timmbr-cross-zone-link",
|
|
73
|
-
"aria-disabled": disabled ? "true" : void 0,
|
|
74
|
-
tabIndex: disabled ? -1 : props.tabIndex,
|
|
75
|
-
style,
|
|
76
|
-
onClick: handleClick,
|
|
77
|
-
className: cn(
|
|
78
|
-
crossZoneLinkVariants({
|
|
79
|
-
variant,
|
|
80
|
-
size,
|
|
81
|
-
disabled,
|
|
82
|
-
className
|
|
83
|
-
})
|
|
84
|
-
),
|
|
85
|
-
...props,
|
|
86
|
-
children: [
|
|
87
|
-
leftIcon && /* @__PURE__ */ jsx(
|
|
88
|
-
"span",
|
|
89
|
-
{
|
|
90
|
-
className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
|
|
91
|
-
"data-slot": "cross-zone-link-left-icon",
|
|
92
|
-
children: leftIcon
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
children && /* @__PURE__ */ jsx("span", { children }),
|
|
96
|
-
rightIcon && /* @__PURE__ */ jsx(
|
|
97
|
-
"span",
|
|
98
|
-
{
|
|
99
|
-
className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
|
|
100
|
-
"data-slot": "cross-zone-link-right-icon",
|
|
101
|
-
children: rightIcon
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
CrossZoneLink.displayName = "CrossZoneLink";
|
|
110
|
-
|
|
111
|
-
export { CrossZoneLink };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
-
export declare const crossZoneLinkVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "inline" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
|
|
4
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
5
|
-
disabled?: boolean | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
-
export type CrossZoneLinkVariants = VariantProps<typeof crossZoneLinkVariants>;
|
|
8
|
-
//# sourceMappingURL=CrossZoneLink.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;;;8EA4BjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { cva } from 'class-variance-authority';
|
|
2
|
-
|
|
3
|
-
const crossZoneLinkVariants = cva(
|
|
4
|
-
"inline-flex items-center no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-[2px] transition-all duration-150 select-none",
|
|
5
|
-
{
|
|
6
|
-
variants: {
|
|
7
|
-
variant: {
|
|
8
|
-
default: "text-primary hover:underline underline-offset-4 font-medium",
|
|
9
|
-
primary: "text-primary font-semibold hover:brightness-110 active:brightness-95",
|
|
10
|
-
secondary: "text-secondary-foreground hover:text-foreground font-medium",
|
|
11
|
-
muted: "text-grey-600 dark:text-grey-400 hover:text-foreground font-normal",
|
|
12
|
-
subtle: "text-foreground/80 hover:text-foreground font-normal",
|
|
13
|
-
inline: "text-primary underline underline-offset-4 hover:opacity-80 inline font-medium"
|
|
14
|
-
},
|
|
15
|
-
size: {
|
|
16
|
-
sm: "text-xs gap-1",
|
|
17
|
-
default: "text-sm gap-1.5",
|
|
18
|
-
lg: "text-base gap-2"
|
|
19
|
-
},
|
|
20
|
-
disabled: {
|
|
21
|
-
true: "pointer-events-none opacity-50 cursor-not-allowed",
|
|
22
|
-
false: "cursor-pointer"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
variant: "default",
|
|
27
|
-
size: "default",
|
|
28
|
-
disabled: false
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
export { crossZoneLinkVariants };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type * as React from 'react';
|
|
2
|
-
import type { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import type { crossZoneLinkVariants } from './CrossZoneLink.styles';
|
|
4
|
-
export interface CrossZoneLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof crossZoneLinkVariants> {
|
|
5
|
-
/**
|
|
6
|
-
* The destination URL or relative path.
|
|
7
|
-
*/
|
|
8
|
-
href: string;
|
|
9
|
-
/**
|
|
10
|
-
* Optional zone key corresponding to configured zones in TimmbrConfigProvider.
|
|
11
|
-
* If provided and configured, resolves against the zone's base URL.
|
|
12
|
-
*/
|
|
13
|
-
zone?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Merges props onto an immediate child element using Radix UI Slot.
|
|
16
|
-
*/
|
|
17
|
-
asChild?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Leading icon element rendered before link text.
|
|
20
|
-
*/
|
|
21
|
-
leftIcon?: React.ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Trailing icon element rendered after link text.
|
|
24
|
-
*/
|
|
25
|
-
rightIcon?: React.ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Disables user interaction and navigation.
|
|
28
|
-
*/
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=CrossZoneLink.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
|