@atom-learning/components 10.0.0 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/components/accordion/Accordion.js +1 -1
  2. package/dist/components/accordion/AccordionContent.js +1 -1
  3. package/dist/components/accordion/AccordionItem.js +1 -1
  4. package/dist/components/accordion/AccordionTrigger.js +2 -2
  5. package/dist/components/action-icon/ActionIcon.js +1 -1
  6. package/dist/components/alert-dialog/Alert.d.ts +3 -0
  7. package/dist/components/alert-dialog/Alert.js +7 -0
  8. package/dist/components/alert-dialog/Alert.js.map +1 -0
  9. package/dist/components/alert-dialog/alert-context/AlertDialog.js +1 -1
  10. package/dist/components/calendar/Calendar.js +2 -2
  11. package/dist/components/checkbox-group/CheckboxGroup.d.ts +1 -1
  12. package/dist/components/data-table/DataTableBulkActionsFloating.js +1 -1
  13. package/dist/components/data-table/DataTableHeaderCell.js +1 -1
  14. package/dist/components/file-input/FileInput.js +1 -1
  15. package/dist/components/index.d.ts +1 -3
  16. package/dist/components/inline-message/InlineMessage.js +1 -1
  17. package/dist/components/markdown-content/MarkdownContent.js +5 -5
  18. package/dist/components/markdown-content/MarkdownContent.js.map +1 -1
  19. package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +2 -2
  20. package/dist/components/markdown-content/components/MarkdownEmphasis.js.map +1 -1
  21. package/dist/components/markdown-content/components/MarkdownHeading.d.ts +2 -2
  22. package/dist/components/markdown-content/components/MarkdownHeading.js.map +1 -1
  23. package/dist/components/markdown-content/components/MarkdownLink.d.ts +2 -2
  24. package/dist/components/markdown-content/components/MarkdownLink.js.map +1 -1
  25. package/dist/components/markdown-content/components/MarkdownList.d.ts +2 -2
  26. package/dist/components/markdown-content/components/MarkdownList.js.map +1 -1
  27. package/dist/components/markdown-content/components/MarkdownListItem.d.ts +2 -2
  28. package/dist/components/markdown-content/components/MarkdownListItem.js.map +1 -1
  29. package/dist/components/markdown-content/components/MarkdownParagraph.d.ts +2 -2
  30. package/dist/components/markdown-content/components/MarkdownParagraph.js.map +1 -1
  31. package/dist/components/markdown-content/components/MarkdownStrong.d.ts +2 -2
  32. package/dist/components/markdown-content/components/MarkdownStrong.js.map +1 -1
  33. package/dist/components/tabs/TabsTriggerList.js +1 -1
  34. package/dist/docgen.json +1 -1
  35. package/dist/index.cjs.js +778 -781
  36. package/dist/index.cjs.js.map +1 -1
  37. package/dist/index.js +7 -7
  38. package/package.json +11 -5
  39. package/dist/components/index.js +0 -102
  40. package/dist/components/index.js.map +0 -1
package/dist/index.js CHANGED
@@ -1,15 +1,16 @@
1
1
  import { Theme, cn, createTheme, styled } from "./styled.js";
2
+ import { ColorScheme } from "./experiments/color-scheme/ColorScheme.js";
3
+ import { Icon } from "./components/icon/Icon.js";
4
+ import { Accordion } from "./components/accordion/Accordion.js";
5
+ import { Tooltip } from "./components/tooltip/Tooltip.js";
6
+ import { ActionIcon } from "./components/action-icon/ActionIcon.js";
7
+ import { AlertDialog } from "./components/alert-dialog/AlertDialog.js";
2
8
  import { Loader } from "./components/loader/Loader.js";
3
9
  import { Button, StyledButton } from "./components/button/Button.js";
4
10
  import { Heading } from "./components/heading/Heading.js";
5
11
  import { Text } from "./components/text/Text.js";
6
- import { AlertDialog } from "./components/alert-dialog/AlertDialog.js";
7
- import { Icon } from "./components/icon/Icon.js";
8
12
  import { useAlert } from "./components/alert-dialog/AlertDialog.context.js";
