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.
- package/CHANGELOG.md +27 -0
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js +2 -3
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/esm/components/Button/BaseButton.js +1 -1
- package/esm/components/Button/DangerButton.js +1 -1
- package/esm/components/Button/PrimaryButton.js +1 -1
- package/esm/components/Button/SecondaryButton.js +1 -1
- package/esm/components/Button/SkeletonButton.js +1 -1
- package/esm/components/Button/TextButton.js +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +2 -2
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/Dialog/FocusTrap.js +2 -1
- package/esm/components/Dialog/FocusTrap.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.d.ts +1 -1
- package/esm/components/Dialog/MessageDialog.js +4 -2
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContent.d.ts +1 -1
- package/esm/components/Dialog/MessageDialogContent.js +4 -2
- package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.d.ts +4 -3
- package/esm/components/Dialog/MessageDialogContentInner.js +2 -2
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/useDialogPortal.js +4 -7
- package/esm/components/Dialog/useDialogPortal.js.map +1 -1
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.js +3 -1
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +7 -5
- package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +1 -1
- package/esm/components/Select/Select.js +23 -38
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/SideNav/SideNavItem.js +6 -6
- package/esm/components/SideNav/SideNavItem.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +9 -11
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js +2 -3
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/lib/components/Button/BaseButton.js +1 -1
- package/lib/components/Button/DangerButton.js +1 -1
- package/lib/components/Button/PrimaryButton.js +1 -1
- package/lib/components/Button/SecondaryButton.js +1 -1
- package/lib/components/Button/SkeletonButton.js +1 -1
- package/lib/components/Button/TextButton.js +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +2 -2
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/Dialog/FocusTrap.js +2 -1
- package/lib/components/Dialog/FocusTrap.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.d.ts +1 -1
- package/lib/components/Dialog/MessageDialog.js +4 -2
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContent.d.ts +1 -1
- package/lib/components/Dialog/MessageDialogContent.js +4 -2
- package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.d.ts +4 -3
- package/lib/components/Dialog/MessageDialogContentInner.js +2 -2
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/useDialogPortal.js +3 -6
- package/lib/components/Dialog/useDialogPortal.js.map +1 -1
- package/lib/components/Input/Input.js +1 -1
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.js +3 -1
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +7 -5
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +1 -1
- package/lib/components/Select/Select.js +23 -38
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/SideNav/SideNavItem.js +6 -6
- package/lib/components/SideNav/SideNavItem.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +9 -11
- package/lib/components/Textarea/Textarea.js.map +1 -1
- 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":"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"}
|
|
@@ -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.
|
|
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,
|
|
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 &&
|
|
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,
|
|
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, {
|
|
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;
|
|
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,
|
|
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;
|
|
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:
|
|
7
|
-
subtitle?:
|
|
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:
|
|
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;
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
95
|
-
|
|
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;
|
|
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"}
|
|
@@ -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
|
|
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,
|
|
35
|
+
React.createElement(FaSortIcon, null))));
|
|
36
36
|
}
|
|
37
|
-
const Wrapper = styled.div(({ $width
|
|
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:
|
|
77
|
-
|
|
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
|
-
|
|
87
|
-
|
|
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
|
-
|
|
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":"AAAA,OAAO,KAAK,EAAE,EAAqC,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA2BpC,MAAM,UAAU,MAAM,CAAmB,EACvC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,UAAU,EACvB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnE,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAiC,EAAE,EAAE;QACpC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,IAAI,aAAa,EAAE;YACjB,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5D,EAAsB,CACvB,CAAA;YACD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACvF,IAAI,cAAc,EAAE;gBAClB,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;aACpC;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,CACnC,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|