@atom-learning/components 6.0.0-beta.32 → 6.0.0-beta.34
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/banner/Banner.d.ts +2 -2
- package/dist/components/banner/banner-regular/BannerRegular.d.ts +95 -91
- package/dist/components/banner/banner-slim/BannerSlim.d.ts +95 -91
- package/dist/components/button/Button.js +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/calendar/Calendar.js +1 -1
- package/dist/components/carousel/Carousel.d.ts +1 -1
- package/dist/components/carousel/CarouselSlider.d.ts +2 -1
- package/dist/components/carousel/CarouselSlider.js.map +1 -1
- package/dist/components/checkbox-group/CheckboxGroup.d.ts +90 -90
- package/dist/components/checkbox-tree/CheckboxTree.d.ts +344 -344
- package/dist/components/data-table/DataTable.d.ts +21 -21
- package/dist/components/data-table/DataTable.types.d.ts +1 -0
- package/dist/components/data-table/DataTable.types.js.map +1 -1
- package/dist/components/data-table/DataTableContext.js +1 -1
- package/dist/components/data-table/DataTableContext.js.map +1 -1
- package/dist/components/data-table/DataTableHead.js +1 -1
- package/dist/components/data-table/DataTableHeaderCell.js +1 -1
- package/dist/components/data-table/drag-and-drop/DragAndDropTable.js +1 -1
- package/dist/components/data-table/pagination/Pagination.js +1 -1
- package/dist/components/data-table/pagination/Pagination.js.map +1 -1
- package/dist/components/dialog/Dialog.d.ts +2 -2
- package/dist/components/dialog/DialogFooter.js +1 -1
- package/dist/components/dismissible/index.d.ts +2 -2
- package/dist/components/dismissible-group/index.d.ts +3 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/components/keyboard-shortcut/index.d.ts +2 -2
- package/dist/components/loader/Loader.js +1 -1
- package/dist/components/markdown-content/components/MarkdownThematicBreak.js +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +162 -162
- package/dist/components/number-input/NumberInput.d.ts +1 -0
- package/dist/components/number-input/NumberInput.js +1 -1
- package/dist/components/number-input/NumberInput.js.map +1 -1
- package/dist/components/number-input/NumberInputStepper.d.ts +2 -1
- package/dist/components/number-input/NumberInputStepper.js +1 -1
- package/dist/components/number-input/NumberInputStepper.js.map +1 -1
- package/dist/components/pagination/PaginationPopover.js +1 -1
- package/dist/components/pagination/PaginationPopover.js.map +1 -1
- package/dist/components/password-field/PasswordField.js +1 -1
- package/dist/components/popover/Popover.d.ts +1 -0
- package/dist/components/popover/Popover.js +1 -1
- package/dist/components/popover/Popover.js.map +1 -1
- package/dist/components/search-input/SearchInput.js +1 -1
- package/dist/components/section-message/SectionMessage.js +1 -1
- package/dist/components/section-message/SectionMessage.js.map +1 -1
- package/dist/components/section-message/SectionMessageDescription.js +1 -1
- package/dist/components/section-message/SectionMessageDismiss.js +1 -1
- package/dist/components/section-message/SectionMessageIcon.js +1 -1
- package/dist/components/section-message/SectionMessageLayout.js +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts +9 -9
- package/dist/components/side-bar/SideBarComponents.d.ts +1 -1
- package/dist/components/skeleton-loader/Skeleton.d.ts +5 -0
- package/dist/components/skeleton-loader/Skeleton.js +2 -0
- package/dist/components/skeleton-loader/Skeleton.js.map +1 -0
- package/dist/components/skeleton-loader/SkeletonButton.d.ts +5 -0
- package/dist/components/skeleton-loader/SkeletonButton.js +2 -0
- package/dist/components/skeleton-loader/SkeletonButton.js.map +1 -0
- package/dist/components/skeleton-loader/SkeletonHeading.d.ts +5 -0
- package/dist/components/skeleton-loader/SkeletonHeading.js +2 -0
- package/dist/components/skeleton-loader/SkeletonHeading.js.map +1 -0
- package/dist/components/skeleton-loader/SkeletonTabs.d.ts +6 -0
- package/dist/components/skeleton-loader/SkeletonTabs.js +2 -0
- package/dist/components/skeleton-loader/SkeletonTabs.js.map +1 -0
- package/dist/components/skeleton-loader/index.d.ts +4 -0
- package/dist/components/skeleton-loader/index.js +2 -0
- package/dist/components/skeleton-loader/index.js.map +1 -0
- package/dist/components/sortable/index.d.ts +3 -3
- package/dist/components/stepper/StepperStepLabel.d.ts +1 -1
- package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupItem.js +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupItem.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
- package/dist/components/tree/Tree.d.ts +243 -243
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/styled.js +1 -1
- package/package.json +1 -1
- package/src/index.css +14 -0
- package/src/responsive-variant-classes.css +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const Banner: {
|
|
2
|
-
({ emphasis, size, children }:
|
|
2
|
+
({ emphasis, size, children }: import("react").PropsWithChildren<import("./BannerContext").TBannerProviderProps>): import("react").JSX.Element;
|
|
3
3
|
displayName: string;
|
|
4
4
|
} & {
|
|
5
|
-
Dismiss: ({ asChild, ...rest }:
|
|
5
|
+
Dismiss: ({ asChild, ...rest }: import("react").PropsWithChildren<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
|
|
6
6
|
};
|
|
@@ -37,71 +37,71 @@ export declare const BannerRegular: {
|
|
|
37
37
|
Dismiss: {
|
|
38
38
|
({ label, ...rest }: {
|
|
39
39
|
theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
|
|
40
|
-
form?: string | undefined
|
|
40
|
+
form?: string | undefined;
|
|
41
41
|
label: string;
|
|
42
|
-
slot?: string | undefined
|
|
42
|
+
slot?: string | undefined;
|
|
43
43
|
style?: React.CSSProperties | undefined;
|
|
44
|
-
title?: string | undefined
|
|
44
|
+
title?: string | undefined;
|
|
45
45
|
ref?: React.Ref<HTMLButtonElement> | undefined;
|
|
46
|
-
className?: string | undefined
|
|
47
|
-
color?: string | undefined
|
|
48
|
-
id?: string | undefined
|
|
49
|
-
lang?: string | undefined
|
|
50
|
-
name?: string | undefined
|
|
51
|
-
type?: "submit" | "reset" | "button" | undefined
|
|
46
|
+
className?: string | undefined;
|
|
47
|
+
color?: string | undefined;
|
|
48
|
+
id?: string | undefined;
|
|
49
|
+
lang?: string | undefined;
|
|
50
|
+
name?: string | undefined;
|
|
51
|
+
type?: "submit" | "reset" | "button" | undefined;
|
|
52
52
|
role?: React.AriaRole | undefined;
|
|
53
|
-
tabIndex?: number | undefined
|
|
54
|
-
"aria-activedescendant"?: string | undefined
|
|
53
|
+
tabIndex?: number | undefined;
|
|
54
|
+
"aria-activedescendant"?: string | undefined;
|
|
55
55
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
56
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined
|
|
56
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
57
57
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
58
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined
|
|
59
|
-
"aria-colcount"?: number | undefined
|
|
60
|
-
"aria-colindex"?: number | undefined
|
|
61
|
-
"aria-colspan"?: number | undefined
|
|
62
|
-
"aria-controls"?: string | undefined
|
|
63
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined
|
|
64
|
-
"aria-describedby"?: string | undefined
|
|
65
|
-
"aria-details"?: string | undefined
|
|
58
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
59
|
+
"aria-colcount"?: number | undefined;
|
|
60
|
+
"aria-colindex"?: number | undefined;
|
|
61
|
+
"aria-colspan"?: number | undefined;
|
|
62
|
+
"aria-controls"?: string | undefined;
|
|
63
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
64
|
+
"aria-describedby"?: string | undefined;
|
|
65
|
+
"aria-details"?: string | undefined;
|
|
66
66
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
67
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined
|
|
68
|
-
"aria-errormessage"?: string | undefined
|
|
67
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
68
|
+
"aria-errormessage"?: string | undefined;
|
|
69
69
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
70
|
-
"aria-flowto"?: string | undefined
|
|
70
|
+
"aria-flowto"?: string | undefined;
|
|
71
71
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
72
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined
|
|
72
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
73
73
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
74
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined
|
|
75
|
-
"aria-keyshortcuts"?: string | undefined
|
|
76
|
-
"aria-label"?: string | undefined
|
|
77
|
-
"aria-labelledby"?: string | undefined
|
|
78
|
-
"aria-level"?: number | undefined
|
|
79
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined
|
|
74
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
75
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
76
|
+
"aria-label"?: string | undefined;
|
|
77
|
+
"aria-labelledby"?: string | undefined;
|
|
78
|
+
"aria-level"?: number | undefined;
|
|
79
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
80
80
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
81
81
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
82
82
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
83
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined
|
|
84
|
-
"aria-owns"?: string | undefined
|
|
85
|
-
"aria-placeholder"?: string | undefined
|
|
86
|
-
"aria-posinset"?: number | undefined
|
|
87
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined
|
|
83
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
84
|
+
"aria-owns"?: string | undefined;
|
|
85
|
+
"aria-placeholder"?: string | undefined;
|
|
86
|
+
"aria-posinset"?: number | undefined;
|
|
87
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
88
88
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
89
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined
|
|
89
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
90
90
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
91
|
-
"aria-roledescription"?: string | undefined
|
|
92
|
-
"aria-rowcount"?: number | undefined
|
|
93
|
-
"aria-rowindex"?: number | undefined
|
|
94
|
-
"aria-rowspan"?: number | undefined
|
|
91
|
+
"aria-roledescription"?: string | undefined;
|
|
92
|
+
"aria-rowcount"?: number | undefined;
|
|
93
|
+
"aria-rowindex"?: number | undefined;
|
|
94
|
+
"aria-rowspan"?: number | undefined;
|
|
95
95
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
96
|
-
"aria-setsize"?: number | undefined
|
|
97
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined
|
|
98
|
-
"aria-valuemax"?: number | undefined
|
|
99
|
-
"aria-valuemin"?: number | undefined
|
|
100
|
-
"aria-valuenow"?: number | undefined
|
|
101
|
-
"aria-valuetext"?: string | undefined
|
|
96
|
+
"aria-setsize"?: number | undefined;
|
|
97
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
98
|
+
"aria-valuemax"?: number | undefined;
|
|
99
|
+
"aria-valuemin"?: number | undefined;
|
|
100
|
+
"aria-valuenow"?: number | undefined;
|
|
101
|
+
"aria-valuetext"?: string | undefined;
|
|
102
102
|
dangerouslySetInnerHTML?: {
|
|
103
103
|
__html: string | TrustedHTML;
|
|
104
|
-
} | undefined
|
|
104
|
+
} | undefined;
|
|
105
105
|
onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
106
106
|
onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
107
107
|
onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -262,58 +262,62 @@ export declare const BannerRegular: {
|
|
|
262
262
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
263
263
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
264
264
|
key?: React.Key | null | undefined;
|
|
265
|
-
defaultChecked?: boolean | undefined
|
|
265
|
+
defaultChecked?: boolean | undefined;
|
|
266
266
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
267
|
-
suppressContentEditableWarning?: boolean | undefined
|
|
268
|
-
suppressHydrationWarning?: boolean | undefined
|
|
269
|
-
accessKey?: string | undefined
|
|
270
|
-
autoFocus?: boolean | undefined
|
|
271
|
-
contentEditable?:
|
|
272
|
-
contextMenu?: string | undefined
|
|
273
|
-
dir?: string | undefined
|
|
267
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
268
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
269
|
+
accessKey?: string | undefined;
|
|
270
|
+
autoFocus?: boolean | undefined;
|
|
271
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
272
|
+
contextMenu?: string | undefined;
|
|
273
|
+
dir?: string | undefined;
|
|
274
274
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
275
|
-
hidden?: boolean | undefined
|
|
276
|
-
nonce?: string | undefined
|
|
277
|
-
placeholder?: string | undefined
|
|
275
|
+
hidden?: boolean | undefined;
|
|
276
|
+
nonce?: string | undefined;
|
|
277
|
+
placeholder?: string | undefined;
|
|
278
278
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
279
|
-
translate?: "yes" | "no" | undefined
|
|
280
|
-
radioGroup?: string | undefined
|
|
281
|
-
about?: string | undefined
|
|
282
|
-
content?: string | undefined
|
|
283
|
-
datatype?: string | undefined
|
|
279
|
+
translate?: "yes" | "no" | undefined;
|
|
280
|
+
radioGroup?: string | undefined;
|
|
281
|
+
about?: string | undefined;
|
|
282
|
+
content?: string | undefined;
|
|
283
|
+
datatype?: string | undefined;
|
|
284
284
|
inlist?: any;
|
|
285
|
-
prefix?: string | undefined
|
|
286
|
-
property?: string | undefined
|
|
287
|
-
rel?: string | undefined
|
|
288
|
-
resource?: string | undefined
|
|
289
|
-
rev?: string | undefined
|
|
290
|
-
typeof?: string | undefined
|
|
291
|
-
vocab?: string | undefined
|
|
292
|
-
autoCapitalize?: string | undefined
|
|
293
|
-
autoCorrect?: string | undefined
|
|
294
|
-
autoSave?: string | undefined
|
|
295
|
-
itemProp?: string | undefined
|
|
296
|
-
itemScope?: boolean | undefined
|
|
297
|
-
itemType?: string | undefined
|
|
298
|
-
itemID?: string | undefined
|
|
299
|
-
itemRef?: string | undefined
|
|
300
|
-
results?: number | undefined
|
|
301
|
-
security?: string | undefined
|
|
302
|
-
unselectable?: "on" | "off" | undefined
|
|
303
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined
|
|
304
|
-
is?: string | undefined
|
|
285
|
+
prefix?: string | undefined;
|
|
286
|
+
property?: string | undefined;
|
|
287
|
+
rel?: string | undefined;
|
|
288
|
+
resource?: string | undefined;
|
|
289
|
+
rev?: string | undefined;
|
|
290
|
+
typeof?: string | undefined;
|
|
291
|
+
vocab?: string | undefined;
|
|
292
|
+
autoCapitalize?: string | undefined;
|
|
293
|
+
autoCorrect?: string | undefined;
|
|
294
|
+
autoSave?: string | undefined;
|
|
295
|
+
itemProp?: string | undefined;
|
|
296
|
+
itemScope?: boolean | undefined;
|
|
297
|
+
itemType?: string | undefined;
|
|
298
|
+
itemID?: string | undefined;
|
|
299
|
+
itemRef?: string | undefined;
|
|
300
|
+
results?: number | undefined;
|
|
301
|
+
security?: string | undefined;
|
|
302
|
+
unselectable?: "on" | "off" | undefined;
|
|
303
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
304
|
+
is?: string | undefined;
|
|
305
305
|
as?: React.ElementType | undefined;
|
|
306
|
-
disabled?: boolean | undefined
|
|
307
|
-
formAction?: string | undefined
|
|
308
|
-
formEncType?: string | undefined
|
|
309
|
-
formMethod?: string | undefined
|
|
310
|
-
formNoValidate?: boolean | undefined
|
|
311
|
-
formTarget?: string | undefined
|
|
312
|
-
value?: string |
|
|
306
|
+
disabled?: boolean | undefined;
|
|
307
|
+
formAction?: string | undefined;
|
|
308
|
+
formEncType?: string | undefined;
|
|
309
|
+
formMethod?: string | undefined;
|
|
310
|
+
formNoValidate?: boolean | undefined;
|
|
311
|
+
formTarget?: string | undefined;
|
|
312
|
+
value?: string | readonly string[] | number | undefined;
|
|
313
313
|
size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
|
|
314
314
|
appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
|
|
315
315
|
hasTooltip?: boolean | undefined;
|
|
316
|
-
tooltipSide?:
|
|
316
|
+
tooltipSide?: React.ComponentProps<({ children, side, sideOffset, size, ...remainingProps }: Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "size"> & {
|
|
317
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
318
|
+
} & {
|
|
319
|
+
as?: React.ElementType;
|
|
320
|
+
} & import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element>["side"];
|
|
317
321
|
isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
318
322
|
}): React.JSX.Element;
|
|
319
323
|
displayName: string;
|
|
@@ -36,71 +36,71 @@ export declare const BannerSlim: {
|
|
|
36
36
|
Dismiss: {
|
|
37
37
|
({ label, ...rest }: {
|
|
38
38
|
theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
|
|
39
|
-
form?: string | undefined
|
|
39
|
+
form?: string | undefined;
|
|
40
40
|
label: string;
|
|
41
|
-
slot?: string | undefined
|
|
41
|
+
slot?: string | undefined;
|
|
42
42
|
style?: React.CSSProperties | undefined;
|
|
43
|
-
title?: string | undefined
|
|
43
|
+
title?: string | undefined;
|
|
44
44
|
ref?: React.Ref<HTMLButtonElement> | undefined;
|
|
45
|
-
className?: string | undefined
|
|
46
|
-
color?: string | undefined
|
|
47
|
-
id?: string | undefined
|
|
48
|
-
lang?: string | undefined
|
|
49
|
-
name?: string | undefined
|
|
50
|
-
type?: "submit" | "reset" | "button" | undefined
|
|
45
|
+
className?: string | undefined;
|
|
46
|
+
color?: string | undefined;
|
|
47
|
+
id?: string | undefined;
|
|
48
|
+
lang?: string | undefined;
|
|
49
|
+
name?: string | undefined;
|
|
50
|
+
type?: "submit" | "reset" | "button" | undefined;
|
|
51
51
|
role?: React.AriaRole | undefined;
|
|
52
|
-
tabIndex?: number | undefined
|
|
53
|
-
"aria-activedescendant"?: string | undefined
|
|
52
|
+
tabIndex?: number | undefined;
|
|
53
|
+
"aria-activedescendant"?: string | undefined;
|
|
54
54
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
55
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined
|
|
55
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
56
56
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
57
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined
|
|
58
|
-
"aria-colcount"?: number | undefined
|
|
59
|
-
"aria-colindex"?: number | undefined
|
|
60
|
-
"aria-colspan"?: number | undefined
|
|
61
|
-
"aria-controls"?: string | undefined
|
|
62
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined
|
|
63
|
-
"aria-describedby"?: string | undefined
|
|
64
|
-
"aria-details"?: string | undefined
|
|
57
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
58
|
+
"aria-colcount"?: number | undefined;
|
|
59
|
+
"aria-colindex"?: number | undefined;
|
|
60
|
+
"aria-colspan"?: number | undefined;
|
|
61
|
+
"aria-controls"?: string | undefined;
|
|
62
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
63
|
+
"aria-describedby"?: string | undefined;
|
|
64
|
+
"aria-details"?: string | undefined;
|
|
65
65
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
66
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined
|
|
67
|
-
"aria-errormessage"?: string | undefined
|
|
66
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
67
|
+
"aria-errormessage"?: string | undefined;
|
|
68
68
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
69
|
-
"aria-flowto"?: string | undefined
|
|
69
|
+
"aria-flowto"?: string | undefined;
|
|
70
70
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
71
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined
|
|
71
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
72
72
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
73
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined
|
|
74
|
-
"aria-keyshortcuts"?: string | undefined
|
|
75
|
-
"aria-label"?: string | undefined
|
|
76
|
-
"aria-labelledby"?: string | undefined
|
|
77
|
-
"aria-level"?: number | undefined
|
|
78
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined
|
|
73
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
74
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
75
|
+
"aria-label"?: string | undefined;
|
|
76
|
+
"aria-labelledby"?: string | undefined;
|
|
77
|
+
"aria-level"?: number | undefined;
|
|
78
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
79
79
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
80
80
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
81
81
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
82
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined
|
|
83
|
-
"aria-owns"?: string | undefined
|
|
84
|
-
"aria-placeholder"?: string | undefined
|
|
85
|
-
"aria-posinset"?: number | undefined
|
|
86
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined
|
|
82
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
83
|
+
"aria-owns"?: string | undefined;
|
|
84
|
+
"aria-placeholder"?: string | undefined;
|
|
85
|
+
"aria-posinset"?: number | undefined;
|
|
86
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
87
87
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
88
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined
|
|
88
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
89
89
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
90
|
-
"aria-roledescription"?: string | undefined
|
|
91
|
-
"aria-rowcount"?: number | undefined
|
|
92
|
-
"aria-rowindex"?: number | undefined
|
|
93
|
-
"aria-rowspan"?: number | undefined
|
|
90
|
+
"aria-roledescription"?: string | undefined;
|
|
91
|
+
"aria-rowcount"?: number | undefined;
|
|
92
|
+
"aria-rowindex"?: number | undefined;
|
|
93
|
+
"aria-rowspan"?: number | undefined;
|
|
94
94
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
95
|
-
"aria-setsize"?: number | undefined
|
|
96
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined
|
|
97
|
-
"aria-valuemax"?: number | undefined
|
|
98
|
-
"aria-valuemin"?: number | undefined
|
|
99
|
-
"aria-valuenow"?: number | undefined
|
|
100
|
-
"aria-valuetext"?: string | undefined
|
|
95
|
+
"aria-setsize"?: number | undefined;
|
|
96
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
97
|
+
"aria-valuemax"?: number | undefined;
|
|
98
|
+
"aria-valuemin"?: number | undefined;
|
|
99
|
+
"aria-valuenow"?: number | undefined;
|
|
100
|
+
"aria-valuetext"?: string | undefined;
|
|
101
101
|
dangerouslySetInnerHTML?: {
|
|
102
102
|
__html: string | TrustedHTML;
|
|
103
|
-
} | undefined
|
|
103
|
+
} | undefined;
|
|
104
104
|
onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
105
105
|
onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
106
106
|
onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -261,58 +261,62 @@ export declare const BannerSlim: {
|
|
|
261
261
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
262
262
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
263
263
|
key?: React.Key | null | undefined;
|
|
264
|
-
defaultChecked?: boolean | undefined
|
|
264
|
+
defaultChecked?: boolean | undefined;
|
|
265
265
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
266
|
-
suppressContentEditableWarning?: boolean | undefined
|
|
267
|
-
suppressHydrationWarning?: boolean | undefined
|
|
268
|
-
accessKey?: string | undefined
|
|
269
|
-
autoFocus?: boolean | undefined
|
|
270
|
-
contentEditable?:
|
|
271
|
-
contextMenu?: string | undefined
|
|
272
|
-
dir?: string | undefined
|
|
266
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
267
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
268
|
+
accessKey?: string | undefined;
|
|
269
|
+
autoFocus?: boolean | undefined;
|
|
270
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
271
|
+
contextMenu?: string | undefined;
|
|
272
|
+
dir?: string | undefined;
|
|
273
273
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
274
|
-
hidden?: boolean | undefined
|
|
275
|
-
nonce?: string | undefined
|
|
276
|
-
placeholder?: string | undefined
|
|
274
|
+
hidden?: boolean | undefined;
|
|
275
|
+
nonce?: string | undefined;
|
|
276
|
+
placeholder?: string | undefined;
|
|
277
277
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
278
|
-
translate?: "yes" | "no" | undefined
|
|
279
|
-
radioGroup?: string | undefined
|
|
280
|
-
about?: string | undefined
|
|
281
|
-
content?: string | undefined
|
|
282
|
-
datatype?: string | undefined
|
|
278
|
+
translate?: "yes" | "no" | undefined;
|
|
279
|
+
radioGroup?: string | undefined;
|
|
280
|
+
about?: string | undefined;
|
|
281
|
+
content?: string | undefined;
|
|
282
|
+
datatype?: string | undefined;
|
|
283
283
|
inlist?: any;
|
|
284
|
-
prefix?: string | undefined
|
|
285
|
-
property?: string | undefined
|
|
286
|
-
rel?: string | undefined
|
|
287
|
-
resource?: string | undefined
|
|
288
|
-
rev?: string | undefined
|
|
289
|
-
typeof?: string | undefined
|
|
290
|
-
vocab?: string | undefined
|
|
291
|
-
autoCapitalize?: string | undefined
|
|
292
|
-
autoCorrect?: string | undefined
|
|
293
|
-
autoSave?: string | undefined
|
|
294
|
-
itemProp?: string | undefined
|
|
295
|
-
itemScope?: boolean | undefined
|
|
296
|
-
itemType?: string | undefined
|
|
297
|
-
itemID?: string | undefined
|
|
298
|
-
itemRef?: string | undefined
|
|
299
|
-
results?: number | undefined
|
|
300
|
-
security?: string | undefined
|
|
301
|
-
unselectable?: "on" | "off" | undefined
|
|
302
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined
|
|
303
|
-
is?: string | undefined
|
|
284
|
+
prefix?: string | undefined;
|
|
285
|
+
property?: string | undefined;
|
|
286
|
+
rel?: string | undefined;
|
|
287
|
+
resource?: string | undefined;
|
|
288
|
+
rev?: string | undefined;
|
|
289
|
+
typeof?: string | undefined;
|
|
290
|
+
vocab?: string | undefined;
|
|
291
|
+
autoCapitalize?: string | undefined;
|
|
292
|
+
autoCorrect?: string | undefined;
|
|
293
|
+
autoSave?: string | undefined;
|
|
294
|
+
itemProp?: string | undefined;
|
|
295
|
+
itemScope?: boolean | undefined;
|
|
296
|
+
itemType?: string | undefined;
|
|
297
|
+
itemID?: string | undefined;
|
|
298
|
+
itemRef?: string | undefined;
|
|
299
|
+
results?: number | undefined;
|
|
300
|
+
security?: string | undefined;
|
|
301
|
+
unselectable?: "on" | "off" | undefined;
|
|
302
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
303
|
+
is?: string | undefined;
|
|
304
304
|
as?: React.ElementType | undefined;
|
|
305
|
-
disabled?: boolean | undefined
|
|
306
|
-
formAction?: string | undefined
|
|
307
|
-
formEncType?: string | undefined
|
|
308
|
-
formMethod?: string | undefined
|
|
309
|
-
formNoValidate?: boolean | undefined
|
|
310
|
-
formTarget?: string | undefined
|
|
311
|
-
value?: string |
|
|
305
|
+
disabled?: boolean | undefined;
|
|
306
|
+
formAction?: string | undefined;
|
|
307
|
+
formEncType?: string | undefined;
|
|
308
|
+
formMethod?: string | undefined;
|
|
309
|
+
formNoValidate?: boolean | undefined;
|
|
310
|
+
formTarget?: string | undefined;
|
|
311
|
+
value?: string | readonly string[] | number | undefined;
|
|
312
312
|
size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
|
|
313
313
|
appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
|
|
314
314
|
hasTooltip?: boolean | undefined;
|
|
315
|
-
tooltipSide?:
|
|
315
|
+
tooltipSide?: React.ComponentProps<({ children, side, sideOffset, size, ...remainingProps }: Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "size"> & {
|
|
316
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
317
|
+
} & {
|
|
318
|
+
as?: React.ElementType;
|
|
319
|
+
} & import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element>["side"];
|
|
316
320
|
isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
|
|
317
321
|
emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
|
|
318
322
|
containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{Loader as
|
|
1
|
+
import*as e from"react";import{Loader as b}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as p}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]","[--text:var(--color-grey-800)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(255,255,255,0.9)]","[--active:rgba(255,255,255,0.75)]","[--text:var(--color-grey-900)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm","leading-[1.53]","h-8","px-4","gap-2","[&_svg]:size-4"],md:["text-md","leading-normal","h-10","px-8","gap-3","[&_svg]:size-5"],lg:["text-lg","leading-normal","h-12","px-8","gap-3","[&_svg]:size-[22px]"],xl:["text-lg","leading-normal","h-16","px-8","gap-3","[&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),v=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(b,{className:"absolute"}),e.createElement(v,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...p(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]',\n '[--text:var(--color-grey-800)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-grey-900)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as || (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,uCACA,gCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,gCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SACA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as
|
|
1
|
+
import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as $}from"../flex/Flex.js";import{Icon as w}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as Y}from"../../styled.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=Y("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=Y(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(c,i)=>{const u=c.slice(0,i);return c.slice(i).concat(u)},F=({className:c,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:C=Q,weekdayNames:S=V,labels:h=X,date:s=new Date,minDate:m,maxDate:o,setYear:z,...L})=>{const[r,E]=e.useState(!1),[n,b]=e.useState(s==null?void 0:s.getFullYear()),O=t=>{const a=s;a.setFullYear(t),z(a),E(!1)},A=m&&n-16<=m.getFullYear(),B=o&&n>=o.getFullYear(),M=Array.from({length:16},(t,a)=>{const l=n-a;return o&&l>o.getFullYear()||m&&l<m.getFullYear()?0:l}),{calendars:d,getBackProps:T,getForwardProps:I,getDateProps:P}=J({firstDayOfWeek:f,showOutsideDays:!0,date:s,minDate:m,maxDate:o,...L});return d.length?e.createElement("div",{className:H("relative","w-min","-mt-1",c)},e.createElement($,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&T({calendars:d}),...r&&{onClick:()=>b(n-16)},disabled:r&&A},e.createElement(w,{is:q})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(n+16)},disabled:r&&B},e.createElement(w,{is:G}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},M.map((t,a)=>{const l=t===s.getFullYear();return t?e.createElement(ee,{key:`${t}${a}`,theme:l?"primary":"neutral",onClick:()=>O(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:`${t}${a}`},e.createElement($,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},C[t]," ",a)),e.createElement(g,{className:"mb-3"},te(S,f).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:`${t}${a}${p}`,className:"text-center"},p))),e.createElement(g,null,l.map((p,j)=>p.map((y,R)=>{const x=`${t}${a}${j}${R}`;if(!y)return e.createElement("div",{key:x});const{date:U,selected:k,today:v,prevMonth:W,nextMonth:_}=y;return e.createElement(Z,{isOutsideMonth:W||_,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...P({dateObj:y}),type:"button"},U.getDate())})))))):null};F.displayName="Calendar";export{F as Calendar};
|
|
2
2
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -32,7 +32,7 @@ export declare const Carousel: {
|
|
|
32
32
|
className?: string;
|
|
33
33
|
index: number;
|
|
34
34
|
}) => React.JSX.Element;
|
|
35
|
-
Slider: ({ children, className, overflow, ...rest }: React.PropsWithChildren<{
|
|
35
|
+
Slider: ({ children, className, overflow, ...rest }: React.PropsWithChildren<(React.ComponentClass<import("pure-react-carousel").SliderProps, any> | React.FunctionComponent<import("pure-react-carousel").SliderProps>) & {
|
|
36
36
|
className?: string;
|
|
37
37
|
overflow?: boolean;
|
|
38
38
|
}>) => React.JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { Slider as BaseSlider } from 'pure-react-carousel';
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
export declare const CarouselSlider: ({ children, className, overflow, ...rest }: React.PropsWithChildren<{
|
|
3
|
+
export declare const CarouselSlider: ({ children, className, overflow, ...rest }: React.PropsWithChildren<typeof BaseSlider & {
|
|
3
4
|
className?: string;
|
|
4
5
|
overflow?: boolean;
|
|
5
6
|
}>) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselSlider.js","sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Slider as BaseSlider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlider = ({\n children,\n className,\n overflow,\n ...rest\n}: React.PropsWithChildren<{\n className?: string\n overflow?: boolean\n}>) => (\n <BaseSlider\n {...rest}\n className={\n String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\\_]]:float-left **:[[class*=slide\\_]]:pb-0! **:[[class*=sliderTray\\_]]:transition-transform **:[[class*=sliderTray\\_]]:duration-500 **:[[class*=sliderTray\\_]]:ease-[cubic-bezier(.645,.045,.355,1)] ` +\n clsx(overflow && 'overflow-visible', className)\n }\n >\n {children}\n </BaseSlider>\n)\n"],"names":["CarouselSlider","children","className","overflow","rest","React","BaseSlider","clsx"],"mappings":"yFAIO,MAAMA,EAAiB,CAAC,CAC7B,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAIEC,EAAA,cAACC,EAAA,CACE,GAAGF,EACJ,UACE,OAAO,wVACPG,EAAKJ,GAAY,mBAAoBD,CAAS,GAG/CD,CACH"}
|
|
1
|
+
{"version":3,"file":"CarouselSlider.js","sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Slider as BaseSlider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlider = ({\n children,\n className,\n overflow,\n ...rest\n}: React.PropsWithChildren<typeof BaseSlider & {\n className?: string\n overflow?: boolean\n}>) => (\n <BaseSlider\n {...rest}\n className={\n String.raw`ml-[50%] -translate-x-1/2 cursor-grab overflow-hidden **:[[class*=slideInner]]:flex **:[[class*=slideInner]]:justify-center **:[[class*=slide\\_]]:float-left **:[[class*=slide\\_]]:pb-0! **:[[class*=sliderTray\\_]]:transition-transform **:[[class*=sliderTray\\_]]:duration-500 **:[[class*=sliderTray\\_]]:ease-[cubic-bezier(.645,.045,.355,1)] ` +\n clsx(overflow && 'overflow-visible', className)\n }\n >\n {children}\n </BaseSlider>\n)\n"],"names":["CarouselSlider","children","className","overflow","rest","React","BaseSlider","clsx"],"mappings":"yFAIO,MAAMA,EAAiB,CAAC,CAC7B,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAIEC,EAAA,cAACC,EAAA,CACE,GAAGF,EACJ,UACE,OAAO,wVACPG,EAAKJ,GAAY,mBAAoBD,CAAS,GAG/CD,CACH"}
|