9
- import { ColorScheme } from "./experiments/color-scheme/ColorScheme.js";
10
- import { Accordion } from "./components/accordion/Accordion.js";
11
- import { Tooltip } from "./components/tooltip/Tooltip.js";
12
- import { ActionIcon } from "./components/action-icon/ActionIcon.js";
13
+ import { Alert } from "./components/alert-dialog/Alert.js";
13
14
  import { Link, StyledLink } from "./components/link/Link.js";
14
15
  import { Image } from "./components/image/Image.js";
15
16
  import { Avatar } from "./components/avatar/Avatar.js";
@@ -96,5 +97,4 @@ import { KeyboardShortcut } from "./components/keyboard-shortcut/index.js";
96
97
  import { SegmentedControl } from "./components/segmented-control/SegmentedControl.js";
97
98
  import { FileDrop } from "./components/file-drop/FileDrop.js";
98
99
  import { useFileDrop } from "./components/file-drop/useFileDrop.js";
99
- import { Alert } from "./components/index.js";
100
100
  export { Accordion, ActionIcon, Alert, AlertDialog, Avatar, Badge, BannerRegular, BannerSlim, Button, Carousel, Checkbox, CheckboxField, CheckboxGroup, CheckboxTree, Chip, ChipDismissibleGroup, ChipGroup, ChipToggleGroup, ColorScheme, Combobox, CreatePasswordField, DataTable, DateField, DateInput, Dialog, Dismissible, DismissibleGroup, Divider, Drawer, DropdownMenu, EmptyState, FieldWrapper, FileDrop, FileInput, Form, Heading, Icon, Image, InlineFieldWrapper, InlineMessage, Input, InputBackground, InputField, InputText, KeyboardShortcut, Label, Link, List, Loader, MarkdownContent, NavigationMenu, NavigationMenuVertical, NotificationBadge, NumberInput, NumberInputField, Pagination, PasswordField, PasswordInput, Popover, ProgressBar, RadioButton, RadioButtonField, RadioButtonGroup, RadioCard, RadioCardGroup, SearchField, SearchInput, SectionMessage, SegmentedControl, Select, SelectField, SelectMenu, SelectMenuField, SideBar, skeleton_loader_exports as Skeleton, Slider, SliderField, sortable_exports as Sortable, Spacer, Stepper, StyledButton, StyledLink, Switch, Table, Tabs, Text, Textarea, TextareaField, Theme, Tile, TileInteractive, TileToggleGroup, Toast, ToggleGroup, Tooltip, TopBar, Tree, Video, cn, createTheme, styled, toast, useAlert, useCarousel, useDataTable, useFileDrop, useSidebarState };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atom-learning/components",
3
- "version": "10.0.0",
3
+ "version": "10.0.1",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/Atom-Learning/components#readme",
6
6
  "bugs": {
@@ -68,6 +68,7 @@
68
68
  "validate": "node ./scripts/validate.mjs",
69
69
  "validate:linting": "oxlint src/ --quiet",
70
70
  "validate:size": "size-limit",
71
+ "validate:barrel": "node ./scripts/validate-barrel.mjs",
71
72
  "validate:types": "tsgo --noEmit",
72
73
  "validate:ssr": "node ./scripts/validate-ssr.mjs",
73
74
  "validate:public-api": "node ./scripts/api-snapshot.mjs",
@@ -107,9 +108,9 @@
107
108
  "embla-carousel-react": "^8.0.0",
108
109
  "glob": "^7.1.6",
109
110
  "invariant": "^2.2.4",
110
- "mdast-util-directive": "1.0.1",
111
- "mdast-util-from-markdown": "0.8.5",
112
- "micromark-extension-directive": "1.4.0",
111
+ "mdast-util-directive": "^3.1.0",
112
+ "mdast-util-from-markdown": "^2.0.3",
113
+ "micromark-extension-directive": "^4.0.0",
113
114
  "minimatch": "^10.0.0",
114
115
  "prop-types": "^15.8.1",
115
116
  "react-aria": "^3.36.0",
@@ -140,7 +141,7 @@
140
141
  "@testing-library/jest-dom": "^6.9.1",
141
142
  "@testing-library/react": "^16.3.2",
142
143
  "@testing-library/user-event": "^14.6.1",
143
- "@types/mdast": "^3.0.0",
144
+ "@types/mdast": "^4.0.0",
144
145
  "@types/node": "20.6.0",
145
146
  "@types/prop-types": "^15",
146
147
  "@types/react": "^19.0.0",
@@ -242,6 +243,11 @@
242
243
  "limit": "25kb",
243
244
  "path": "dist/index.js",
244
245
  "import": "{ useAlert, Alert }"
246
+ },
247
+ {
248
+ "limit": "50kb",
249
+ "path": "dist/index.js",
250
+ "import": "{ MarkdownContent }"
245
251
  }
