@charcoal-ui/react 6.1.0-beta.6 → 6.1.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.
Files changed (25) hide show
  1. package/dist/components/Notification/NotificationRegion.cjs +3 -2
  2. package/dist/components/Notification/NotificationRegion.cjs.map +1 -1
  3. package/dist/components/Notification/NotificationRegion.d.ts.map +1 -1
  4. package/dist/components/Notification/NotificationRegion.js +3 -2
  5. package/dist/components/Notification/NotificationRegion.js.map +1 -1
  6. package/dist/components/Notification/types.d.ts +5 -0
  7. package/dist/components/Notification/types.d.ts.map +1 -1
  8. package/dist/components/TextField/index.d.ts +0 -2
  9. package/dist/components/TextField/index.d.ts.map +1 -1
  10. package/dist/components/TextField/index2.cjs.map +1 -1
  11. package/dist/components/TextField/index2.js.map +1 -1
  12. package/dist/index.css +1130 -1135
  13. package/dist/layered.css +1130 -1135
  14. package/dist/layered.css.map +1 -1
  15. package/package.json +3 -3
  16. package/src/components/Notification/NotificationRegion.browser.test.tsx +120 -0
  17. package/src/components/Notification/NotificationRegion.tsx +3 -2
  18. package/src/components/Notification/Snackbar/__snapshots__/index.css.snap +3 -6
  19. package/src/components/Notification/Snackbar/index.css +5 -6
  20. package/src/components/Notification/Snackbar/index.story.tsx +0 -1
  21. package/src/components/Notification/Toast/__snapshots__/index.css.snap +3 -5
  22. package/src/components/Notification/Toast/index.css +5 -5
  23. package/src/components/Notification/Toast/index.story.tsx +0 -1
  24. package/src/components/Notification/types.ts +5 -0
  25. package/src/components/TextField/index.tsx +0 -1
package/src/components/Notification/Snackbar/index.css CHANGED
@@ -1,13 +1,13 @@
1
- .charcoal-snackbar-region {
1
+ .charcoal-notification-region {
2
2
  --charcoal-snackbar-offset: 16px;
3
+ }
3
4
 
5
+ .charcoal-snackbar-region {
4
6
  &[data-position='top'] {
5
7
  --charcoal-snackbar-enter-offset: calc(-1 * var(--charcoal-space-30));
6
8
 
7
9
  position: sticky;
8
- top: calc(
9
- env(safe-area-inset-top, 0px) + max(var(--charcoal-snackbar-offset), 16px)
10
- );
10
+ top: calc(env(safe-area-inset-top, 0px) + var(--charcoal-snackbar-offset));
11
11
  }
12
12
 
13
13
  &[data-position='bottom'] {
@@ -15,8 +15,7 @@
15
15
 
16
16
  position: fixed;
17
17
  bottom: calc(
18
- env(safe-area-inset-bottom, 0px) +
19
- max(var(--charcoal-snackbar-offset), 16px)
18
+ env(safe-area-inset-bottom, 0px) + var(--charcoal-snackbar-offset)
20
19
  );
21
20
  }
22
21
  }
package/src/components/Notification/Snackbar/index.story.tsx CHANGED
@@ -34,7 +34,6 @@ export default {
34
34
  args: {
35
35
  message: '保存しました',
36
36
  position: 'bottom',
37
- offset: 16,
38
37
  duration: 5000,
39
38
  order: 'queue',
40
39
  dim: false,
package/src/components/Notification/Toast/__snapshots__/index.css.snap CHANGED
@@ -1,20 +1,18 @@
1
- .charcoal-toast-region {
1
+ .charcoal-notification-region {
2
2
  --charcoal-toast-offset: 16px;
3
3
  }
4
4
 
5
5
  .charcoal-toast-region[data-position='top'] {
6
6
  position: sticky;
7
7
  --charcoal-toast-enter-offset: calc(-1 * var(--charcoal-space-30));
8
- top: calc(
9
- env(safe-area-inset-top, 0px) + max(var(--charcoal-toast-offset), 16px)
10
- );
8
+ top: calc(env(safe-area-inset-top, 0px) + var(--charcoal-toast-offset));
11
9
  }
12
10
 
13
11
  .charcoal-toast-region[data-position='bottom'] {
14
12
  position: fixed;
15
13
  --charcoal-toast-enter-offset: var(--charcoal-space-30);
16
14
  bottom: calc(
17
- env(safe-area-inset-bottom, 0px) + max(var(--charcoal-toast-offset), 16px)
15
+ env(safe-area-inset-bottom, 0px) + var(--charcoal-toast-offset)
18
16
  );
19
17
  }
20
18
 
package/src/components/Notification/Toast/index.css CHANGED
@@ -1,13 +1,13 @@
1
- .charcoal-toast-region {
1
+ .charcoal-notification-region {
2
2
  --charcoal-toast-offset: 16px;
3
+ }
3
4
 
5
+ .charcoal-toast-region {
4
6
  &[data-position='top'] {
5
7
  position: sticky;
6
8
  --charcoal-toast-enter-offset: calc(-1 * var(--charcoal-space-30));
7
9
 
8
- top: calc(
9
- env(safe-area-inset-top, 0px) + max(var(--charcoal-toast-offset), 16px)
10
- );
10
+ top: calc(env(safe-area-inset-top, 0px) + var(--charcoal-toast-offset));
11
11
  }
12
12
 
13
13
  &[data-position='bottom'] {
@@ -15,7 +15,7 @@
15
15
  --charcoal-toast-enter-offset: var(--charcoal-space-30);
16
16
 
17
17
  bottom: calc(
18
- env(safe-area-inset-bottom, 0px) + max(var(--charcoal-toast-offset), 16px)
18
+ env(safe-area-inset-bottom, 0px) + var(--charcoal-toast-offset)
19
19
  );
20
20
  }
21
21
  }
package/src/components/Notification/Toast/index.story.tsx CHANGED
@@ -34,7 +34,6 @@ export default {
34
34
  args: {
35
35
  message: '保存しました',
36
36
  position: 'top',
37
- offset: 16,
38
37
  duration: 5000,
39
38
  order: 'queue',
40
39
  zIndex: 20,
package/src/components/Notification/types.ts CHANGED
@@ -9,6 +9,11 @@ export type UseNotificationOptions = {
9
9
  * @default 16
10
10
  */
11
11
  offset?: number
12
+ /**
13
+ * スクロールに追従しないヘッダーの高さを指定する
14
+ * @default 0
15
+ */
16
+ headerOffset?: number
12
17
  /**
13
18
  * 通知を表示する時間（ミリ秒）。負の値は 0、数値でない値は 5000 として扱う
14
19
  * @default 5000
package/src/components/TextField/index.tsx CHANGED
@@ -26,7 +26,6 @@ export type TextFieldProps = {
26
26
  requiredText?: string
27
27
  disabled?: boolean
28
28
  subLabel?: React.ReactNode
29
- rdfaPrefix?: string
30
29
 
31
30
  getCount?: (value: string) => number
32
31
  } & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>