smarthr-ui 41.1.1 → 41.2.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/esm/components/AccordionPanel/AccordionPanelContent.js +1 -1
- package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/esm/components/AppNavi/AppNavi.js +3 -3
- package/esm/components/AppNavi/AppNavi.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +2 -2
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/FormControl/FormControl.d.ts +1 -1
- package/esm/components/FormGroup/FormGroup.d.ts +2 -0
- package/esm/components/FormGroup/FormGroup.js +11 -6
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Layout/Stack/Stack.js +22 -22
- package/esm/components/Layout/Stack/Stack.js.map +1 -1
- package/esm/components/Loader/Loader.js +1 -1
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.js +5 -5
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js +20 -31
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.d.ts +1 -0
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js +1 -1
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/lib/components/AppNavi/AppNavi.js +2 -2
- package/lib/components/AppNavi/AppNavi.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +2 -2
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/FormControl/FormControl.d.ts +1 -1
- package/lib/components/FormGroup/FormGroup.d.ts +2 -0
- package/lib/components/FormGroup/FormGroup.js +11 -6
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Layout/Stack/Stack.js +22 -22
- package/lib/components/Layout/Stack/Stack.js.map +1 -1
- package/lib/components/Loader/Loader.js +1 -1
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +5 -5
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js +19 -30
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/lib/components/Select/Select.js +3 -3
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.d.ts +1 -0
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js +3 -3
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -1
- package/package.json +29 -29
- package/smarthr-ui.css +124 -68
- package/esm/components/RadioButtonPanel/useClassNames.d.ts +0 -3
- package/esm/components/RadioButtonPanel/useClassNames.js +0 -10
- package/esm/components/RadioButtonPanel/useClassNames.js.map +0 -1
- package/lib/components/RadioButtonPanel/useClassNames.d.ts +0 -3
- package/lib/components/RadioButtonPanel/useClassNames.js +0 -14
- package/lib/components/RadioButtonPanel/useClassNames.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,aAAa;QACb,+CAA+C;QAC/C,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,aAAa;QACb,+CAA+C;QAC/C,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,gCAAgC;QAChC,yBAAyB;QACzB,6BAA6B;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IACpC,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { Nav } from '../SectioningContent';
|
|
5
|
-
import { StatusLabel
|
|
5
|
+
import { StatusLabel } from '../StatusLabel';
|
|
6
6
|
import { AppNaviAnchor } from './AppNaviAnchor';
|
|
7
7
|
import { AppNaviButton } from './AppNaviButton';
|
|
8
8
|
import { AppNaviCustomTag } from './AppNaviCustomTag';
|
|
@@ -12,7 +12,7 @@ export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '',
|
|
|
12
12
|
const theme = useTheme();
|
|
13
13
|
const classNames = useClassNames();
|
|
14
14
|
return (React.createElement(WrapperNav, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
15
|
-
label && (React.createElement(
|
|
15
|
+
label && (React.createElement(StyledStatusLabel, { themes: theme, className: classNames.label }, label)),
|
|
16
16
|
buttons && (React.createElement(Buttons, { themes: theme, className: classNames.buttons }, buttons.map((button, i) => {
|
|
17
17
|
const isUnclickable = button.current && isCurrentUnclickable;
|
|
18
18
|
if ('tag' in button) {
|
|
@@ -44,7 +44,7 @@ const WrapperNav = styled(Nav) `
|
|
|
44
44
|
padding-left: ${spacingByChar(1.5)};
|
|
45
45
|
`}
|
|
46
46
|
`;
|
|
47
|
-
const
|
|
47
|
+
const StyledStatusLabel = styled(StatusLabel) `
|
|
48
48
|
${({ themes: { spacingByChar } }) => css `
|
|
49
49
|
margin-right: ${spacingByChar(1)};
|
|
50
50
|
`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -215,7 +215,7 @@ const Container = styled.div.attrs(({ isFocused, error, $disabled, $width, theme
|
|
|
215
215
|
background-color: ${color.WHITE};
|
|
216
216
|
padding: ${space(0.25)} ${space(0.5)};
|
|
217
217
|
cursor: text;
|
|
218
|
-
min-width:
|
|
218
|
+
min-width: 15em;
|
|
219
219
|
box-sizing: border-box;
|
|
220
220
|
|
|
221
221
|
@media (prefers-contrast: more) {
|
|
@@ -27,7 +27,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
27
27
|
const classNames = useMultiComboBoxClassNames();
|
|
28
28
|
return (React.createElement(MultiSelectedItemTooltip, { needsTooltip: needsTooltip, text: item.label },
|
|
29
29
|
React.createElement(Chip, { disabled: disabled, className: `${classNames.selectedItem} shr-flex shr-items-center shr-gap-0.75 shr-leading-normal [&]:shr-rounded-em` },
|
|
30
|
-
React.createElement(
|
|
30
|
+
React.createElement(Item, { enableEllipsis: enableEllipsis, className: classNames.selectedItemLabel, ref: labelRef }, item.label),
|
|
31
31
|
deletable && (React.createElement(DeleteButton, { type: "button", themes: theme, className: classNames.deleteButton, disabled: disabled, onClick: actualOnDelete, onKeyDown: (e) => {
|
|
32
32
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
33
33
|
e.stopPropagation();
|
|
@@ -38,7 +38,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
38
38
|
}, ref: buttonRef, tabIndex: -1 },
|
|
39
39
|
React.createElement(FaTimesCircleIcon, { color: disabled ? 'TEXT_DISABLED' : 'inherit', alt: decorators?.destroyButtonIconAlt?.(DESTROY_BUTTON_TEXT) || DESTROY_BUTTON_TEXT }))))));
|
|
40
40
|
}
|
|
41
|
-
const
|
|
41
|
+
const Item = styled.span `
|
|
42
42
|
${({ enableEllipsis }) => css `
|
|
43
43
|
${enableEllipsis &&
|
|
44
44
|
css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAa5D,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,UAAU,GACD;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAEjC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC7B,OAAM;QACR,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,UAAU,GAAG,0BAA0B,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK;QACpE,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,+EAA+E;YAEpH,oBAAC,
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps } from 'react';
|
|
2
2
|
import { FormGroup } from '../FormGroup';
|
|
3
|
-
type Props = Omit<ComponentProps<typeof FormGroup>, 'as'>;
|
|
3
|
+
type Props = Omit<ComponentProps<typeof FormGroup>, 'as' | 'dangerouslyTitleHidden'>;
|
|
4
4
|
export declare const FormControl: React.FC<Props>;
|
|
5
5
|
export {};
|
|
@@ -14,11 +14,12 @@ import { Select } from '../Select';
|
|
|
14
14
|
import { StatusLabel } from '../StatusLabel';
|
|
15
15
|
import { Text } from '../Text';
|
|
16
16
|
import { Textarea } from '../Textarea';
|
|
17
|
+
import { visuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText';
|
|
17
18
|
import { useClassNames } from './useClassNames';
|
|
18
19
|
/**
|
|
19
20
|
* @deprecated `FormGroup` コンポーネントは非推奨です。代わりに `FormControl` や `Fieldset` を使ってください。
|
|
20
21
|
*/
|
|
21
|
-
export const FormGroup = ({ title, titleType = 'blockTitle', htmlFor, labelId, innerMargin, statusLabelProps = [], helpMessage, exampleMessage, errorMessages, supplementaryMessage, disabled, as = 'div', className = '', children, ...props }) => {
|
|
22
|
+
export const FormGroup = ({ title, titleType = 'blockTitle', dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin, statusLabelProps = [], helpMessage, exampleMessage, errorMessages, supplementaryMessage, disabled, as = 'div', className = '', children, ...props }) => {
|
|
22
23
|
const disabledClass = disabled ? 'disabled' : '';
|
|
23
24
|
const managedHtmlFor = useId(htmlFor);
|
|
24
25
|
const managedLabelId = useId(labelId);
|
|
@@ -31,8 +32,10 @@ export const FormGroup = ({ title, titleType = 'blockTitle', htmlFor, labelId, i
|
|
|
31
32
|
.map(([key]) => `${managedHtmlFor}_${key}`)
|
|
32
33
|
.join(' '), [helpMessage, exampleMessage, supplementaryMessage, errorMessages, managedHtmlFor]);
|
|
33
34
|
return (React.createElement(WrapperStack, { ...props, innerMargin: innerMargin, disabled: disabled, "aria-labelledby": isRoleGroup ? managedLabelId : undefined, "aria-describedby": isRoleGroup && describedbyIds ? describedbyIds : undefined, themes: theme, className: `${className} ${disabledClass} ${classNames.wrapper}`, forwardedAs: as },
|
|
34
|
-
React.createElement(
|
|
35
|
-
|
|
35
|
+
React.createElement(TitleCluster, { htmlFor: !isRoleGroup ? managedHtmlFor : undefined, id: managedLabelId, className: `${classNames.label}`, forwardedAs: isRoleGroup ? 'legend' : 'label', dangerouslyTitleHidden: dangerouslyTitleHidden,
|
|
36
|
+
// Stack 対象にしないための hidden
|
|
37
|
+
hidden: dangerouslyTitleHidden || undefined },
|
|
38
|
+
React.createElement(Text, { as: "span", styleType: titleType }, title),
|
|
36
39
|
statusLabelList.length > 0 && (React.createElement(Cluster, { gap: 0.25, as: "span" }, statusLabelList.map((statusLabelProp, index) => (React.createElement(StatusLabel, { ...statusLabelProp, key: index })))))),
|
|
37
40
|
helpMessage && (React.createElement("p", { className: classNames.helpMessage, id: `${managedHtmlFor}_helpMessage` }, helpMessage)),
|
|
38
41
|
exampleMessage && (React.createElement(Text, { as: "p", color: "TEXT_GREY", italic: true, id: `${managedHtmlFor}_exampleMessage`, className: classNames.exampleMessage }, exampleMessage)),
|
|
@@ -120,11 +123,13 @@ const WrapperStack = styled(Stack).attrs(({ innerMargin }) => ({
|
|
|
120
123
|
}
|
|
121
124
|
`}
|
|
122
125
|
`;
|
|
123
|
-
const
|
|
126
|
+
const TitleCluster = styled(Cluster).attrs(({ className, dangerouslyTitleHidden }) => ({
|
|
127
|
+
align: 'center',
|
|
128
|
+
className: dangerouslyTitleHidden ? visuallyHiddenText({ className }) : className,
|
|
129
|
+
})) `
|
|
124
130
|
/* flex-item が stretch してクリッカブル領域が広がりすぎないようにする */
|
|
125
131
|
align-self: start;
|
|
126
132
|
`;
|
|
127
|
-
const GroupLabelText = styled(Text).attrs({ forwardedAs: 'span' }) ``;
|
|
128
133
|
const ErrorMessage = styled.p `
|
|
129
134
|
${({ themes: { color } }) => css `
|
|
130
135
|
.smarthr-ui-FormGroup-errorMessage {
|
|
@@ -136,7 +141,7 @@ const ChildrenWrapper = styled.div `
|
|
|
136
141
|
${({ innerMargin, isRoleGroup }) => css `
|
|
137
142
|
${(innerMargin || isRoleGroup) &&
|
|
138
143
|
css `
|
|
139
|
-
|
|
144
|
+
&&& {
|
|
140
145
|
margin-block-start: ${useSpacing(innerMargin || (isRoleGroup ? 1 : 0.5))};
|
|
141
146
|
}
|
|
142
147
|
`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,28 +9,28 @@ const stack = tv({
|
|
|
9
9
|
false: 'shr-flex',
|
|
10
10
|
},
|
|
11
11
|
gap: {
|
|
12
|
-
0: '
|
|
13
|
-
0.25: '
|
|
14
|
-
0.5: '
|
|
15
|
-
0.75: '
|
|
16
|
-
1: '
|
|
17
|
-
1.25: '
|
|
18
|
-
1.5: '
|
|
19
|
-
2: '
|
|
20
|
-
2.5: '
|
|
21
|
-
3: '
|
|
22
|
-
3.5: '
|
|
23
|
-
4: '
|
|
24
|
-
8: '
|
|
25
|
-
X3S: '
|
|
26
|
-
XXS: '
|
|
27
|
-
XS: '
|
|
28
|
-
S: '
|
|
29
|
-
M: '
|
|
30
|
-
L: '
|
|
31
|
-
XL: '
|
|
32
|
-
XXL: '
|
|
33
|
-
X3L: '
|
|
12
|
+
0: 'shr-space-y-0',
|
|
13
|
+
0.25: 'shr-space-y-0.25',
|
|
14
|
+
0.5: 'shr-space-y-0.5',
|
|
15
|
+
0.75: 'shr-space-y-0.75',
|
|
16
|
+
1: 'shr-space-y-1',
|
|
17
|
+
1.25: 'shr-space-y-1.25',
|
|
18
|
+
1.5: 'shr-space-y-1.5',
|
|
19
|
+
2: 'shr-space-y-2',
|
|
20
|
+
2.5: 'shr-space-y-2.5',
|
|
21
|
+
3: 'shr-space-y-3',
|
|
22
|
+
3.5: 'shr-space-y-3.5',
|
|
23
|
+
4: 'shr-space-y-4',
|
|
24
|
+
8: 'shr-space-y-8',
|
|
25
|
+
X3S: 'shr-space-y-0.25',
|
|
26
|
+
XXS: 'shr-space-y-0.5',
|
|
27
|
+
XS: 'shr-space-y-1',
|
|
28
|
+
S: 'shr-space-y-1.5',
|
|
29
|
+
M: 'shr-space-y-2',
|
|
30
|
+
L: 'shr-space-y-2.5',
|
|
31
|
+
XL: 'shr-space-y-3',
|
|
32
|
+
XXL: 'shr-space-y-3.5',
|
|
33
|
+
X3L: 'shr-space-y-4',
|
|
34
34
|
},
|
|
35
35
|
align: {
|
|
36
36
|
start: 'shr-items-start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAGpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAEhF,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAGpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAEhF,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,eAAe;YAClB,IAAI,EAAE,kBAAkB;YACxB,GAAG,EAAE,iBAAiB;YACtB,IAAI,EAAE,kBAAkB;YACxB,CAAC,EAAE,eAAe;YAClB,IAAI,EAAE,kBAAkB;YACxB,GAAG,EAAE,iBAAiB;YACtB,CAAC,EAAE,eAAe;YAClB,GAAG,EAAE,iBAAiB;YACtB,CAAC,EAAE,eAAe;YAClB,GAAG,EAAE,iBAAiB;YACtB,CAAC,EAAE,eAAe;YAClB,CAAC,EAAE,eAAe;YAClB,GAAG,EAAE,kBAAkB;YACvB,GAAG,EAAE,iBAAiB;YACtB,EAAE,EAAE,eAAe;YACnB,CAAC,EAAE,iBAAiB;YACpB,CAAC,EAAE,eAAe;YAClB,CAAC,EAAE,iBAAiB;YACpB,EAAE,EAAE,eAAe;YACnB,GAAG,EAAE,iBAAiB;YACtB,GAAG,EAAE,eAAe;SACO;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IAED,MAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAC7C,CACX,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAe1D,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;QACzE,OAAO,EAAE;YACP,2BAA2B,EAAE,oBAAoB;YACjD,cAAc;YACd,WAAW;YACX,aAAa;YACb,yCAAyC;SAC1C;QACD,IAAI,EAAE;YACJ,wBAAwB,EAAE,oBAAoB;YAC9C,cAAc;YACd,WAAW;YACX,YAAY;YACZ,YAAY;YACZ,eAAe;SAChB;QACD,GAAG,EAAE;YACH,kBAAkB;YAClB,cAAc;YACd,WAAW;YACX,YAAY;YACZ,qBAAqB;YACrB,oBAAoB;SACrB;QACD,QAAQ,EAAE;YACR,cAAc;YACd,WAAW;YACX,WAAW;YACX,cAAc;YACd,YAAY;YACZ,gBAAgB;YAChB,kBAAkB;YAClB,oBAAoB;YACpB,0BAA0B;YAC1B,mBAAmB;SACpB;QACD,QAAQ,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,CAAC;KACxE;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE;gBACD,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;gBACnC,QAAQ,EAAE,CAAC,cAAc,CAAC;aAC3B;YACD,CAAC,EAAE;gBACD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC/B,QAAQ,EAAE,CAAC,cAAc,CAAC;aAC3B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,QAAQ,EAAE,CAAC,gBAAgB,CAAC;gBAC5B,IAAI,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { useId } from '../../hooks/useId';
|
|
|
4
4
|
const radioButton = tv({
|
|
5
5
|
slots: {
|
|
6
6
|
wrapper: 'smarthr-ui-RadioButton shr-inline-flex shr-items-baseline',
|
|
7
|
-
label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-
|
|
7
|
+
label: 'smarthr-ui-RadioButton-label shr-ms-0.5 shr-text-base shr-leading-tight',
|
|
8
8
|
innerWrapper: 'shr-relative shr-inline-block shr-h-em shr-w-em shr-shrink-0 shr-translate-y-[0.125em] shr-leading-none',
|
|
9
9
|
box: [
|
|
10
10
|
'shr-pointer-events-none',
|
|
@@ -14,7 +14,7 @@ const radioButton = tv({
|
|
|
14
14
|
'contrast-more:shr-border-high-contrast',
|
|
15
15
|
'peer-checked:shr-border-main peer-checked:shr-bg-main contrast-more:peer-checked:shr-border-high-contrast',
|
|
16
16
|
'peer-checked:before:shr-pointer-events-none peer-checked:before:shr-absolute peer-checked:before:shr-left-1/2 peer-checked:before:shr-top-1/2 peer-checked:before:shr-h-[0.375em] peer-checked:before:shr-w-[0.375em] peer-checked:before:-shr-translate-x-1/2 peer-checked:before:-shr-translate-y-1/2 peer-checked:before:shr-rounded-full peer-checked:before:shr-bg-white peer-checked:before:shr-content-[""]',
|
|
17
|
-
'peer-disabled:shr-
|
|
17
|
+
'peer-disabled:shr-border-default/50 peer-disabled:shr-bg-white-darken',
|
|
18
18
|
'peer-disabled:peer-checked:shr-border-default peer-disabled:peer-checked:shr-bg-border peer-disabled:peer-checked:before:shr-bg-white-darken',
|
|
19
19
|
'peer-focus-visible:shr-focus-indicator',
|
|
20
20
|
],
|
|
@@ -29,10 +29,10 @@ const radioButton = tv({
|
|
|
29
29
|
variants: {
|
|
30
30
|
disabled: {
|
|
31
31
|
true: {
|
|
32
|
-
label: 'shr-cursor-
|
|
32
|
+
label: 'shr-cursor-[revert] shr-text-disabled',
|
|
33
33
|
},
|
|
34
34
|
false: {
|
|
35
|
-
label: 'shr-text-black',
|
|
35
|
+
label: 'shr-cursor-pointer shr-text-black',
|
|
36
36
|
box: 'peer-hover:shr-shadow-input-hover',
|
|
37
37
|
},
|
|
38
38
|
},
|
|
@@ -46,7 +46,7 @@ export const RadioButton = forwardRef(({ onChange, children, className, ...props
|
|
|
46
46
|
innerWrapperStyle: innerWrapper(),
|
|
47
47
|
boxStyle: box({ disabled: !!props.disabled }),
|
|
48
48
|
inputStyle: input(),
|
|
49
|
-
labelStyle: label({ disabled: props.disabled }),
|
|
49
|
+
labelStyle: label({ disabled: !!props.disabled }),
|
|
50
50
|
};
|
|
51
51
|
}, [className, props.disabled]);
|
|
52
52
|
const handleChange = useCallback((e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EAAE,yEAAyE;QAChF,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,6HAA6H;YAC7H,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,uEAAuE;YACvE,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,uCAAuC;aAC/C;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;gBAC1C,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAClD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY;QAC3B,8BAAM,SAAS,EAAE,iBAAiB;YAEhC,kCACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,8BAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,+BAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
-
import React, { useRef } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/useTheme';
|
|
1
|
+
import React, { useMemo, useRef } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
4
3
|
import { Base } from '../Base';
|
|
5
4
|
import { RadioButton } from '../RadioButton';
|
|
6
|
-
import { useClassNames } from './useClassNames';
|
|
7
5
|
const MEANLESS_TAG_NAMES = ['div', 'span'];
|
|
6
|
+
const radioButtonPanel = tv({
|
|
7
|
+
base: [
|
|
8
|
+
'smarthr-ui-RadioButtonPanel',
|
|
9
|
+
'shr-border shr-border-solid shr-border-default shr-shadow-none',
|
|
10
|
+
// なぜか :has が動作しないので重ねて書いている
|
|
11
|
+
'has-[:focus-visible]:shr-focus-indicator [&:has(:focus-visible)]:shr-focus-indicator',
|
|
12
|
+
'[&_.smarthr-ui-RadioButton-radioButton:focus-visible_+_span]:shr-shadow-none',
|
|
13
|
+
'[&_.smarthr-ui-RadioButton-label]:shr-ms-0.75',
|
|
14
|
+
'has-[:disabled]:shr-cursor-default has-[:disabled]:[&_.smarthr-ui-RadioButton-label]:shr-cursor-default',
|
|
15
|
+
],
|
|
16
|
+
variants: {
|
|
17
|
+
disabled: {
|
|
18
|
+
false: 'shr-cursor-pointer [&_.smarthr-ui-RadioButton-label]:shr-cursor-pointer',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
});
|
|
8
22
|
export const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
|
|
9
|
-
const
|
|
10
|
-
const classNames = useClassNames(className);
|
|
23
|
+
const styles = useMemo(() => radioButtonPanel({ disabled: !!props.disabled, className }), [className, props.disabled]);
|
|
11
24
|
// 外側の装飾を押しても内側のラジオボタンが押せるようにする
|
|
12
25
|
const innerRef = useRef(null);
|
|
13
26
|
const handleOuterClick = () => {
|
|
@@ -15,31 +28,7 @@ export const RadioButtonPanel = ({ onClick, as, className, ...props }) => {
|
|
|
15
28
|
};
|
|
16
29
|
return (
|
|
17
30
|
// eslint-disable-next-line smarthr/a11y-delegate-element-has-role-presentation
|
|
18
|
-
React.createElement(
|
|
31
|
+
React.createElement(Base, { padding: 1, role: MEANLESS_TAG_NAMES.includes(`${as || ''}`) ? 'presentation' : undefined, onClick: handleOuterClick, as: as, className: styles },
|
|
19
32
|
React.createElement(RadioButton, { ...props, ref: innerRef })));
|
|
20
33
|
};
|
|
21
|
-
const WrapperBase = styled(Base).attrs({ padding: 1 }) `
|
|
22
|
-
${({ themes: { border, shadow, space } }) => css `
|
|
23
|
-
box-shadow: none;
|
|
24
|
-
border: ${border.shorthand};
|
|
25
|
-
|
|
26
|
-
:not(:has([disabled])) {
|
|
27
|
-
cursor: pointer;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/* :focus-visible-within の代替 */
|
|
31
|
-
:has(:focus-visible) {
|
|
32
|
-
${shadow.focusIndicatorStyles}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.smarthr-ui-RadioButton-radioButton:focus + span {
|
|
36
|
-
box-shadow: revert;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.smarthr-ui-RadioButton-label {
|
|
40
|
-
/* 視覚的な調整 */
|
|
41
|
-
margin-inline-start: ${space(0.75)};
|
|
42
|
-
}
|
|
43
|
-
`}
|
|
44
|
-
`;
|
|
45
34
|
//# sourceMappingURL=RadioButtonPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE;QACJ,6BAA6B;QAC7B,gEAAgE;QAChE,4BAA4B;QAC5B,sFAAsF;QACtF,8EAA8E;QAC9E,+CAA+C;QAC/C,yGAAyG;KAC1G;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE,yEAAyE;SACjF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EACjE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC5B,CAAA;IAED,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,oBAAC,IAAI,IACH,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM;QAGjB,oBAAC,WAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -7,7 +7,7 @@ const select = tv({
|
|
|
7
7
|
slots: {
|
|
8
8
|
wrapper: 'smarthr-ui-Select shr-relative shr-inline-block',
|
|
9
9
|
selectEl: [
|
|
10
|
-
'shr-peer shr-w-full shr-cursor-pointer shr-appearance-none shr-rounded-m shr-border shr-border-solid shr-bg-white shr-text-base shr-leading-
|
|
10
|
+
'shr-peer shr-w-full shr-cursor-pointer shr-appearance-none shr-rounded-m shr-border shr-border-solid shr-bg-white shr-text-base shr-leading-tight shr-text-black shr-outline-none',
|
|
11
11
|
'hover:shr-bg-white-darken',
|
|
12
12
|
'focus-visible:shr-focus-indicator',
|
|
13
13
|
'disabled:shr-pointer-events-none disabled:shr-bg-white-darken disabled:shr-text-disabled disabled:shr-opacity-100',
|
|
@@ -24,12 +24,12 @@ const select = tv({
|
|
|
24
24
|
variants: {
|
|
25
25
|
size: {
|
|
26
26
|
default: {
|
|
27
|
-
selectEl: 'shr-py-0.
|
|
27
|
+
selectEl: 'shr-py-0.5 shr-pe-2 shr-ps-0.5',
|
|
28
28
|
iconWrap: 'shr-end-0.75',
|
|
29
29
|
},
|
|
30
30
|
s: {
|
|
31
31
|
selectEl: [
|
|
32
|
-
'shr-px-0.5 shr-py-0.
|
|
32
|
+
'shr-px-0.5 shr-py-0.25 shr-text-sm',
|
|
33
33
|
/* padding に依る積み上げでは文字が見切れてしまうため */
|
|
34
34
|
'shr-min-h-[calc(theme(fontSize.sm)_+_theme(spacing[0.5])_*_2_+_theme(spacing.px)_*_2)]',
|
|
35
35
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+BpC,MAAM,WAAW,GAAG,UAAU,CAAA;AAE9B,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,iDAAiD;QAC1D,QAAQ,EAAE;YACR,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps, PropsWithChildren } from 'react';
|
|
2
|
+
export declare const visuallyHiddenText: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "shr-absolute -shr-top-px shr-left-0 shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "shr-absolute -shr-top-px shr-left-0 shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
2
3
|
export declare const VisuallyHiddenText: React.FC<PropsWithChildren<{
|
|
3
4
|
as?: string | React.ComponentType<any>;
|
|
4
5
|
} & ComponentProps<'span'>>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
|
-
const visuallyHiddenText = tv({
|
|
3
|
+
export const visuallyHiddenText = tv({
|
|
4
4
|
base: 'shr-absolute -shr-top-px shr-left-0 shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]',
|
|
5
5
|
});
|
|
6
6
|
export const VisuallyHiddenText = ({ as: Component = 'span', className, ...props }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHiddenText.js","sourceRoot":"","sources":["../../../src/components/VisuallyHiddenText/VisuallyHiddenText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,kBAAkB,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"VisuallyHiddenText.js","sourceRoot":"","sources":["../../../src/components/VisuallyHiddenText/VisuallyHiddenText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;IACnC,IAAI,EAAE,mKAAmK;CAC1K,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAM3B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE5E,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}
|
|
@@ -39,7 +39,7 @@ const accordionPanelContent = (0, tailwind_variants_1.tv)({
|
|
|
39
39
|
'shr-ease-in-out',
|
|
40
40
|
'shr-invisible',
|
|
41
41
|
'shr-opacity-0',
|
|
42
|
-
'[&.entered]:shr-max-h-
|
|
42
|
+
'[&.entered]:shr-max-h-[revert]',
|
|
43
43
|
'[&.entered]:shr-visible',
|
|
44
44
|
'[&.entered]:shr-opacity-100',
|
|
45
45
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,mEAAmD;AACnD,yDAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAKhE,MAAM,qBAAqB,GAAG,IAAA,sBAAE,EAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,aAAa;QACb,+CAA+C;QAC/C,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,mEAAmD;AACnD,yDAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAKhE,MAAM,qBAAqB,GAAG,IAAA,sBAAE,EAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,aAAa;QACb,+CAA+C;QAC/C,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,gCAAgC;QAChC,yBAAyB;QACzB,6BAA6B;KAC9B;CACF,CAAC,CAAA;AAEK,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,sCAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAA,kBAAY,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,8BAAC,mCAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IACpC,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,0CACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,qBAAqB,yBAqBjC"}
|
|
@@ -41,7 +41,7 @@ const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '', childre
|
|
|
41
41
|
const theme = (0, useTheme_1.useTheme)();
|
|
42
42
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
43
43
|
return (react_1.default.createElement(WrapperNav, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
44
|
-
label && (react_1.default.createElement(
|
|
44
|
+
label && (react_1.default.createElement(StyledStatusLabel, { themes: theme, className: classNames.label }, label)),
|
|
45
45
|
buttons && (react_1.default.createElement(Buttons, { themes: theme, className: classNames.buttons }, buttons.map((button, i) => {
|
|
46
46
|
const isUnclickable = button.current && isCurrentUnclickable;
|
|
47
47
|
if ('tag' in button) {
|
|
@@ -74,7 +74,7 @@ const WrapperNav = (0, styled_components_1.default)(SectioningContent_1.Nav) `
|
|
|
74
74
|
padding-left: ${spacingByChar(1.5)};
|
|
75
75
|
`}
|
|
76
76
|
`;
|
|
77
|
-
const
|
|
77
|
+
const StyledStatusLabel = (0, styled_components_1.default)(StatusLabel_1.StatusLabel) `
|
|
78
78
|
${({ themes: { spacingByChar } }) => (0, styled_components_1.css) `
|
|
79
79
|
margin-right: ${spacingByChar(1)};
|
|
80
80
|
`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6D;AAC7D,uEAA+C;AAE/C,mDAAsD;AACtD,4DAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -241,7 +241,7 @@ const Container = styled_components_1.default.div.attrs(({ isFocused, error, $di
|
|
|
241
241
|
background-color: ${color.WHITE};
|
|
242
242
|
padding: ${space(0.25)} ${space(0.5)};
|
|
243
243
|
cursor: text;
|
|
244
|
-
min-width:
|
|
244
|
+
min-width: 15em;
|
|
245
245
|
box-sizing: border-box;
|
|
246
246
|
|
|
247
247
|
@media (prefers-contrast: more) {
|
|
@@ -53,7 +53,7 @@ function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, buttonRef
|
|
|
53
53
|
const classNames = (0, useClassNames_1.useMultiComboBoxClassNames)();
|
|
54
54
|
return (react_1.default.createElement(MultiSelectedItemTooltip_1.MultiSelectedItemTooltip, { needsTooltip: needsTooltip, text: item.label },
|
|
55
55
|
react_1.default.createElement(Chip_1.Chip, { disabled: disabled, className: `${classNames.selectedItem} shr-flex shr-items-center shr-gap-0.75 shr-leading-normal [&]:shr-rounded-em` },
|
|
56
|
-
react_1.default.createElement(
|
|
56
|
+
react_1.default.createElement(Item, { enableEllipsis: enableEllipsis, className: classNames.selectedItemLabel, ref: labelRef }, item.label),
|
|
57
57
|
deletable && (react_1.default.createElement(DeleteButton, { type: "button", themes: theme, className: classNames.deleteButton, disabled: disabled, onClick: actualOnDelete, onKeyDown: (e) => {
|
|
58
58
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
59
59
|
e.stopPropagation();
|
|
@@ -65,7 +65,7 @@ function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, buttonRef
|
|
|
65
65
|
react_1.default.createElement(Icon_1.FaTimesCircleIcon, { color: disabled ? 'TEXT_DISABLED' : 'inherit', alt: decorators?.destroyButtonIconAlt?.(DESTROY_BUTTON_TEXT) || DESTROY_BUTTON_TEXT }))))));
|
|
66
66
|
}
|
|
67
67
|
exports.MultiSelectedItem = MultiSelectedItem;
|
|
68
|
-
const
|
|
68
|
+
const Item = styled_components_1.default.span `
|
|
69
69
|
${({ enableEllipsis }) => (0, styled_components_1.css) `
|
|
70
70
|
${enableEllipsis &&
|
|
71
71
|
(0, styled_components_1.css) `
|