246
252
  ]
247
253
  }
@@ -1,102 +0,0 @@
1
- import { Loader } from "./loader/Loader.js";
2
- import { Button, StyledButton } from "./button/Button.js";
3
- import { Heading } from "./heading/Heading.js";
4
- import { Text } from "./text/Text.js";
5
- import { AlertDialog } from "./alert-dialog/AlertDialog.js";
6
- import { Icon } from "./icon/Icon.js";
7
- import { AlertProvider, useAlert } from "./alert-dialog/AlertDialog.context.js";
8
- import { Accordion } from "./accordion/Accordion.js";
9
- import { Tooltip } from "./tooltip/Tooltip.js";
10
- import { ActionIcon } from "./action-icon/ActionIcon.js";
11
- import { Link, StyledLink } from "./link/Link.js";
12
- import { Image } from "./image/Image.js";
13
- import { Avatar } from "./avatar/Avatar.js";
14
- import { Badge } from "./badge/Badge.js";
15
- import { Dismissible } from "./dismissible/index.js";
16
- import { BannerRegular } from "./banner/banner-regular/BannerRegular.js";
17
- import { BannerSlim } from "./banner/banner-slim/BannerSlim.js";
18
- import { Carousel, useCarousel } from "./carousel/Carousel.js";
19
- import { Checkbox } from "./checkbox/Checkbox.js";
20
- import { CheckboxGroup } from "./checkbox-group/CheckboxGroup.js";
21
- import { Tree } from "./tree/Tree.js";
22
- import { CheckboxTree } from "./checkbox-tree/CheckboxTree.js";
23
- import { InlineMessage } from "./inline-message/InlineMessage.js";
24
- import { Label } from "./label/Label.js";
25
- import { RadioButton } from "./radio-button/RadioButton.js";
26
- import { InlineFieldWrapper } from "./field-wrapper/InlineFieldWrapper.js";
27
- import { CheckboxField } from "./checkbox-field/CheckboxField.js";
28
- import { Chip } from "./chip/Chip.js";
29
- import { ChipGroup } from "./chip/ChipGroup.js";
30
- import { DismissibleGroup } from "./dismissible-group/index.js";
31
- import { ChipDismissibleGroup } from "./chip-dismissible-group/index.js";
32
- import { ChipToggleGroup } from "./chip-toggle-group/index.js";
33
- import { Combobox } from "./combobox/Combobox.js";
34
- import { FieldWrapper } from "./field-wrapper/FieldWrapper.js";
35
- import { Input, InputBackground, InputText } from "./input/Input.js";
36
- import { PasswordInput } from "./password-input/PasswordInput.js";
37
- import { PasswordField } from "./password-field/PasswordField.js";
38
- import { CreatePasswordField } from "./create-password-field/CreatePasswordField.js";
39
- import { useDataTable } from "./data-table/DataTable.context.js";
40
- import { Table } from "./table/Table.js";
41
- import { Divider } from "./divider/Divider.js";
42
- import { EmptyState } from "./empty-state/EmptyState.js";
43
- import { SearchInput } from "./search-input/SearchInput.js";
44
- import { sortable_exports } from "./sortable/index.js";
45
- import { Popover } from "./popover/Popover.js";
46
- import { Pagination } from "./pagination/Pagination.js";
47
- import { DataTable } from "./data-table/DataTable.js";
48
- import { DateInput } from "./date-input/DateInput.js";
49
- import { DateField } from "./date-field/DateField.js";
50
- import { Dialog } from "./dialog/Dialog.js";
51
- import { Drawer } from "./drawer/Drawer.js";
52
- import { DropdownMenu } from "./dropdown-menu/DropdownMenu.js";
53
- import { FileInput } from "./file-input/FileInput.js";
54
- import { Form } from "./form/Form.js";
55
- import { InputField } from "./input-field/InputField.js";
56
- import { List } from "./list/List.js";
57
- import { MarkdownContent } from "./markdown-content/MarkdownContent.js";
58
- import { NavigationMenu } from "./navigation/NavigationMenu.js";
59
- import { useSidebarState } from "./side-bar/SideBar.context.js";
60
- import { NavigationMenuVertical } from "./navigation-menu-vertical/NavigationMenuVertical.js";
61
- import { NotificationBadge } from "./notification-badge/NotificationBadge.js";
62
- import { NumberInput } from "./number-input/NumberInput.js";
63
- import { NumberInputField } from "./number-input-field/NumberInputField.js";
64
- import { ProgressBar } from "./progress-bar/ProgressBar.js";
65
- import { RadioButtonGroup } from "./radio-button/RadioButtonGroup.js";
66
- import { RadioButtonField } from "./radio-button-field/RadioButtonField.js";
67
- import { RadioCard } from "./radio-card/RadioCard.js";
68
- import { RadioCardGroup } from "./radio-card/RadioCardGroup.js";
69
- import { SearchField } from "./search-field/SearchField.js";
70
- import { SectionMessage } from "./section-message/SectionMessage.js";
71
- import { Select } from "./select/Select.js";
72
- import { SelectField } from "./select-field/SelectField.js";
73
- import { SelectMenu } from "./select-menu/SelectMenu.js";
74
- import { SelectMenuField } from "./select-menu-field/SelectMenuField.js";
75
- import { SideBar } from "./side-bar/SideBar.js";
76
- import { Slider } from "./slider/Slider.js";
77
- import { SliderField } from "./slider-field/SliderField.js";
78
- import { Tile } from "./tile/Tile.js";
79
- import { skeleton_loader_exports } from "./skeleton-loader/index.js";
80
- import { Spacer } from "./spacer/Spacer.js";
81
- import { Stepper } from "./stepper/Stepper.js";
82
- import { Switch } from "./switch/Switch.js";
83
- import { Tabs } from "./tabs/Tabs.js";
84
- import { Textarea } from "./textarea/Textarea.js";
85
- import { TextareaField } from "./textarea-field/TextareaField.js";
86
- import { TileInteractive } from "./tile-interactive/TileInteractive.js";
87
- import { TileToggleGroup } from "./tile-toggle-group/index.js";
88
- import { toast } from "./toast/ToastProvider.js";
89
- import { Toast } from "./toast/index.js";
90
- import { ToggleGroup } from "./toggle-group/index.js";
91
- import { TopBar } from "./top-bar/TopBar.js";
92
- import { Video } from "./video/Video.js";
93
- import { KeyboardShortcut } from "./keyboard-shortcut/index.js";
94
- import { SegmentedControl } from "./segmented-control/SegmentedControl.js";
95
- import { FileDrop } from "./file-drop/FileDrop.js";
96
- import { useFileDrop } from "./file-drop/useFileDrop.js";
97
- //#region src/components/index.ts
98
- var Alert = { Provider: AlertProvider };
99
- //#endregion
100
- export { Accordion, ActionIcon, Alert, AlertDialog, Avatar, Badge, BannerRegular, BannerSlim, Button, Carousel, Checkbox, CheckboxField, CheckboxGroup, CheckboxTree, Chip, ChipDismissibleGroup, ChipGroup, ChipToggleGroup, Combobox, CreatePasswordField, DataTable, DateField, DateInput, Dialog, Dismissible, DismissibleGroup, Divider, Drawer, DropdownMenu, EmptyState, FieldWrapper, FileDrop, FileInput, Form, Heading, Icon, Image, InlineFieldWrapper, InlineMessage, Input, InputBackground, InputField, InputText, KeyboardShortcut, Label, Link, List, Loader, MarkdownContent, NavigationMenu, NavigationMenuVertical, NotificationBadge, NumberInput, NumberInputField, Pagination, PasswordField, PasswordInput, Popover, ProgressBar, RadioButton, RadioButtonField, RadioButtonGroup, RadioCard, RadioCardGroup, SearchField, SearchInput, SectionMessage, SegmentedControl, Select, SelectField, SelectMenu, SelectMenuField, SideBar, skeleton_loader_exports as Skeleton, Slider, SliderField, sortable_exports as Sortable, Spacer, Stepper, StyledButton, StyledLink, Switch, Table, Tabs, Text, Textarea, TextareaField, Tile, TileInteractive, TileToggleGroup, Toast, ToggleGroup, Tooltip, TopBar, Tree, Video, toast, useAlert, useCarousel, useDataTable, useFileDrop, useSidebarState };
101
-
102
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["import { AlertProvider } from './alert-dialog/AlertDialog.context'\n\nexport type { ValidationOptions } from './form/validation'\n\nexport { Accordion } from './accordion/Accordion'\nexport { ActionIcon } from './action-icon/ActionIcon'\nexport { AlertDialog } from './alert-dialog/AlertDialog'\nexport { useAlert } from './alert-dialog/AlertDialog.context'\n\n// The alert system's provider lives under the `Alert` name; the alert UI\n// itself is imperative (`useAlert`), so there is no root component to render.\nexport const Alert = { Provider: AlertProvider }\nexport { Avatar } from './avatar/Avatar'\nexport { Badge, type BadgeProps } from './badge/Badge'\nexport { BannerRegular } from './banner/banner-regular/BannerRegular'\nexport { BannerSlim } from './banner/banner-slim/BannerSlim'\nexport { Button, StyledButton } from './button/Button'\nexport { Carousel, useCarousel } from './carousel/Carousel'\nexport { Checkbox } from './checkbox/Checkbox'\nexport { CheckboxGroup } from './checkbox-group/CheckboxGroup'\nexport { CheckboxTree } from './checkbox-tree/CheckboxTree'\nexport { CheckboxField } from './checkbox-field/CheckboxField'\nexport { Chip } from './chip/Chip'\nexport { ChipGroup } from './chip/ChipGroup'\nexport { ChipDismissibleGroup } from './chip-dismissible-group'\nexport { ChipToggleGroup } from './chip-toggle-group'\nexport { Combobox } from './combobox/Combobox'\nexport { CreatePasswordField } from './create-password-field/CreatePasswordField'\nexport { DataTable } from './data-table/DataTable'\nexport { useDataTable } from './data-table/DataTable.context'\nexport { DateField } from './date-field/DateField'\nexport { DateInput } from './date-input/DateInput'\nexport { Dialog } from './dialog/Dialog'\nexport { Dismissible } from './dismissible'\nexport { DismissibleGroup } from './dismissible-group'\nexport { Divider } from './divider/Divider'\nexport { Drawer } from './drawer/Drawer'\nexport { DropdownMenu } from './dropdown-menu/DropdownMenu'\nexport { EmptyState } from './empty-state/EmptyState'\nexport { FieldWrapper } from './field-wrapper/FieldWrapper'\nexport { InlineFieldWrapper } from './field-wrapper/InlineFieldWrapper'\nexport { FileInput } from './file-input/FileInput'\nexport { Form } from './form/Form'\nexport { Heading, type HeadingProps } from './heading/Heading'\nexport { Icon } from './icon/Icon'\nexport { Image } from './image/Image'\n// Exported so consumers can name the type of `Image.Credit` — without it,\n// `styled(Image)` (and other inferences over `typeof Image`) can't be named\n// under `declaration: true` (TS2883).\nexport type { ImageCreditProps } from './image/ImageCredit'\nexport { InlineMessage } from './inline-message/InlineMessage'\nexport { Input, InputBackground, InputText } from './input/Input'\nexport { InputField } from './input-field/InputField'\nexport { Label } from './label/Label'\nexport { Link, StyledLink } from './link/Link'\nexport { List } from './list/List'\nexport { Loader } from './loader/Loader'\nexport { MarkdownContent } from './markdown-content/MarkdownContent'\nexport { NavigationMenu } from './navigation/NavigationMenu'\nexport { NavigationMenuVertical } from './navigation-menu-vertical/NavigationMenuVertical'\nexport { NotificationBadge } from './notification-badge/NotificationBadge'\nexport { NumberInput } from './number-input/NumberInput'\nexport { NumberInputField } from './number-input-field/NumberInputField'\nexport { Pagination } from './pagination/Pagination'\nexport { PasswordField } from './password-field/PasswordField'\nexport { PasswordInput } from './password-input/PasswordInput'\nexport { Popover } from './popover/Popover'\nexport { ProgressBar } from './progress-bar/ProgressBar'\nexport { RadioButton } from './radio-button/RadioButton'\nexport { RadioButtonGroup } from './radio-button/RadioButtonGroup'\nexport { RadioButtonField } from './radio-button-field/RadioButtonField'\nexport { RadioCard } from './radio-card/RadioCard'\nexport { RadioCardGroup } from './radio-card/RadioCardGroup'\nexport { SearchField } from './search-field/SearchField'\nexport { SearchInput } from './search-input/SearchInput'\nexport { SectionMessage } from './section-message/SectionMessage'\nexport { Select } from './select/Select'\nexport { SelectField } from './select-field/SelectField'\nexport { SelectMenu } from './select-menu/SelectMenu'\nexport { SelectMenuField } from './select-menu-field/SelectMenuField'\nexport { SideBar } from './side-bar/SideBar'\nexport { useSidebarState } from './side-bar/SideBar.context'\nexport { Slider } from './slider/Slider'\nexport { SliderField } from './slider-field/SliderField'\nexport * as Sortable from './sortable'\nexport * as Skeleton from './skeleton-loader'\nexport { Spacer } from './spacer/Spacer'\nexport { Stepper } from './stepper/Stepper'\n// Exported so consumers can name the compound's member types — without these,\n// inferences over `typeof Stepper` (e.g. `styled(Stepper)`) can't be named\n// under `declaration: true` (TS2883).\nexport type {\n StepperProps,\n StepperStepsProps,\n StepperNavigateProps\n} from './stepper/types'\nexport { Switch } from './switch/Switch'\nexport { Table } from './table/Table'\nexport { Tabs } from './tabs/Tabs'\nexport { Text } from './text/Text'\nexport { Textarea } from './textarea/Textarea'\nexport { TextareaField } from './textarea-field/TextareaField'\nexport { Tile } from './tile/Tile'\nexport { TileInteractive } from './tile-interactive/TileInteractive'\nexport { TileToggleGroup } from './tile-toggle-group'\nexport { Toast, toast } from './toast'\n// Exported so consumers can name `Toast.Close`'s props — without it, inferences\n// over `typeof Toast` (e.g. `styled(Toast)`) can't be named under\n// `declaration: true` (TS2883).\nexport type { ToastCloseButtonProps } from './toast/ToastCloseButton'\nexport { ToggleGroup } from './toggle-group'\nexport { Tooltip } from './tooltip/Tooltip'\nexport { TopBar } from './top-bar/TopBar'\nexport { Tree } from './tree/Tree'\nexport { Video } from './video/Video'\nexport { KeyboardShortcut } from './keyboard-shortcut'\nexport { SegmentedControl } from './segmented-control/SegmentedControl'\nexport { FileDrop } from './file-drop/FileDrop'\nexport { useFileDrop } from './file-drop/useFileDrop'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAa,QAAQ,EAAE,UAAU,cAAc"}