@charcoal-ui/react 6.1.0-beta.5 → 6.1.0-beta.6

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 (26) hide show
  1. package/dist/components/Notification/NotificationRegion.cjs +10 -6
  2. package/dist/components/Notification/NotificationRegion.cjs.map +1 -1
  3. package/dist/components/Notification/NotificationRegion.d.ts +2 -1
  4. package/dist/components/Notification/NotificationRegion.d.ts.map +1 -1
  5. package/dist/components/Notification/NotificationRegion.js +11 -7
  6. package/dist/components/Notification/NotificationRegion.js.map +1 -1
  7. package/dist/components/Notification/Snackbar/index.d.ts +1 -0
  8. package/dist/components/Notification/Snackbar/index.d.ts.map +1 -1
  9. package/dist/components/Notification/Snackbar/index2.cjs.map +1 -1
  10. package/dist/components/Notification/Snackbar/index2.js.map +1 -1
  11. package/dist/index.css +1367 -1359
  12. package/dist/layered.css +1367 -1359
  13. package/dist/layered.css.map +1 -1
  14. package/package.json +4 -7
  15. package/src/components/Notification/NotificationRegion.tsx +12 -7
  16. package/src/components/Notification/Snackbar/__snapshots__/index.css.snap +2 -0
  17. package/src/components/Notification/Snackbar/index.css +2 -0
  18. package/src/components/Notification/Snackbar/index.story.tsx +4 -0
  19. package/src/components/Notification/Snackbar/index.test.tsx +5 -2
  20. package/src/components/Notification/Snackbar/index.tsx +1 -0
  21. package/src/components/Notification/Toast/__snapshots__/index.css.snap +2 -0
  22. package/src/components/Notification/Toast/index.css +2 -0
  23. package/src/components/Notification/Toast/index.story.tsx +4 -0
  24. package/src/components/Notification/Toast/index.test.tsx +5 -2
  25. package/src/components/Notification/__snapshots__/layout.css.snap +8 -4
  26. package/src/components/Notification/layout.css +8 -4
package/src/components/Notification/Toast/index.test.tsx CHANGED
@@ -177,7 +177,10 @@ describe('Toast', () => {
177
177
 
178
178
  show('保存しました', { type: 'success' })
179
179
 
180
- expect(screen.getByRole('region')).toHaveAttribute('data-position', 'top')
180
+ expect(document.querySelector('.charcoal-toast-region')).toHaveAttribute(
181
+ 'data-position',
182
+ 'top',
183
+ )
181
184
  })
182
185
 
183
186
  it('places a toast at the bottom when requested', () => {
@@ -185,7 +188,7 @@ describe('Toast', () => {
185
188
 
186
189
  show('保存しました', { type: 'success' })
187
190
 
188
- expect(screen.getByRole('region')).toHaveAttribute(
191
+ expect(document.querySelector('.charcoal-toast-region')).toHaveAttribute(
189
192
  'data-position',
190
193
  'bottom',
191
194
  )
package/src/components/Notification/__snapshots__/layout.css.snap CHANGED
@@ -1,11 +1,15 @@
1
1
  .charcoal-notification-region {
2
- position: fixed;
3
2
  left: 0;
4
3
  right: 0;
5
- display: grid;
6
- justify-content: center;
7
- pointer-events: none;
8
4
  box-sizing: border-box;
5
+ position: absolute;
6
+ width: 100%;
7
+ height: 100%;
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ pointer-events: none;
12
+ top: 0;
9
13
  }
10
14
 
11
15
  .charcoal-notification {
package/src/components/Notification/layout.css CHANGED
@@ -1,11 +1,15 @@
1
1
  .charcoal-notification-region {
2
- position: fixed;
3
2
  left: 0;
4
3
  right: 0;
5
- display: grid;
6
- justify-content: center;
7
- pointer-events: none;
8
4
  box-sizing: border-box;
5
+ position: absolute;
6
+ width: 100%;
7
+ height: 100%;
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ pointer-events: none;
12
+ top: 0;
9
13
  }
10
14
 
11
15
  .charcoal-notification {