smarthr-ui 20.2.0 → 20.4.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 (74) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/esm/components/AccordionPanel/AccordionPanelTrigger.js +2 -3
  3. package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
  4. package/esm/components/Button/BaseButton.js +1 -1
  5. package/esm/components/Button/DangerButton.js +1 -1
  6. package/esm/components/Button/PrimaryButton.js +1 -1
  7. package/esm/components/Button/SecondaryButton.js +1 -1
  8. package/esm/components/Button/SkeletonButton.js +1 -1
  9. package/esm/components/Button/TextButton.js +1 -1
  10. package/esm/components/CheckBox/CheckBoxInput.js +2 -2
  11. package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
  12. package/esm/components/Dialog/FocusTrap.js +2 -1
  13. package/esm/components/Dialog/FocusTrap.js.map +1 -1
  14. package/esm/components/Dialog/MessageDialog.d.ts +1 -1
  15. package/esm/components/Dialog/MessageDialog.js +4 -2
  16. package/esm/components/Dialog/MessageDialog.js.map +1 -1
  17. package/esm/components/Dialog/MessageDialogContent.d.ts +1 -1
  18. package/esm/components/Dialog/MessageDialogContent.js +4 -2
  19. package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
  20. package/esm/components/Dialog/MessageDialogContentInner.d.ts +4 -3
  21. package/esm/components/Dialog/MessageDialogContentInner.js +2 -2
  22. package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
  23. package/esm/components/Dialog/useDialogPortal.js +4 -7
  24. package/esm/components/Dialog/useDialogPortal.js.map +1 -1
  25. package/esm/components/Input/Input.js +1 -1
  26. package/esm/components/Input/Input.js.map +1 -1
  27. package/esm/components/NotificationBar/NotificationBar.js +3 -1
  28. package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
  29. package/esm/components/RadioButton/RadioButtonInput.js +7 -5
  30. package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
  31. package/esm/components/SegmentedControl/SegmentedControl.js +1 -1
  32. package/esm/components/Select/Select.js +23 -38
  33. package/esm/components/Select/Select.js.map +1 -1
  34. package/esm/components/SideNav/SideNavItem.js +6 -6
  35. package/esm/components/SideNav/SideNavItem.js.map +1 -1
  36. package/esm/components/Textarea/Textarea.js +9 -11
  37. package/esm/components/Textarea/Textarea.js.map +1 -1
  38. package/lib/components/AccordionPanel/AccordionPanelTrigger.js +2 -3
  39. package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
  40. package/lib/components/Button/BaseButton.js +1 -1
  41. package/lib/components/Button/DangerButton.js +1 -1
  42. package/lib/components/Button/PrimaryButton.js +1 -1
  43. package/lib/components/Button/SecondaryButton.js +1 -1
  44. package/lib/components/Button/SkeletonButton.js +1 -1
  45. package/lib/components/Button/TextButton.js +1 -1
  46. package/lib/components/CheckBox/CheckBoxInput.js +2 -2
  47. package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
  48. package/lib/components/Dialog/FocusTrap.js +2 -1
  49. package/lib/components/Dialog/FocusTrap.js.map +1 -1
  50. package/lib/components/Dialog/MessageDialog.d.ts +1 -1
  51. package/lib/components/Dialog/MessageDialog.js +4 -2
  52. package/lib/components/Dialog/MessageDialog.js.map +1 -1
  53. package/lib/components/Dialog/MessageDialogContent.d.ts +1 -1
  54. package/lib/components/Dialog/MessageDialogContent.js +4 -2
  55. package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
  56. package/lib/components/Dialog/MessageDialogContentInner.d.ts +4 -3
  57. package/lib/components/Dialog/MessageDialogContentInner.js +2 -2
  58. package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
  59. package/lib/components/Dialog/useDialogPortal.js +3 -6
  60. package/lib/components/Dialog/useDialogPortal.js.map +1 -1
  61. package/lib/components/Input/Input.js +1 -1
  62. package/lib/components/Input/Input.js.map +1 -1
  63. package/lib/components/NotificationBar/NotificationBar.js +3 -1
  64. package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
  65. package/lib/components/RadioButton/RadioButtonInput.js +7 -5
  66. package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
  67. package/lib/components/SegmentedControl/SegmentedControl.js +1 -1
  68. package/lib/components/Select/Select.js +23 -38
  69. package/lib/components/Select/Select.js.map +1 -1
  70. package/lib/components/SideNav/SideNavItem.js +6 -6
  71. package/lib/components/SideNav/SideNavItem.js.map +1 -1
  72. package/lib/components/Textarea/Textarea.js +9 -11
  73. package/lib/components/Textarea/Textarea.js.map +1 -1
  74. package/package.json +17 -17
