@atom-learning/components 2.26.0-beta.1 → 2.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Avatar
3
- component: Avatar
3
+ component: Avatar,Avatar.Image,Avatar.Initial,Avatar.Placeholder,Avatar.Icon
4
4
  description: Show a thumbnail representation of an individual or entity.
5
5
  category: Media
6
6
  ---
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Chip Dismissible Group
3
- component: ChipDismissibleGroup
3
+ component: ChipDismissibleGroupRoot,ChipDismissibleGroup.Item
4
4
  description: Combines the DismissibleGroup logic together with the Chip primitive styling
5
5
  category: Feedback
6
6
  ---
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Chip Toggle Group
3
- component: ChipToggleGroup
3
+ component: ChipToggleGroupRoot,ChipToggleGroup.Item
4
4
  description: Combines the Toggle Group radix component with the Chip primitive styling
5
5
  category: Feedback
6
6
  ---
@@ -77,6 +77,8 @@ If you need more flexibility than the default implementations provide, you can r
77
77
 
78
78
  Note also that `useDataTable` can only be called by a child component of `DataTable`. In a real example, you'll probably have a separate named component which makes the `useDataTable` call, because if you're not using the defaults as above then you probably have some complex logic involved. In this example we've got an inline child component for simplicity.
79
79
 
80
+ Note that if you update the value of the `data` prop, it will reset the state of the table. This is useful if you are manipulating the data outside the context of the table.
81
+
80
82
  ```tsx
81
83
  <DataTable columns={columns} data={data}>
82
84
  {() => {
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Dismissible
3
- component: Dismissible
3
+ component: DismissibleRoot,Dismissible.Trigger
4
4
  description: An element with a dismiss button which removes it from the view
5
5
  category: Primitives
6
6
  ---
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Dismissible Group
3
- component: DismissibleGroup
3
+ component: DismissibleGroupRoot,DismissibleGroup.Item,DismissibleGroup.Trigger
4
4
  description: A set of dismissible elements.
5
5
  category: Primitives
6
6
  ---
@@ -9,12 +9,9 @@ category: Content
9
9
  The message can include Title and/or Body and sometimes they appear together with an illustration and actionable buttons.
10
10
  There are 5 different size variants of `EmptyState` ( 'xs', 'sm', 'md', 'lg' and 'xl').
11
11
 
12
- ```jsx preview live
13
- <EmptyState size="lg">
14
- <EmptyState.Image
15
- src="https://app.atomlearning.com/dist/29a378dc127c669808f2.svg"
16
- alt=""
17
- />
12
+ ```jsx preview
13
+ <EmptyState size="sm">
14
+ <EmptyState.Image src="https://app.atomlearning.com/dist/29a378dc127c669808f2.svg" alt="" />
18
15
  <EmptyState.Title>No users found!</EmptyState.Title>
19
16
  <EmptyState.Body>
20
17
  You need to add some users before you can use this feature
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Tabs
3
- component: Tabs
3
+ component: Tabs,TriggerListWrapper,TabTrigger
4
4
  description: Tabs is a component that provides different sections of content that are displayed one at a time.
5
5
  category: Layout
6
6
  ---
@@ -1,5 +1,6 @@
1
1
  ---
2
2
  title: Toast
3
+ component: ToastProvider
3
4
  description: A toast notification that gives non-intrusive feedback to the user and times out automatically
4
5
  category: Feedback
5
6
  ---
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: Toggle Group
3
- component: ToggleGroup
3
+ component: ToggleGroupRoot,ToggleGroup.Button,ToggleGroup.Item
4
4
  description: Extends functionality the Toggle Group radix component
5
5
  category: Content
6
6
  ---