@aivenio/aquarium 4.1.2 → 4.3.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/atoms.cjs +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/src/atoms/DateField/DateField.d.ts +13 -0
- package/dist/src/atoms/DateField/DateField.js +43 -0
- package/dist/src/{molecules → atoms}/DatePicker/Calendar.js +4 -4
- package/dist/src/atoms/DatePicker/DatePicker.d.ts +106 -0
- package/dist/src/atoms/DatePicker/DatePicker.js +80 -0
- package/dist/src/atoms/DatePicker/DatePickerButton.d.ts +7 -0
- package/dist/src/atoms/DatePicker/DatePickerButton.js +39 -0
- package/dist/src/{molecules → atoms}/DatePicker/RangeCalendar.js +2 -2
- package/dist/src/atoms/Field/Field.js +7 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +2 -2
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/DateField/DateField.d.ts +3 -6
- package/dist/src/molecules/DateField/DateField.js +3 -8
- package/dist/src/molecules/DatePicker/DatePicker.d.ts +65 -4
- package/dist/src/molecules/DatePicker/DatePicker.js +73 -48
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +69 -4
- package/dist/src/molecules/DatePicker/DateRangePicker.js +77 -49
- package/dist/src/molecules/DropdownMenu/SearchField.js +2 -2
- package/dist/src/molecules/Filter/Filter.d.ts +2 -0
- package/dist/src/molecules/Filter/Filter.js +3 -0
- package/dist/src/molecules/Link/Link.js +3 -3
- package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/src/molecules/TimeField/TimeField.d.ts +5 -8
- package/dist/src/molecules/TimeField/TimeField.js +3 -8
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/styles.css +6 -0
- package/dist/system.cjs +622 -419
- package/dist/system.mjs +634 -425
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
- package/dist/src/molecules/DateField/DateInput.d.ts +0 -3
- package/dist/src/molecules/DateField/DateInput.js +0 -22
- package/dist/src/molecules/DatePicker/Button.d.ts +0 -5
- package/dist/src/molecules/DatePicker/Button.js +0 -35
- package/dist/src/molecules/DatePicker/Dialog.d.ts +0 -3
- package/dist/src/molecules/DatePicker/Dialog.js +0 -7
- package/dist/src/molecules/DatePicker/Popover.d.ts +0 -7
- package/dist/src/molecules/DatePicker/Popover.js +0 -27
- package/dist/src/molecules/Field/Field.js +0 -7
- /package/dist/src/{molecules → atoms}/DatePicker/Calendar.d.ts +0 -0
- /package/dist/src/{molecules → atoms}/DatePicker/RangeCalendar.d.ts +0 -0
- /package/dist/src/{molecules → atoms}/Field/Field.d.ts +0 -0
@@ -1 +1 @@
|
|
1
|
-
export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DataList" | "Aquarium-DataTable" | "Aquarium-Dialog" | "Aquarium-Drawer" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-InputChip" | "Aquarium-ItemList" | "Aquarium-Label\.Tooltip" | "Aquarium-Modal" | "Aquarium-Navigation" | "Aquarium-Popover" | "Aquarium-Select\.Item" | "Aquarium-StatusChip" | "Aquarium-Stepper-Indicator" | "Aquarium-Switch" | "Aquarium-Table" | "Aquarium-Tabs" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\:\:-webkit-search-cancel-button\]\:hidden" | "\[\&\:not\(\:first-child\)\]\:before\:bg-default" | "\[\&\:not\(\:first-child\)\]\:before\:block" | "\[\&\:not\(\:first-child\)\]\:before\:content-\[\"\"\]" | "\[\&\:not\(\:first-child\)\]\:before\:h-\[1px\]" | "\[\&\:not\(\:first-child\)\]\:before\:m-3" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:text-primary-active" | "active\:text-white" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:absolute" | "before\:border" | "before\:border-primary-default" | "before\:content-\[\'_\'\]" | "before\:disabled\:border-primary-muted" | "before\:inset-0" | "before\:rounded-sm" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "cursor-wait" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "disabled\:text-white" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-auto" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-offset-2" | "focus-visible\:ring-primary-default" | "focus-visible\:text-primary-active" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-empty\:invisible" | "group-focus-within\:opacity-100" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "line-through" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[233px\]" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-0" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-3" | "pl-4" | "pl-7" | "pl-\[56px\]" | "pl-\[6px\]" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-6" | "pr-7" | "pr-\[64px\]" | "pr-\[6px\]" | "pressed\:bg-intense" | "pressed\:border-info-default" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-1" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-r-full" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-inactive" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "truncate" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
|
1
|
+
export type ClassNames = "-left-1\/2" | "-m-2" | "-mt-4" | "-mx-4" | "-translate-x-1\/2" | "-translate-y-1\/2" | "-z-10" | "Aquarium-Alert\.Banner" | "Aquarium-Banner" | "Aquarium-Button\.Primary" | "Aquarium-Button\.Secondary" | "Aquarium-Card" | "Aquarium-Checkbox" | "Aquarium-Collapsible-Section" | "Aquarium-DataList" | "Aquarium-DataTable" | "Aquarium-Dialog" | "Aquarium-Drawer" | "Aquarium-DropdownMenu\.Item" | "Aquarium-Dropdown\.Item" | "Aquarium-InputChip" | "Aquarium-ItemList" | "Aquarium-Label\.Tooltip" | "Aquarium-Modal" | "Aquarium-Navigation" | "Aquarium-Popover" | "Aquarium-Select\.Item" | "Aquarium-StatusChip" | "Aquarium-Stepper-Indicator" | "Aquarium-Switch" | "Aquarium-Table" | "Aquarium-Tabs" | "Aquarium-Toast" | "Aquarium-Tooltip" | "\!container" | "\!hidden" | "\!inline" | "\!table" | "\[\&\:\:-webkit-search-cancel-button\]\:appearance-none" | "\[\&\:\:-webkit-search-cancel-button\]\:hidden" | "\[\&\:not\(\:first-child\)\]\:before\:bg-default" | "\[\&\:not\(\:first-child\)\]\:before\:block" | "\[\&\:not\(\:first-child\)\]\:before\:content-\[\"\"\]" | "\[\&\:not\(\:first-child\)\]\:before\:h-\[1px\]" | "\[\&\:not\(\:first-child\)\]\:before\:m-3" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>\*\]\:bg-primary-active" | "\[\&\>\*\]\:border-b-transparent" | "\[\&\>\*\]\:hover\:bg-muted" | "\[\&\>button\]\:p-0" | "\[\&\>button\]\:text-danger-muted" | "\[\&\>button\]\:text-muted" | "\[\&\>div\:first-child\]\:px-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-\[3px\]" | "\[\&\>path\]\:stroke-transparent" | "\[\&_td\]\:px-0" | "\[\[data-placement\]\>\&\]\:px-5" | "\[\[data-placement\]\>\&\]\:py-6" | "absolute" | "active\:bg-body" | "active\:bg-primary-active" | "active\:text-primary-active" | "active\:text-white" | "align-middle" | "animate-draw" | "animate-pulse" | "appearance-none" | "aquarium-theme-dark" | "aspect-square" | "auto-cols-fr" | "before\:absolute" | "before\:border" | "before\:border-primary-default" | "before\:content-\[\'_\'\]" | "before\:disabled\:border-primary-muted" | "before\:inset-0" | "before\:rounded-sm" | "bg-black" | "bg-body" | "bg-body-intense" | "bg-cover" | "bg-current" | "bg-danger-default" | "bg-danger-intense" | "bg-danger-muted" | "bg-default" | "bg-error-0" | "bg-error-10" | "bg-error-100" | "bg-error-20" | "bg-error-30" | "bg-error-40" | "bg-error-5" | "bg-error-50" | "bg-error-60" | "bg-error-70" | "bg-error-80" | "bg-error-90" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-100" | "bg-grey-20" | "bg-grey-30" | "bg-grey-40" | "bg-grey-5" | "bg-grey-50" | "bg-grey-60" | "bg-grey-70" | "bg-grey-80" | "bg-grey-90" | "bg-icon-button-hover" | "bg-info-0" | "bg-info-10" | "bg-info-100" | "bg-info-20" | "bg-info-30" | "bg-info-40" | "bg-info-5" | "bg-info-50" | "bg-info-60" | "bg-info-70" | "bg-info-80" | "bg-info-90" | "bg-info-default" | "bg-info-intense" | "bg-info-muted" | "bg-intense" | "bg-muted" | "bg-popover-content" | "bg-primary-0" | "bg-primary-10" | "bg-primary-100" | "bg-primary-20" | "bg-primary-30" | "bg-primary-40" | "bg-primary-5" | "bg-primary-50" | "bg-primary-60" | "bg-primary-70" | "bg-primary-80" | "bg-primary-90" | "bg-primary-active" | "bg-primary-default" | "bg-primary-hover" | "bg-primary-intense" | "bg-primary-muted" | "bg-secondary-0" | "bg-secondary-10" | "bg-secondary-100" | "bg-secondary-20" | "bg-secondary-30" | "bg-secondary-40" | "bg-secondary-5" | "bg-secondary-50" | "bg-secondary-60" | "bg-secondary-70" | "bg-secondary-80" | "bg-secondary-90" | "bg-status-announcement" | "bg-status-danger" | "bg-status-info" | "bg-status-success" | "bg-status-warning" | "bg-success-0" | "bg-success-10" | "bg-success-100" | "bg-success-20" | "bg-success-30" | "bg-success-40" | "bg-success-5" | "bg-success-50" | "bg-success-60" | "bg-success-70" | "bg-success-80" | "bg-success-90" | "bg-success-default" | "bg-success-intense" | "bg-success-muted" | "bg-transparent" | "bg-warning-0" | "bg-warning-10" | "bg-warning-100" | "bg-warning-20" | "bg-warning-30" | "bg-warning-40" | "bg-warning-5" | "bg-warning-50" | "bg-warning-60" | "bg-warning-70" | "bg-warning-80" | "bg-warning-90" | "bg-warning-default" | "bg-warning-intense" | "bg-warning-muted" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-2" | "border-\[2px\]" | "border-b" | "border-b-1" | "border-b-2" | "border-b-transparent" | "border-black" | "border-current" | "border-danger-default" | "border-danger-intense" | "border-danger-muted" | "border-dashed" | "border-default" | "border-error-0" | "border-error-10" | "border-error-100" | "border-error-20" | "border-error-30" | "border-error-40" | "border-error-5" | "border-error-50" | "border-error-60" | "border-error-70" | "border-error-80" | "border-error-90" | "border-grey-0" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-30" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-grey-60" | "border-grey-70" | "border-grey-80" | "border-grey-90" | "border-info-0" | "border-info-10" | "border-info-100" | "border-info-20" | "border-info-30" | "border-info-40" | "border-info-5" | "border-info-50" | "border-info-60" | "border-info-70" | "border-info-80" | "border-info-90" | "border-info-default" | "border-info-intense" | "border-info-muted" | "border-intense" | "border-l" | "border-muted" | "border-none" | "border-primary-0" | "border-primary-10" | "border-primary-100" | "border-primary-20" | "border-primary-30" | "border-primary-40" | "border-primary-5" | "border-primary-50" | "border-primary-60" | "border-primary-70" | "border-primary-80" | "border-primary-90" | "border-primary-default" | "border-primary-intense" | "border-primary-muted" | "border-r-1" | "border-secondary-0" | "border-secondary-10" | "border-secondary-100" | "border-secondary-20" | "border-secondary-30" | "border-secondary-40" | "border-secondary-5" | "border-secondary-50" | "border-secondary-60" | "border-secondary-70" | "border-secondary-80" | "border-secondary-90" | "border-separate" | "border-solid" | "border-spacing-0" | "border-success-0" | "border-success-10" | "border-success-100" | "border-success-20" | "border-success-30" | "border-success-40" | "border-success-5" | "border-success-50" | "border-success-60" | "border-success-70" | "border-success-80" | "border-success-90" | "border-success-default" | "border-success-intense" | "border-success-muted" | "border-t" | "border-t-2" | "border-transparent" | "border-warning-0" | "border-warning-10" | "border-warning-100" | "border-warning-20" | "border-warning-30" | "border-warning-40" | "border-warning-5" | "border-warning-50" | "border-warning-60" | "border-warning-70" | "border-warning-80" | "border-warning-90" | "border-warning-default" | "border-warning-intense" | "border-warning-muted" | "border-white" | "bottom-0" | "break-all" | "break-words" | "capitalize" | "caret-transparent" | "checked\:bg-primary-default" | "checked\:bg-primary-muted" | "checked\:border-primary-default" | "checked\:border-transparent" | "checked\:opacity-50" | "checked\:shadow-bodyInset" | "children\:border-default" | "children\:inline-block" | "children\:last\:border-b-0" | "children\:opacity-70" | "col-span-full" | "col-start-1" | "col-start-2" | "col-start-3" | "collapse" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "cursor-wait" | "delay-150" | "delay-300" | "disabled\:bg-body" | "disabled\:bg-default" | "disabled\:bg-muted" | "disabled\:bg-primary-muted" | "disabled\:border-default" | "disabled\:cursor-not-allowed" | "disabled\:text-inactive" | "disabled\:text-primary-inactive" | "disabled\:text-white" | "divide-grey-20" | "divide-x" | "duration-200" | "duration-300" | "ease-in-out" | "file\:bg-transparent" | "file\:border-0" | "file\:mr-4" | "file\:p-0" | "file\:text-primary-intense" | "file\:typography-small-strong" | "fill-error-10" | "fill-primary-10" | "fill-success-10" | "fill-warning-20" | "fill-white" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-1" | "flex-auto" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-row-reverse" | "flex-wrap" | "focus-visible\:border-info-default" | "focus-visible\:outline-0" | "focus-visible\:outline-none" | "focus-visible\:relative" | "focus-visible\:ring-1" | "focus-visible\:ring-2" | "focus-visible\:ring-info-default" | "focus-visible\:ring-offset-0" | "focus-visible\:ring-offset-2" | "focus-visible\:ring-primary-default" | "focus-visible\:text-primary-active" | "focus-visible\:z-50" | "focus\:bg-danger-default" | "focus\:bg-default" | "focus\:bg-intense" | "focus\:border-info-default" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:text-primary-intense" | "focusable" | "font-normal" | "font-semibold" | "from-white" | "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-x-5" | "gap-x-6" | "gap-y-2" | "grayscale" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[16px_1fr\]" | "grid-cols-\[1fr_auto\]" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "grid-flow-col" | "group" | "group-empty\:invisible" | "group-focus-within\:opacity-100" | "group-hover\:bg-default" | "group-hover\:bg-muted" | "group-hover\:bg-primary-default" | "group-hover\:opacity-100" | "group-hover\:visible" | "group-invalid\:bg-danger-default" | "group-invalid\:group-hover\:bg-danger-default" | "group-invalid\:group-pressed\:bg-danger-intense" | "group-placement-bottom\:rotate-180" | "group-placement-left\:-rotate-90" | "group-placement-right\:rotate-90" | "group-pressed\:bg-intense" | "group-pressed\:bg-primary-intense" | "grow" | "grow-0" | "h-1" | "h-1\/2" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-8" | "h-\[120px\]" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[2px\]" | "h-\[32px\]" | "h-\[3px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-\[6px\]" | "h-\[72px\]" | "h-\[8px\]" | "h-\[9px\]" | "h-auto" | "h-dvh" | "h-full" | "hidden" | "hover\:bg-danger-muted" | "hover\:bg-default" | "hover\:bg-icon-button-hover" | "hover\:bg-intense" | "hover\:bg-muted" | "hover\:bg-primary-hover" | "hover\:bg-primary-intense" | "hover\:border-intense" | "hover\:checked\:bg-primary-intense" | "hover\:cursor-pointer" | "hover\:text-primary-active" | "hover\:text-primary-default" | "hover\:underline" | "icon-stroke-2" | "inactive" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invalid\:bg-danger-default" | "invalid\:selected\:bg-danger-default" | "invisible" | "items-center" | "items-stretch" | "justify-between" | "justify-center" | "justify-end" | "justify-self-center" | "justify-start" | "last\:border-r-0" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "leading-tight" | "left-0" | "left-1\/2" | "left-2" | "line-clamp-1" | "line-clamp-2" | "line-clamp-3" | "line-clamp-4" | "line-clamp-5" | "line-clamp-6" | "line-through" | "m-4" | "m-\[1px\]" | "max-h-\[inherit\]" | "max-h-full" | "max-w-\[233px\]" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "max-w-screen-lg" | "max-w-screen-md" | "max-w-screen-sm" | "max-w-screen-xl" | "max-w-screen-xs" | "mb-2" | "mb-3" | "mb-5" | "mb-6" | "mb-\[-20px\]" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-\[120px\]" | "min-h-\[50px\]" | "min-h-full" | "min-w-0" | "min-w-\[150px\]" | "min-w-\[200px\]" | "min-w-\[210px\]" | "min-w-\[280px\]" | "min-w-full" | "ml-2" | "ml-3" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mt-auto" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-4" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-100" | "opacity-40" | "opacity-50" | "opacity-70" | "origin-\[0\%_45\%\]" | "outline" | "outline-0" | "outline-2" | "outline-none" | "outline-offset-2" | "outline-primary-default" | "outside-month\:hidden" | "overflow-auto" | "overflow-hidden" | "overflow-x-auto" | "overflow-x-hidden" | "overflow-x-scroll" | "overflow-y-auto" | "p-0" | "p-1" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "p-\[2px\]" | "p-\[3px\]" | "p-\[56px\]" | "pb-3" | "pb-5" | "pb-6" | "peer" | "peer-checked\/switch\:left-1" | "peer-checked\/switch\:text-primary-muted" | "peer-checked\/switch\:translate-x-5" | "peer-checked\:\[\&\>path\]\:stroke-primary-70" | "peer-checked\:\[\&\>path\]\:stroke-white" | "peer-checked\:border-primary-default" | "peer-checked\:border-transparent" | "peer-checked\:peer-disabled\:bg-muted" | "peer-checked\:text-primary-default" | "peer-checked\:text-white" | "peer-focus\:border-info-default" | "peer-hover\:border-intense" | "peer\/switch" | "pl-3" | "pl-4" | "pl-7" | "pl-\[56px\]" | "pl-\[6px\]" | "placeholder\:text-inactive" | "pointer-events-none" | "pr-4" | "pr-6" | "pr-7" | "pr-\[64px\]" | "pr-\[6px\]" | "pressed\:bg-intense" | "pressed\:border-info-default" | "pt-3" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-6" | "px-7" | "px-\[14px\]" | "px-\[1px\]" | "px-\[20px\]" | "px-\[4px\]" | "px-\[60px\]" | "px-l2" | "py-0" | "py-1" | "py-2" | "py-3" | "py-4" | "py-5" | "py-6" | "py-7" | "py-\[10px\]" | "py-\[14px\]" | "py-\[6px\]" | "recharts-cartesian-axis-tick-value" | "recharts-label" | "recharts-legend-item" | "recharts-legend-item-text" | "recharts-rectangle" | "recharts-sector" | "recharts-tooltip-item" | "recharts-tooltip-item-name" | "recharts-tooltip-item-separator" | "recharts-tooltip-item-value" | "recharts-tooltip-label" | "recharts-tooltip-wrapper" | "recharts-yAxis" | "relative" | "resize" | "resize-none" | "right-0" | "right-4" | "right-\[28px\]" | "ring" | "ring-1" | "ring-offset-0" | "ring-primary-default" | "rotate-45" | "rounded" | "rounded-\[2px\]" | "rounded-full" | "rounded-md" | "rounded-none" | "rounded-r-full" | "rounded-sm" | "row-start-1" | "row-start-2" | "scale-\[0\.55\]" | "scroll-smooth" | "scrollbar-hide" | "selected\:bg-primary-default" | "selection-end\:rounded-e-md" | "selection-start\:rounded-s-md" | "self-center" | "self-start" | "self-stretch" | "shadow-16dp" | "shadow-4dp" | "shrink" | "snap-mandatory" | "snap-start" | "snap-x" | "static" | "sticky" | "stroke-1" | "stroke-black" | "stroke-error-100" | "stroke-primary-muted" | "stroke-success-default" | "stroke-warning-100" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-black" | "text-center" | "text-current" | "text-danger-default" | "text-danger-inactive" | "text-danger-intense" | "text-danger-muted" | "text-default" | "text-ellipsis" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-inactive" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-info-default" | "text-info-inactive" | "text-info-intense" | "text-info-muted" | "text-intense" | "text-left" | "text-muted" | "text-opposite-default" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-primary-active" | "text-primary-default" | "text-primary-inactive" | "text-primary-intense" | "text-primary-muted" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-success-default" | "text-success-inactive" | "text-success-intense" | "text-success-muted" | "text-transparent" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-warning-default" | "text-warning-inactive" | "text-warning-intense" | "text-warning-muted" | "text-white" | "text-xs" | "top-0" | "top-1\/2" | "top-\[14px\]" | "top-\[18px\]" | "top-\[24px\]" | "top-\[3px\]" | "top-\[47px\]" | "transform" | "transition" | "transition-all" | "transition-colors" | "transition-opacity" | "truncate" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption" | "typography-caption-default" | "typography-caption-small" | "typography-code" | "typography-code-small" | "typography-code-small-strong" | "typography-code-strong" | "typography-default" | "typography-default-strong" | "typography-heading" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-large" | "typography-large-heading" | "typography-large-strong" | "typography-overline-default" | "typography-overline-small" | "typography-small" | "typography-small-strong" | "typography-subheading" | "underline" | "uppercase" | "via-white" | "visible" | "visited\:text-primary-intense" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-8" | "w-\[1080px\]" | "w-\[18px\]" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[360px\]" | "w-\[560px\]" | "w-\[56px\]" | "w-\[6px\]" | "w-\[8px\]" | "w-\[9px\]" | "w-auto" | "w-dvw" | "w-full" | "whitespace-nowrap" | "whitespace-pre" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";
|
package/package.json
CHANGED
@@ -1,22 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { DateInput as AriaDateInput, DateSegment } from 'react-aria-components';
|
3
|
-
import { tv } from 'tailwind-variants';
|
4
|
-
import { fieldGroup } from '../../../src/atoms/utils';
|
5
|
-
const segmentStyles = tv({
|
6
|
-
base: 'inline p-0.5 rounded outline outline-0 caret-transparent text-default',
|
7
|
-
variants: {
|
8
|
-
isPlaceholder: {
|
9
|
-
true: 'text-inactive',
|
10
|
-
},
|
11
|
-
isDisabled: {
|
12
|
-
true: 'text-inactive',
|
13
|
-
},
|
14
|
-
isFocused: {
|
15
|
-
true: 'bg-info-muted',
|
16
|
-
},
|
17
|
-
},
|
18
|
-
});
|
19
|
-
export function DateInput(props) {
|
20
|
-
return (React.createElement(AriaDateInput, Object.assign({ className: (renderProps) => fieldGroup(Object.assign(Object.assign({}, renderProps), { class: 'block' })) }, props), (segment) => React.createElement(DateSegment, { segment: segment, className: segmentStyles })));
|
21
|
-
}
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsSUFBSSxhQUFhLEVBQXVCLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRSx1RUFBdUU7SUFDN0UsUUFBUSxFQUFFO1FBQ1IsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQXVDO0lBQy9ELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLGtCQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsVUFBVSxpQ0FBTSxXQUFXLEtBQUUsS0FBSyxFQUFFLE9BQU8sSUFBRyxJQUFNLEtBQUssR0FDakcsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFdBQVcsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEdBQUksQ0FDM0QsQ0FDakIsQ0FBQztBQUNKLENBQUMifQ==
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { type ButtonProps as AriaButtonProps } from 'react-aria-components';
|
3
|
-
export declare function Button(props: AriaButtonProps): React.JSX.Element;
|
4
|
-
export declare function ClearInputButton(props: AriaButtonProps): React.JSX.Element;
|
5
|
-
export declare function CalendarButton(props: AriaButtonProps): React.JSX.Element;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
|
-
import React from 'react';
|
13
|
-
import { Button as AriaButton, composeRenderProps } from 'react-aria-components';
|
14
|
-
import { buttonClasses as buttonStyle, Icon } from '../../../src/atoms/Button/Button';
|
15
|
-
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
-
import calendarIcon from '../../../src/icons/calendar';
|
17
|
-
import smallCrossIcon from '../../../src/icons/smallCross';
|
18
|
-
export function Button(props) {
|
19
|
-
return (React.createElement(AriaButton, Object.assign({}, props, { className: composeRenderProps(props.className, (className, renderProps) => buttonStyle(Object.assign(Object.assign({}, renderProps), { className, dense: true, kind: 'icon' }))) })));
|
20
|
-
}
|
21
|
-
const ButtonBase = (_a) => {
|
22
|
-
var { className, hideWhenParentIsNotHoveredOrFocused = true } = _a, props = __rest(_a, ["className", "hideWhenParentIsNotHoveredOrFocused"]);
|
23
|
-
return (React.createElement(Button, Object.assign({}, props, { className: classNames(className, tw('group-hover:opacity-100 p-0', {
|
24
|
-
'opacity-0 group-focus-within:opacity-100': !hideWhenParentIsNotHoveredOrFocused,
|
25
|
-
})) })));
|
26
|
-
};
|
27
|
-
export function ClearInputButton(props) {
|
28
|
-
return (React.createElement(ButtonBase, Object.assign({}, props, { "aria-label": "Clear", slot: null, hideWhenParentIsNotHoveredOrFocused: false }),
|
29
|
-
React.createElement(Icon, { icon: smallCrossIcon, dense: true })));
|
30
|
-
}
|
31
|
-
export function CalendarButton(props) {
|
32
|
-
return (React.createElement(ButtonBase, Object.assign({}, props, { "aria-label": "Calendar" }),
|
33
|
-
React.createElement(Icon, { icon: calendarIcon, dense: true })));
|
34
|
-
}
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQXVDLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFdEgsT0FBTyxFQUFFLGFBQWEsSUFBSSxXQUFXLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLGNBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUVsRCxNQUFNLFVBQVUsTUFBTSxDQUFDLEtBQXNCO0lBQzNDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLG9CQUNMLEtBQUssSUFDVCxTQUFTLEVBQUUsa0JBQWtCLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUN4RSxXQUFXLGlDQUFNLFdBQVcsS0FBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxJQUFHLENBQ3RFLElBQ0QsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sVUFBVSxHQUFHLENBQUMsRUFJa0QsRUFBRSxFQUFFO1FBSnRELEVBQ2xCLFNBQVMsRUFDVCxtQ0FBbUMsR0FBRyxJQUFJLE9BRTBCLEVBRGpFLEtBQUssY0FIVSxvREFJbkIsQ0FEUztJQUVSLE9BQU8sQ0FDTCxvQkFBQyxNQUFNLG9CQUNELEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLDZCQUE2QixFQUFFO1lBQ2hDLDBDQUEwQyxFQUFFLENBQUMsbUNBQW1DO1NBQ2pGLENBQUMsQ0FDSCxJQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sVUFBVSxnQkFBZ0IsQ0FBQyxLQUFzQjtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxvQkFBSyxLQUFLLGtCQUFhLE9BQU8sRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLG1DQUFtQyxFQUFFLEtBQUs7UUFDOUYsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxTQUFHLENBQ3pCLENBQ2QsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsY0FBYyxDQUFDLEtBQXNCO0lBQ25ELE9BQU8sQ0FDTCxvQkFBQyxVQUFVLG9CQUFLLEtBQUssa0JBQWEsVUFBVTtRQUMxQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxLQUFLLFNBQUcsQ0FDdkIsQ0FDZCxDQUFDO0FBQ0osQ0FBQyJ9
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Dialog as AriaDialog } from 'react-aria-components';
|
3
|
-
import { classNames, tw } from '../../../src/utils/tailwind';
|
4
|
-
export function Dialog(props) {
|
5
|
-
return (React.createElement(AriaDialog, Object.assign({}, props, { className: classNames(props.className, tw('outline outline-0 p-5 [[data-placement]>&]:px-5 [[data-placement]>&]:py-6 max-h-[inherit] overflow-auto relative')) })));
|
6
|
-
}
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUFvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsTUFBTSxVQUFVLE1BQU0sQ0FBQyxLQUFrQjtJQUN2QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxvQkFDTCxLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsS0FBSyxDQUFDLFNBQVMsRUFDZixFQUFFLENBQ0Esa0hBQWtILENBQ25ILENBQ0YsSUFDRCxDQUNILENBQUM7QUFDSixDQUFDIn0=
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { type PopoverProps as AriaPopoverProps } from 'react-aria-components';
|
3
|
-
export type PopoverProps = Omit<AriaPopoverProps, 'children'> & {
|
4
|
-
showArrow?: boolean;
|
5
|
-
children: React.ReactNode;
|
6
|
-
};
|
7
|
-
export declare const Popover: React.FC<PopoverProps>;
|
@@ -1,27 +0,0 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
|
-
import React from 'react';
|
13
|
-
import { OverlayArrow, Popover as AriaPopover, PopoverContext, useSlottedContext, } from 'react-aria-components';
|
14
|
-
import { tw } from '../../../src/utils/tailwind';
|
15
|
-
export const Popover = (_a) => {
|
16
|
-
var { children, showArrow, className } = _a, props = __rest(_a, ["children", "showArrow", "className"]);
|
17
|
-
const popoverContext = useSlottedContext(PopoverContext);
|
18
|
-
const isSubmenu = (popoverContext === null || popoverContext === void 0 ? void 0 : popoverContext.trigger) === 'SubmenuTrigger';
|
19
|
-
let offset = showArrow ? 12 : 8;
|
20
|
-
offset = isSubmenu ? offset - 6 : offset;
|
21
|
-
return (React.createElement(AriaPopover, Object.assign({ offset: offset }, props, { className: tw('rounded-sm shadow-16dp bg-popover-content mt-1 overflow-y-auto flex flex-col border border-default outline-none') }),
|
22
|
-
showArrow && (React.createElement(OverlayArrow, { className: "group" },
|
23
|
-
React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", className: "block fill-white stroke-1 stroke-black group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90" },
|
24
|
-
React.createElement("path", { d: "M0 0 L6 6 L12 0" })))),
|
25
|
-
children));
|
26
|
-
};
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsWUFBWSxFQUNaLE9BQU8sSUFBSSxXQUFXLEVBQ3RCLGNBQWMsRUFFZCxpQkFBaUIsR0FDbEIsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQTRDLEVBQUUsRUFBRTtRQUFoRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUExQyxzQ0FBNEMsQ0FBRjtJQUN4RixNQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN6RCxNQUFNLFNBQVMsR0FBRyxDQUFBLGNBQWMsYUFBZCxjQUFjLHVCQUFkLGNBQWMsQ0FBRSxPQUFPLE1BQUssZ0JBQWdCLENBQUM7SUFDL0QsSUFBSSxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFFekMsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQ1YsTUFBTSxFQUFFLE1BQU0sSUFDVixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FDWCxpSEFBaUgsQ0FDbEg7UUFFQSxTQUFTLElBQUksQ0FDWixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLE9BQU87WUFDN0IsNkJBQ0UsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFNBQVMsRUFBQywwSUFBMEk7Z0JBRXBKLDhCQUFNLENBQUMsRUFBQyxpQkFBaUIsR0FBRyxDQUN4QixDQUNPLENBQ2hCO1FBQ0EsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { Group } from 'react-aria-components';
|
3
|
-
import { fieldGroup } from '../../../src/atoms/utils';
|
4
|
-
export const FieldGroup = (props) => {
|
5
|
-
return React.createElement(Group, Object.assign({}, props, { className: (renderProps) => fieldGroup(renderProps) }));
|
6
|
-
};
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0ZpZWxkL0ZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBcUMsTUFBTSx1QkFBdUIsQ0FBQztBQUVqRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sb0JBQUMsS0FBSyxvQkFBSyxLQUFLLElBQUUsU0FBUyxFQUFFLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztBQUNuRixDQUFDLENBQUMifQ==
|
File without changes
|
File without changes
|
File without changes
|