@atom-learning/components 6.0.0-beta.32 → 6.0.0-beta.33

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.
Files changed (79) hide show
  1. package/dist/components/banner/Banner.d.ts +2 -2
  2. package/dist/components/banner/banner-regular/BannerRegular.d.ts +95 -91
  3. package/dist/components/banner/banner-slim/BannerSlim.d.ts +95 -91
  4. package/dist/components/button/Button.js +1 -1
  5. package/dist/components/button/Button.js.map +1 -1
  6. package/dist/components/calendar/Calendar.js +1 -1
  7. package/dist/components/checkbox-group/CheckboxGroup.d.ts +90 -90
  8. package/dist/components/checkbox-tree/CheckboxTree.d.ts +344 -344
  9. package/dist/components/data-table/DataTable.d.ts +21 -21
  10. package/dist/components/data-table/DataTable.types.d.ts +1 -0
  11. package/dist/components/data-table/DataTable.types.js.map +1 -1
  12. package/dist/components/data-table/DataTableContext.js +1 -1
  13. package/dist/components/data-table/DataTableContext.js.map +1 -1
  14. package/dist/components/data-table/DataTableHead.js +1 -1
  15. package/dist/components/data-table/DataTableHeaderCell.js +1 -1
  16. package/dist/components/data-table/drag-and-drop/DragAndDropTable.js +1 -1
  17. package/dist/components/data-table/pagination/Pagination.js +1 -1
  18. package/dist/components/data-table/pagination/Pagination.js.map +1 -1
  19. package/dist/components/dialog/Dialog.d.ts +2 -2
  20. package/dist/components/dialog/DialogFooter.js +1 -1
  21. package/dist/components/dismissible/index.d.ts +2 -2
  22. package/dist/components/dismissible-group/index.d.ts +3 -3
  23. package/dist/components/index.d.ts +1 -0
  24. package/dist/components/keyboard-shortcut/index.d.ts +2 -2
  25. package/dist/components/loader/Loader.js +1 -1
  26. package/dist/components/markdown-content/components/MarkdownThematicBreak.js +1 -1
  27. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +162 -162
  28. package/dist/components/number-input/NumberInput.d.ts +1 -0
  29. package/dist/components/number-input/NumberInput.js +1 -1
  30. package/dist/components/number-input/NumberInput.js.map +1 -1
  31. package/dist/components/number-input/NumberInputStepper.d.ts +2 -1
  32. package/dist/components/number-input/NumberInputStepper.js +1 -1
  33. package/dist/components/number-input/NumberInputStepper.js.map +1 -1
  34. package/dist/components/pagination/PaginationPopover.js +1 -1
  35. package/dist/components/pagination/PaginationPopover.js.map +1 -1
  36. package/dist/components/password-field/PasswordField.js +1 -1
  37. package/dist/components/popover/Popover.d.ts +1 -0
  38. package/dist/components/popover/Popover.js +1 -1
  39. package/dist/components/popover/Popover.js.map +1 -1
  40. package/dist/components/search-input/SearchInput.js +1 -1
  41. package/dist/components/section-message/SectionMessage.js +1 -1
  42. package/dist/components/section-message/SectionMessage.js.map +1 -1
  43. package/dist/components/section-message/SectionMessageDescription.js +1 -1
  44. package/dist/components/section-message/SectionMessageDismiss.js +1 -1
  45. package/dist/components/section-message/SectionMessageIcon.js +1 -1
  46. package/dist/components/section-message/SectionMessageLayout.js +1 -1
  47. package/dist/components/segmented-control/SegmentedControl.d.ts +9 -9
  48. package/dist/components/side-bar/SideBarComponents.d.ts +1 -1
  49. package/dist/components/skeleton-loader/Skeleton.d.ts +5 -0
  50. package/dist/components/skeleton-loader/Skeleton.js +2 -0
  51. package/dist/components/skeleton-loader/Skeleton.js.map +1 -0
  52. package/dist/components/skeleton-loader/SkeletonButton.d.ts +5 -0
  53. package/dist/components/skeleton-loader/SkeletonButton.js +2 -0
  54. package/dist/components/skeleton-loader/SkeletonButton.js.map +1 -0
  55. package/dist/components/skeleton-loader/SkeletonHeading.d.ts +5 -0
  56. package/dist/components/skeleton-loader/SkeletonHeading.js +2 -0
  57. package/dist/components/skeleton-loader/SkeletonHeading.js.map +1 -0
  58. package/dist/components/skeleton-loader/SkeletonTabs.d.ts +6 -0
  59. package/dist/components/skeleton-loader/SkeletonTabs.js +2 -0
  60. package/dist/components/skeleton-loader/SkeletonTabs.js.map +1 -0
  61. package/dist/components/skeleton-loader/index.d.ts +4 -0
  62. package/dist/components/skeleton-loader/index.js +2 -0
  63. package/dist/components/skeleton-loader/index.js.map +1 -0
  64. package/dist/components/sortable/index.d.ts +3 -3
  65. package/dist/components/stepper/StepperStepLabel.d.ts +1 -1
  66. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  67. package/dist/components/tile-toggle-group/TileToggleGroupItem.js +1 -1
  68. package/dist/components/tile-toggle-group/TileToggleGroupItem.js.map +1 -1
  69. package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
  70. package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
  71. package/dist/components/tree/Tree.d.ts +243 -243
  72. package/dist/docgen.json +1 -1
  73. package/dist/index.cjs.js +1 -1
  74. package/dist/index.cjs.js.map +1 -1
  75. package/dist/index.js +1 -1
  76. package/dist/styled.js +1 -1
  77. package/package.json +1 -1
  78. package/src/index.css +14 -0
  79. package/src/responsive-variant-classes.css +1 -1