package/CHANGELOG.md CHANGED
@@ -2,6 +2,33 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [20.4.0](https://github.com/kufu/smarthr-ui/compare/v20.3.0...v20.4.0) (2022-04-25)
6
+
7
+
8
+ ### Features
9
+
10
+ * :focus を :focus-visible に置き換える ([#2442](https://github.com/kufu/smarthr-ui/issues/2442)) ([34d27de](https://github.com/kufu/smarthr-ui/commit/34d27def8fb02c54627379ad8b4d673d6aaa784b))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * NotificationBar の閉じるボタンが縮まないように修正 ([#2441](https://github.com/kufu/smarthr-ui/issues/2441)) ([2ff5ffc](https://github.com/kufu/smarthr-ui/commit/2ff5ffc1e8678020b3f60e54e2c02de25db654f2))
16
+
17
+ ## [20.3.0](https://github.com/kufu/smarthr-ui/compare/v20.2.1...v20.3.0) (2022-04-18)
18
+
19
+
20
+ ### Features
21
+
22
+ * use ReactNode for i18n ([#2428](https://github.com/kufu/smarthr-ui/issues/2428)) ([a50cb2f](https://github.com/kufu/smarthr-ui/commit/a50cb2f48f2897bfa5516e96c49f8d1a7e0e16c2))
23
+
24
+ ### [20.2.1](https://github.com/kufu/smarthr-ui/compare/v20.2.0...v20.2.1) (2022-04-14)
25
+
26
+
27
+ ### Bug Fixes
28
+
29
+ * fix timing of appending portal ([#2424](https://github.com/kufu/smarthr-ui/issues/2424)) ([29cd62a](https://github.com/kufu/smarthr-ui/commit/29cd62afd113c840b81abeef3326e583c774ba61))
30
+ * ダイアログのフォーカストラップを抜けてしまう問題を修正 ([#2404](https://github.com/kufu/smarthr-ui/issues/2404)) ([91c3b90](https://github.com/kufu/smarthr-ui/commit/91c3b90721c33bbcb9d1a8d0d50561873cf4c356))
31
+
5
32
  ## [20.2.0](https://github.com/kufu/smarthr-ui/compare/v20.1.2...v20.2.0) (2022-04-12)
6
33
 
7
34
 
@@ -51,13 +51,12 @@ const Button = styled.button `
51
51
  font-size: inherit;
52
52
  text-align: left;
53
53
 
54
- &:hover,
55
- &:focus:not(:focus-visible) {
54
+ &:hover {
56
55
  background-color: ${color.hoverColor(color.WHITE)};
57
56
  box-shadow: none;
58
57
  }
59
58
 
60
- &:focus {
59
+ &:focus-visible {
61
60
  ${shadow.focusIndicatorStyles}
62
61
  }
63
62
 
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAiC,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAczD,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,YAAY,EAC1B,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EACJ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACrC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACpD,MAAM,gBAAgB,GAAG,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAE7D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,cAAc;YAAE,cAAc,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAA;QAErD,IAAI,YAAY,EAAE;YAChB,MAAM,gBAAgB,GAAG,mBAAmB,CAC1C,aAAa,EACb,IAAI,EACJ,CAAC,UAAU,EACX,kBAAkB,CACnB,CAAA;YACD,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAA;SAC9C;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEvF,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW;QACzC,oBAAC,MAAM,IACL,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,gBAAgB,mBACZ,UAAU,mBACV,GAAG,IAAI,UAAU,EAChC,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,oBACE,uBAAuB,KAClC,KAAK;YAER,WAAW,IAAI,YAAY,KAAK,MAAM,IAAI,oBAAC,QAAQ,OAAG;YACvD,oBAAC,YAAY,QAAE,QAAQ,CAAgB;YACtC,WAAW,IAAI,YAAY,KAAK,OAAO,IAAI,oBAAC,SAAS,OAAG,CAClD,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE/B,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;CAK3B,CAAA;AACD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC3C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAE/C,OAAO,GAAG,CAAA;;;;iBAIG,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC;;;;;;4BAM5B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;UAK/C,MAAM,CAAC,oBAAoB;;;;;uBAKd,aAAa,CAAC,GAAG,CAAC;;KAEpC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;;;;;;CAMxC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;CAMtC,CAAA"}
@@ -57,7 +57,7 @@ const Base = styled.div `
57
57
  background-clip: padding-box;
58
58
  }
59
59
 
60
- &:focus {
60
+ &:focus-visible {
61
61
  ${shadow.focusIndicatorStyles}
62
62
  }
63
63
 
@@ -21,7 +21,7 @@ const dangerStyle = css `
21
21
  background-color: ${color.DANGER};
22
22
  color: ${color.TEXT_WHITE};
23
23
 
24
- &:focus,
24
+ &:focus-visible,
25
25
  &:hover {
26
26
  border-color: ${color.hoverColor(color.DANGER)};
27
27
  background-color: ${color.hoverColor(color.DANGER)};
@@ -27,7 +27,7 @@ const primaryStyle = css `
27
27
  background-color: ${color.MAIN};
28
28
  color: ${color.TEXT_WHITE};
29
29
 
30
- &:focus,
30
+ &:focus-visible,
31
31
  &:hover {
32
32
  border-color: ${color.hoverColor(color.MAIN)};
33
33
  background-color: ${color.hoverColor(color.MAIN)};
@@ -27,7 +27,7 @@ const secondaryStyle = css `
27
27
  background-color: ${color.WHITE};
28
28
  color: ${color.TEXT_BLACK};
29
29
 
30
- &:focus,
30
+ &:focus-visible,
31
31
  &:hover {
32
32
  border-color: ${color.hoverColor(color.BORDER)};
33
33
  background-color: ${color.hoverColor(color.WHITE)};
@@ -21,7 +21,7 @@ const skeletonStyle = css `
21
21
  background-color: transparent;
22
22
  color: ${color.TEXT_WHITE};
23
23
 
24
- &:focus,
24
+ &:focus-visible,
25
25
  &:hover {
26
26
  border-color: ${color.hoverColor(color.WHITE)};
27
27
  background-color: ${color.OVERLAY};
@@ -20,7 +20,7 @@ const textStyle = css `
20
20
  background-color: transparent;
21
21
  color: ${color.TEXT_BLACK};
22
22
 
23
- &:focus,
23
+ &:focus-visible,
24
24
  &:hover {
25
25
  background-color: ${color.hoverColor(color.WHITE)};
26
26
  color: ${color.TEXT_BLACK};
@@ -75,8 +75,8 @@ const Input = styled.input `
75
75
  &:hover + span {
76
76
  box-shadow: 0 0 0 2px ${transparentize(0.78, color.MAIN)};
77
77
  }
78
- &:focus + span {
79
- box-shadow: ${shadow.OUTLINE};
78
+ &:focus-visible + span {
79
+ box-shadow: ${shadow.focusIndicatorStyles};
80
80
  }
81
81
  `;
82
82
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOlD,MAAM,CAAC,MAAM,aAAa,GAAe,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QACpB,oBAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,MAAM,EAAE,KAAK,KACT,CAAC,KAAK,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,GAC1C;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,GAAI;QAC/C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,IACpB,KAAK,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CACvE,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;eAGC,QAAQ,CAAC,CAAC;gBACT,QAAQ,CAAC,CAAC;;;;KAIrB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;;;;wBAKb,KAAK,CAAC,IAAI;4BACN,KAAK,CAAC,IAAI;;;;4BAIV,KAAK,CAAC,MAAM;wBAChB,KAAK,CAAC,MAAM;;KAE/B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;gCAakB,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;;;sBAG1C,MAAM,CAAC,OAAO;;KAE/B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;;;eAKC,QAAQ,CAAC,GAAG;gBACX,QAAQ,CAAC,GAAG;mBACT,QAAQ,CAAC,GAAG;;;;;;;;;;;KAW1B,CAAA;AACH,CAAC;CACF,CAAA"}
1
+ {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
@@ -14,7 +14,8 @@ export const FocusTrap = ({ children }) => {
14
14
  const firstTabbale = tabbables[0];
15
15
  const lastTabbale = tabbables[tabbables.length - 1];
16
16
  const currentFocused = Array.from(tabbables).find((elm) => elm === e.target);
17
- if (e.shiftKey && currentFocused === firstTabbale) {
17
+ if (e.shiftKey &&
18
+ (currentFocused === firstTabbale || document.activeElement === focusTargetRef.current)) {
18
19
  lastTabbale.focus();
19
20
  e.preventDefault();
20
21
  }
@@ -1 +1 @@
1
- {"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpD,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YAC3C,OAAM;SACP;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC1E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,OAAM;SACP;QACD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;QAC5E,IAAI,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,YAAY,EAAE;YACjD,WAAW,CAAC,KAAK,EAAE,CAAA;YACnB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;aAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,WAAW,EAAE;YACxD,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAA;QAC7C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAE/B,OAAO,GAAG,EAAE;YACV,4BAA4B;YAC5B,IAAI,cAAc,YAAY,WAAW,EAAE;gBACzC,cAAc,CAAC,KAAK,EAAE,CAAA;aACvB;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QAEX,6BAAK,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI;QACzC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpD,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YAC3C,OAAM;SACP;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC1E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,OAAM;SACP;QACD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;QAC5E,IACE,CAAC,CAAC,QAAQ;YACV,CAAC,cAAc,KAAK,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,cAAc,CAAC,OAAO,CAAC,EACtF;YACA,WAAW,CAAC,KAAK,EAAE,CAAA;YACnB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;aAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,WAAW,EAAE;YACxD,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAA;QAC7C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAE/B,OAAO,GAAG,EAAE;YACV,4BAA4B;YAC5B,IAAI,cAAc,YAAY,WAAW,EAAE;gBACzC,cAAc,CAAC,KAAK,EAAE,CAAA;aACvB;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QAEX,6BAAK,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI;QACzC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import React, { HTMLAttributes, RefObject } from 'react';
2
2
  import { DialogContentInnerProps } from './DialogContentInner';
3
3
  import { MessageDialogContentInnerProps } from './MessageDialogContentInner';
4
- declare type Props = MessageDialogContentInnerProps & Pick<DialogContentInnerProps, 'isOpen' | 'onClickOverlay' | 'onPressEscape' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'> & {
4
+ declare type Props = Omit<MessageDialogContentInnerProps, 'titleId'> & Pick<DialogContentInnerProps, 'isOpen' | 'onClickOverlay' | 'onPressEscape' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'> & {
5
5
  portalParent?: HTMLElement | RefObject<HTMLElement>;
6
6
  };
7
7
  declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
2
2
  import { useDialogPortal } from './useDialogPortal';
3
3
  import { DialogContentInner } from './DialogContentInner';
4
4
  import { MessageDialogContentInner, } from './MessageDialogContentInner';
5
+ import { useId } from '../../hooks/useId';
5
6
  export const MessageDialog = ({ title, subtitle, description, closeText, onClickClose, className = '', portalParent, ...props }) => {
6
7
  const { Portal } = useDialogPortal(portalParent);
7
8
  const handleClickClose = useCallback(() => {
@@ -10,8 +11,9 @@ export const MessageDialog = ({ title, subtitle, description, closeText, onClick
10
11
  }
11
12
  onClickClose();
12
13
  }, [onClickClose, props.isOpen]);
14
+ const titleId = useId();
13
15
  return (React.createElement(Portal, null,
14
- React.createElement(DialogContentInner, { ariaLabel: subtitle ? `${subtitle} ${title}` : title, className: className, ...props },
15
- React.createElement(MessageDialogContentInner, { title: title, subtitle: subtitle, description: description, closeText: closeText, onClickClose: handleClickClose }))));
16
+ React.createElement(DialogContentInner, { "aria-labelledby": titleId, className: className, ...props },
17
+ React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, description: description, closeText: closeText, onClickClose: handleClickClose }))));
16
18
  };
17
19
  //# sourceMappingURL=MessageDialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAiBpC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,kBAAkB,IACjB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EACpD,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACd,CACV,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAiBzC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,kBAAkB,uBAAkB,OAAO,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK;YAC3E,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACd,CACV,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
2
  import { DialogContentInnerProps } from './DialogContentInner';
3
3
  import { BaseProps } from './MessageDialogContentInner';
4
- declare type Props = BaseProps & Pick<DialogContentInnerProps, 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'>;
4
+ declare type Props = Omit<BaseProps, 'titleId'> & Pick<DialogContentInnerProps, 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'>;
5
5
  declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
6
  export declare const MessageDialogContent: React.VFC<Props & ElementProps>;
7
7
  export {};
@@ -2,6 +2,7 @@ import React, { useCallback, useContext } from 'react';
2
2
  import { DialogContext } from './DialogWrapper';
3
3
  import { DialogContentInner } from './DialogContentInner';
4
4
  import { MessageDialogContentInner } from './MessageDialogContentInner';
5
+ import { useId } from '../../hooks/useId';
5
6
  export const MessageDialogContent = ({ title, description, closeText, className = '', ...props }) => {
6
7
  const { DialogContentRoot, onClickClose, active } = useContext(DialogContext);
7
8
  const handleClickClose = useCallback(() => {
@@ -10,8 +11,9 @@ export const MessageDialogContent = ({ title, description, closeText, className
10
11
  }
11
12
  onClickClose();
12
13
  }, [active, onClickClose]);
14
+ const titleId = useId();
13
15
  return (React.createElement(DialogContentRoot, null,
14
- React.createElement(DialogContentInner, { onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabel: title, className: className, ...props },
15
- React.createElement(MessageDialogContentInner, { title: title, description: description, closeText: closeText, onClickClose: handleClickClose }))));
16
+ React.createElement(DialogContentInner, { onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, className: className, ...props },
17
+ React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, closeText: closeText, onClickClose: handleClickClose }))));
16
18
  };
17
19
  //# sourceMappingURL=MessageDialogContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAMlF,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAE7E,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,oBAAC,iBAAiB;QAChB,oBAAC,kBAAkB,IACjB,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACH,CACrB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAE7E,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,CACL,oBAAC,iBAAiB;QAChB,oBAAC,kBAAkB,IACjB,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACH,CACrB,CAAA;AACH,CAAC,CAAA"}
@@ -3,8 +3,9 @@ export declare type BaseProps = {
3
3
  /**
4
4
  * Title of the dialog.
5
5
  */
6
- title: string;
7
- subtitle?: string;
6
+ title: React.ReactNode;
7
+ subtitle?: React.ReactNode;
8
+ titleId: string;
8
9
  /**
9
10
  * Description of the dialog.
10
11
  */
@@ -12,7 +13,7 @@ export declare type BaseProps = {
12
13
  /**
13
14
  * Label of close button.
14
15
  */
15
- closeText: string;
16
+ closeText: React.ReactNode;
16
17
  };
17
18
  export declare type MessageDialogContentInnerProps = BaseProps & {
18
19
  /**
@@ -6,14 +6,14 @@ import { useOffsetHeight } from './dialogHelper';
6
6
  import { Stack } from '../Layout';
7
7
  import { SecondaryButton } from '../Button';
8
8
  import { Text } from '../Text';
9
- export const MessageDialogContentInner = ({ title, subtitle, description, closeText, onClickClose, }) => {
9
+ export const MessageDialogContentInner = ({ title, subtitle, titleId, description, closeText, onClickClose, }) => {
10
10
  const classNames = useClassNames().dialog;
11
11
  const theme = useTheme();
12
12
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
13
13
  return (React.createElement(React.Fragment, null,
14
14
  React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea },
15
15
  subtitle && (React.createElement(Text, { as: "p", size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
16
- React.createElement(Text, { as: "p", size: "L", leading: "TIGHT", className: classNames.title }, title)),
16
+ React.createElement(Text, { as: "p", id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
17
17
  React.createElement(Description, { themes: theme, offsetHeight: offsetHeight, className: classNames.description }, description),
18
18
  React.createElement(Bottom, { themes: theme, ref: bottomRef, className: classNames.buttonArea },
19
19
  React.createElement(SecondaryButton, { onClick: onClickClose, className: classNames.closeButton }, closeText))));
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAyB9B,MAAM,CAAC,MAAM,yBAAyB,GAAwC,CAAC,EAC7E,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,GACb,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,OAAO,CACL;QACE,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;YAChF,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,IACnF,QAAQ,CACJ,CACR;YACD,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,IAC9D,KAAK,CACD,CACG;QACZ,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IACtF,WAAW,CACA;QACd,oBAAC,MAAM,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACrE,oBAAC,eAAe,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IACtE,SAAS,CACM,CACX,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBACrB,MAAM,CAAC,SAAS;eACtB,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC;GACnC,CACF,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAyC;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;iCACmB,YAAY;;mBAE1B,aAAa,CAAC,GAAG,CAAC;mBAClB,QAAQ,CAAC,CAAC;;KAExB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAmB;IACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IACxC,OAAO,GAAG,CAAA;;;iBAGG,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;oBACnC,MAAM,CAAC,SAAS;KAC/B,CAAA;AACH,CAAC;CACF,CAAA"}
1
+ {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,14 @@
1
- import { useCallback, useEffect, useRef, useState } from 'react';
1
+ import { useCallback, useLayoutEffect, useRef, useState } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
3
  export function useDialogPortal(parent) {
4
4
  const portalContainer = useRef(document.createElement('div')).current;
5
5
  const [isReady, setIsReady] = useState(false);
6
- useEffect(() => {
6
+ useLayoutEffect(() => {
7
7
  const parentElement = parent != null && 'current' in parent ? parent.current : parent;
8
8
  // SSR を考慮し、useEffect 内で初期値 document.body を指定
9
9
  const actualParent = parentElement || document.body;
10
- // 前状態のクリンナップと同ループで処理しないようにタイミングを遅らせる
11
- setTimeout(() => {
12
- actualParent.appendChild(portalContainer);
13
- setIsReady(true);
14
- });
10
+ actualParent.appendChild(portalContainer);
11
+ setIsReady(true);
15
12
  return () => {
16
13
  setIsReady(false);
17
14
  actualParent.removeChild(portalContainer);
@@ -1 +1 @@
1
- {"version":3,"file":"useDialogPortal.js","sourceRoot":"","sources":["../../../src/components/Dialog/useDialogPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,UAAU,eAAe,CAAC,MAA6C;IAC3E,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAA;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,MAAM,IAAI,IAAI,IAAI,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;QACrF,6CAA6C;QAC7C,MAAM,YAAY,GAAG,aAAa,IAAI,QAAQ,CAAC,IAAI,CAAA;QACnD,qCAAqC;QACrC,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;YACzC,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,MAAM,GAAiC,WAAW,CACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACf,IAAI,CAAC,OAAO,EAAE;YACZ,wCAAwC;YACxC,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,OAAO;QACL,MAAM;QACN,OAAO;KACR,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"useDialogPortal.js","sourceRoot":"","sources":["../../../src/components/Dialog/useDialogPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,UAAU,eAAe,CAAC,MAA6C;IAC3E,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAA;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,MAAM,IAAI,IAAI,IAAI,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;QACrF,6CAA6C;QAC7C,MAAM,YAAY,GAAG,aAAa,IAAI,QAAQ,CAAC,IAAI,CAAA;QACnD,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;QACzC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,MAAM,GAAiC,WAAW,CACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACf,IAAI,CAAC,OAAO,EAAE;YACZ,wCAAwC;YACxC,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,OAAO;QACL,MAAM;QACN,OAAO;KACR,CAAA;AACH,CAAC"}
@@ -50,7 +50,7 @@ const Wrapper = styled.span(({ themes, $width = 'auto', $disabled, error }) => {
50
50
  width: ${typeof $width === 'number' ? `${$width}px` : $width};
51
51
 
52
52
  &:focus-within {
53
- box-shadow: ${shadow.OUTLINE};
53
+ ${shadow.focusIndicatorStyles};
54
54
  }
55
55
 
56
56
  ${!$disabled &&
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -86,13 +86,15 @@ const ActionWrapper = styled(Cluster)(({ themes: { spacingByChar } }) => css `
86
86
  margin-bottom: ${spacingByChar(-0.5)};
87
87
  `);
88
88
  const CloseButton = styled(TextButton)(({ colorSet: { fgColor, bgColor }, themes: { color, spacingByChar } }) => css `
89
+ flex-shrink: 0;
90
+
89
91
  margin-top: ${spacingByChar(-0.5)};
90
92
  margin-right: ${spacingByChar(-0.5)};
91
93
  margin-bottom: ${spacingByChar(-0.5)};
92
94
  color: ${fgColor};
93
95
 
94
96
  &:hover,
95
- &:focus {
97
+ &:focus-visible {
96
98
  background-color: ${color.hoverColor(bgColor)};
97
99
  color: ${fgColor};
98
100
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import styled, { css } from 'styled-components';
3
+ import { transparentize } from 'polished';
3
4
  import { useTheme } from '../../hooks/useTheme';
4
5
  import { useClassNames } from './useClassNames';
5
6
  export const RadioButtonInput = ({ onChange, ...props }) => {
@@ -75,8 +76,7 @@ const Box = styled.span `
75
76
  }}
76
77
  `;
77
78
  const Input = styled.input `
78
- ${({ themes }) => {
79
- const { OUTLINE } = themes.shadow;
79
+ ${({ themes: { color, shadow } }) => {
80
80
  return css `
81
81
  opacity: 0;
82
82
  position: absolute;
@@ -90,9 +90,11 @@ const Input = styled.input `
90
90
  &[disabled] {
91
91
  pointer-events: none;
92
92
  }
93
-
94
- &:focus + span {
95
- box-shadow: ${OUTLINE};
93
+ &:hover:not([disabled]) + span {
94
+ box-shadow: 0 0 0 2px ${transparentize(0.78, color.MAIN)};
95
+ }
96
+ &:focus-visible + span {
97
+ box-shadow: ${shadow.focusIndicatorStyles};
96
98
  }
97
99
  `;
98
100
  }}
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButtonInput.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButtonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,WAAW,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QACpB,oBAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,WAAW,EACjC,MAAM,EAAE,KAAK,KACT,KAAK,GACT;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,GAAI,CACvC,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAEvB,OAAO,GAAG,CAAA;;;;eAIC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;;KAE3B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAEtC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;;;wBAIb,KAAK,CAAC,IAAI;4BACN,KAAK,CAAC,IAAI;;;;;;mBAMnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;oBACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;8BAEL,KAAK,CAAC,KAAK;;;;;;;;4BAQb,KAAK,CAAC,MAAM;wBAChB,KAAK,CAAC,MAAM;;;;0BAIV,KAAK,CAAC,MAAM;;;gCAGN,KAAK,CAAC,KAAK;;;;KAItC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,MAAM,CAAA;IAEjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;sBAeQ,OAAO;;KAExB,CAAA;AACH,CAAC;CACF,CAAA"}
1
+ {"version":3,"file":"RadioButtonInput.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButtonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,WAAW,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAgC,EAAE,EAAE;QACnC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QACpB,oBAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,WAAW,EACjC,MAAM,EAAE,KAAK,KACT,KAAK,GACT;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,GAAI,CACvC,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAEvB,OAAO,GAAG,CAAA;;;;eAIC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;;KAE3B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAEtC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;;;wBAIb,KAAK,CAAC,IAAI;4BACN,KAAK,CAAC,IAAI;;;;;;mBAMnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;oBACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;8BAEL,KAAK,CAAC,KAAK;;;;;;;;4BAQb,KAAK,CAAC,MAAM;wBAChB,KAAK,CAAC,MAAM;;;;0BAIV,KAAK,CAAC,MAAM;;;gCAGN,KAAK,CAAC,KAAK;;;;KAItC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;gCAckB,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;;;sBAG1C,MAAM,CAAC,oBAAoB;;KAE5C,CAAA;AACH,CAAC;CACF,CAAA"}
@@ -85,7 +85,7 @@ const Button = styled(SecondaryButton)(({ themes: { border, color, radius, shado
85
85
  }
86
86
  }
87
87
 
88
- &:focus {
88
+ &:focus-visible {
89
89
  ${shadow.focusIndicatorStyles}
90
90
  }
91
91
  &:first-child {
@@ -19,8 +19,8 @@ export function Select({ options, onChange, onChangeValue, error = false, width
19
19
  }
20
20
  }, [onChange, onChangeValue, options]);
21
21
  const classNames = useClassNames();
22
- return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, "$width": widthStyle, error: error, disabled: disabled, themes: theme },
23
- React.createElement(SelectBox, { onChange: handleChange, "aria-invalid": error || undefined, themes: theme, disabled: disabled, ...props },
22
+ return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, "$width": widthStyle },
23
+ React.createElement(SelectBox, { onChange: handleChange, "aria-invalid": error || undefined, themes: theme, error: error, disabled: disabled, ...props },
24
24
  hasBlank && React.createElement("option", { value: "" }, blankLabel),
25
25
  options.map((option) => {
26
26
  if ('value' in option) {
@@ -32,49 +32,25 @@ export function Select({ options, onChange, onChangeValue, error = false, width
32
32
  // Support for not omitting labels in Mobile Safari
33
33
  isMobileSafari && React.createElement(BlankOptgroup, null)),
34
34
  React.createElement(IconWrap, { themes: theme },
35
- React.createElement(FaSortIcon, { color: "inherit" }))));
35
+ React.createElement(FaSortIcon, null))));
36
36
  }
37
- const Wrapper = styled.div(({ $width, error, disabled, themes }) => {
38
- const { border, color, radius, shadow } = themes;
37
+ const Wrapper = styled.div(({ $width }) => {
39
38
  return css `
40
39
  box-sizing: border-box;
41
40
  position: relative;
42
- border-radius: ${radius.m};
43
- border: ${border.shorthand};
44
- background-color: ${color.WHITE};
45
41
  width: ${$width};
46
-
47
- &:hover {
48
- ${!disabled &&
49
- css `
50
- background-color: ${color.hoverColor(color.WHITE)};
51
- `}
52
- }
53
- &:focus-within {
54
- ${shadow.focusIndicatorStyles}
55
- }
56
-
57
- ${error &&
58
- css `
59
- border-color: ${color.DANGER};
60
- `}
61
- ${disabled &&
62
- css `
63
- background-color: ${color.COLUMN};
64
- color: ${color.TEXT_DISABLED};
65
- `}
66
42
  `;
67
43
  });
68
44
  const SelectBox = styled.select `
69
- ${({ themes }) => {
70
- const { color, fontSize, leading, spacingByChar } = themes;
45
+ ${({ error, themes }) => {
46
+ const { border, color, fontSize, leading, radius, shadow, spacingByChar } = themes;
71
47
  return css `
72
48
  appearance: none;
73
49
  cursor: pointer;
74
- display: inline-block;
75
50
  outline: none;
76
- border: none;
77
- background-color: transparent;
51
+ border-radius: ${radius.m};
52
+ border: ${border.shorthand};
53
+ background-color: ${color.WHITE};
78
54
  padding: ${spacingByChar(0.75)};
79
55
  padding-right: ${spacingByChar(2)};
80
56
  padding-left: ${spacingByChar(0.5)};
@@ -83,14 +59,23 @@ const SelectBox = styled.select `
83
59
  line-height: ${leading.NONE};
84
60
  width: 100%;
85
61
 
86
- &::placeholder {
87
- color: ${color.TEXT_GREY};
62
+ ${error &&
63
+ css `
64
+ border-color: ${color.DANGER};
65
+ `}
66
+
67
+ &:hover {
68
+ background-color: ${color.hoverColor(color.WHITE)};
69
+ }
70
+
71
+ &:focus-visible {
72
+ ${shadow.focusIndicatorStyles}
88
73
  }
89
74
 
90
- &[disabled] {
75
+ &:disabled {
91
76
  pointer-events: none;
92
- cursor: not-allowed;
93
77
  opacity: 1;
78
+ background-color: ${color.COLUMN};
94
79
  color: ${color.TEXT_DISABLED};
95
80
  }
96
81
  `;
@@ -112,7 +97,7 @@ const IconWrap = styled.span `
112
97
  ${SelectBox}:disabled + & {
113
98
  color: ${color.TEXT_DISABLED};
114
99
  }
115
- ${SelectBox}:focus + & {
100
+ ${SelectBox}:focus-visible + & {
116
101
  color: ${color.TEXT_BLACK};
117
102
  }
118
103
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}