package/dist/components/banner/Banner.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const Banner: {
2
- ({ emphasis, size, children }: React.PropsWithChildren<import("./BannerContext").TBannerProviderProps>): import("react").JSX.Element;
2
+ ({ emphasis, size, children }: import("react").PropsWithChildren<import("./BannerContext").TBannerProviderProps>): import("react").JSX.Element;
3
3
  displayName: string;
4
4
  } & {
5
- Dismiss: ({ asChild, ...rest }: React.PropsWithChildren<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
5
+ Dismiss: ({ asChild, ...rest }: import("react").PropsWithChildren<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
6
6
  };
package/dist/components/banner/banner-regular/BannerRegular.d.ts CHANGED
@@ -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 | undefined;
40
+ form?: string | undefined;
41
41
  label: string;
42
- slot?: string | undefined | undefined;
42
+ slot?: string | undefined;
43
43
  style?: React.CSSProperties | undefined;
44
- title?: string | undefined | undefined;
44
+ title?: string | undefined;
45
45
  ref?: React.Ref<HTMLButtonElement> | undefined;
46
- className?: string | undefined | undefined;
47
- color?: string | undefined | undefined;
48
- id?: string | undefined | undefined;
49
- lang?: string | undefined | undefined;
50
- name?: string | undefined | undefined;
51
- type?: "submit" | "reset" | "button" | undefined | 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 | undefined;
54
- "aria-activedescendant"?: string | undefined | 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 | 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 | undefined;
59
- "aria-colcount"?: number | undefined | undefined;
60
- "aria-colindex"?: number | undefined | undefined;
61
- "aria-colspan"?: number | undefined | undefined;
62
- "aria-controls"?: string | undefined | undefined;
63
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
64
- "aria-describedby"?: string | undefined | undefined;
65
- "aria-details"?: string | undefined | 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 | undefined;
68
- "aria-errormessage"?: string | undefined | 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 | 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 | 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 | undefined;
75
- "aria-keyshortcuts"?: string | undefined | undefined;
76
- "aria-label"?: string | undefined | undefined;
77
- "aria-labelledby"?: string | undefined | undefined;
78
- "aria-level"?: number | undefined | undefined;
79
- "aria-live"?: "off" | "assertive" | "polite" | undefined | 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 | undefined;
84
- "aria-owns"?: string | undefined | undefined;
85
- "aria-placeholder"?: string | undefined | undefined;
86
- "aria-posinset"?: number | undefined | undefined;
87
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | 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 | 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 | undefined;
92
- "aria-rowcount"?: number | undefined | undefined;
93
- "aria-rowindex"?: number | undefined | undefined;
94
- "aria-rowspan"?: number | undefined | 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 | undefined;
97
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
98
- "aria-valuemax"?: number | undefined | undefined;
99
- "aria-valuemin"?: number | undefined | undefined;
100
- "aria-valuenow"?: number | undefined | undefined;
101
- "aria-valuetext"?: string | undefined | 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 | 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 | undefined;
265
+ defaultChecked?: boolean | undefined;
266
266
  defaultValue?: string | number | readonly string[] | undefined;
267
- suppressContentEditableWarning?: boolean | undefined | undefined;
268
- suppressHydrationWarning?: boolean | undefined | undefined;
269
- accessKey?: string | undefined | undefined;
270
- autoFocus?: boolean | undefined | undefined;
271
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
272
- contextMenu?: string | undefined | undefined;
273
- dir?: string | undefined | 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 | undefined;
276
- nonce?: string | undefined | undefined;
277
- placeholder?: string | undefined | 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 | undefined;
280
- radioGroup?: string | undefined | undefined;
281
- about?: string | undefined | undefined;
282
- content?: string | undefined | undefined;
283
- datatype?: string | undefined | 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 | undefined;
286
- property?: string | undefined | undefined;
287
- rel?: string | undefined | undefined;
288
- resource?: string | undefined | undefined;
289
- rev?: string | undefined | undefined;
290
- typeof?: string | undefined | undefined;
291
- vocab?: string | undefined | undefined;
292
- autoCapitalize?: string | undefined | undefined;
293
- autoCorrect?: string | undefined | undefined;
294
- autoSave?: string | undefined | undefined;
295
- itemProp?: string | undefined | undefined;
296
- itemScope?: boolean | undefined | undefined;
297
- itemType?: string | undefined | undefined;
298
- itemID?: string | undefined | undefined;
299
- itemRef?: string | undefined | undefined;
300
- results?: number | undefined | undefined;
301
- security?: string | undefined | undefined;
302
- unselectable?: "on" | "off" | undefined | undefined;
303
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
304
- is?: string | undefined | 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 | undefined;
307
- formAction?: string | undefined | undefined;
308
- formEncType?: string | undefined | undefined;
309
- formMethod?: string | undefined | undefined;
310
- formNoValidate?: boolean | undefined | undefined;
311
- formTarget?: string | undefined | undefined;
312
- value?: string | number | readonly string[] | 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 | 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?: "left" | "right" | "top" | "bottom" | undefined;
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;
package/dist/components/banner/banner-slim/BannerSlim.d.ts CHANGED
@@ -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 | undefined;
39
+ form?: string | undefined;
40
40
  label: string;
41
- slot?: string | undefined | undefined;
41
+ slot?: string | undefined;
42
42
  style?: React.CSSProperties | undefined;
43
- title?: string | undefined | undefined;
43
+ title?: string | undefined;
44
44
  ref?: React.Ref<HTMLButtonElement> | undefined;
45
- className?: string | undefined | undefined;
46
- color?: string | undefined | undefined;
47
- id?: string | undefined | undefined;
48
- lang?: string | undefined | undefined;
49
- name?: string | undefined | undefined;
50
- type?: "submit" | "reset" | "button" | undefined | 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 | undefined;
53
- "aria-activedescendant"?: string | undefined | 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 | 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 | undefined;
58
- "aria-colcount"?: number | undefined | undefined;
59
- "aria-colindex"?: number | undefined | undefined;
60
- "aria-colspan"?: number | undefined | undefined;
61
- "aria-controls"?: string | undefined | undefined;
62
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
63
- "aria-describedby"?: string | undefined | undefined;
64
- "aria-details"?: string | undefined | 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 | undefined;
67
- "aria-errormessage"?: string | undefined | 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 | 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 | 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 | undefined;
74
- "aria-keyshortcuts"?: string | undefined | undefined;
75
- "aria-label"?: string | undefined | undefined;
76
- "aria-labelledby"?: string | undefined | undefined;
77
- "aria-level"?: number | undefined | undefined;
78
- "aria-live"?: "off" | "assertive" | "polite" | undefined | 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 | undefined;
83
- "aria-owns"?: string | undefined | undefined;
84
- "aria-placeholder"?: string | undefined | undefined;
85
- "aria-posinset"?: number | undefined | undefined;
86
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | 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 | 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 | undefined;
91
- "aria-rowcount"?: number | undefined | undefined;
92
- "aria-rowindex"?: number | undefined | undefined;
93
- "aria-rowspan"?: number | undefined | 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 | undefined;
96
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
97
- "aria-valuemax"?: number | undefined | undefined;
98
- "aria-valuemin"?: number | undefined | undefined;
99
- "aria-valuenow"?: number | undefined | undefined;
100
- "aria-valuetext"?: string | undefined | 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 | 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 | undefined;
264
+ defaultChecked?: boolean | undefined;
265
265
  defaultValue?: string | number | readonly string[] | undefined;
266
- suppressContentEditableWarning?: boolean | undefined | undefined;
267
- suppressHydrationWarning?: boolean | undefined | undefined;
268
- accessKey?: string | undefined | undefined;
269
- autoFocus?: boolean | undefined | undefined;
270
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
271
- contextMenu?: string | undefined | undefined;
272
- dir?: string | undefined | 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 | undefined;
275
- nonce?: string | undefined | undefined;
276
- placeholder?: string | undefined | 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 | undefined;
279
- radioGroup?: string | undefined | undefined;
280
- about?: string | undefined | undefined;
281
- content?: string | undefined | undefined;
282
- datatype?: string | undefined | 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 | undefined;
285
- property?: string | undefined | undefined;
286
- rel?: string | undefined | undefined;
287
- resource?: string | undefined | undefined;
288
- rev?: string | undefined | undefined;
289
- typeof?: string | undefined | undefined;
290
- vocab?: string | undefined | undefined;
291
- autoCapitalize?: string | undefined | undefined;
292
- autoCorrect?: string | undefined | undefined;
293
- autoSave?: string | undefined | undefined;
294
- itemProp?: string | undefined | undefined;
295
- itemScope?: boolean | undefined | undefined;
296
- itemType?: string | undefined | undefined;
297
- itemID?: string | undefined | undefined;
298
- itemRef?: string | undefined | undefined;
299
- results?: number | undefined | undefined;
300
- security?: string | undefined | undefined;
301
- unselectable?: "on" | "off" | undefined | undefined;
302
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
303
- is?: string | undefined | 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 | undefined;
306
- formAction?: string | undefined | undefined;
307
- formEncType?: string | undefined | undefined;
308
- formMethod?: string | undefined | undefined;
309
- formNoValidate?: boolean | undefined | undefined;
310
- formTarget?: string | undefined | undefined;
311
- value?: string | number | readonly string[] | 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 | 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?: "left" | "right" | "top" | "bottom" | undefined;
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;
package/dist/components/button/Button.js CHANGED
@@ -1,2 +1,2 @@
1
- import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}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)]"],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-primary-800)]"]},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(p,{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,...b(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
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
package/dist/components/button/Button.js.map CHANGED
@@ -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-primary-800)]'\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\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,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,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
+ {"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"}
package/dist/components/calendar/Calendar.js CHANGED
@@ -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 w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as $}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=$("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=$(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(w,{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(Y,{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(Y,{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(w,{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};
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