smarthr-ui 40.0.2 → 40.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Button/ButtonWrapper.js +1 -1
- package/esm/components/Button/ButtonWrapper.js.map +1 -1
- package/esm/components/Chip/Chip.d.ts +34 -0
- package/esm/components/Chip/Chip.js +23 -0
- package/esm/components/Chip/Chip.js.map +1 -0
- package/esm/components/Chip/index.d.ts +1 -0
- package/esm/components/Chip/index.js +2 -0
- package/esm/components/Chip/index.js.map +1 -0
- package/esm/components/ComboBox/SingleComboBox.d.ts +7 -5
- package/esm/components/ErrorScreen/index.d.ts +0 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +0 -7
- package/esm/components/Header/HeaderLink.d.ts +0 -1
- package/esm/components/Input/Input.d.ts +13 -5
- package/esm/components/Input/Input.js +63 -87
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/InputFile/InputFile.d.ts +365 -11
- package/esm/components/InputFile/InputFile.js +56 -102
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.d.ts +0 -1
- package/esm/components/Table/Td.js +3 -0
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/Th.d.ts +2 -2
- package/esm/components/Table/Th.js +103 -115
- package/esm/components/Table/Th.js.map +1 -1
- package/esm/hooks/useTailwindTheme.d.ts +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/smarthr-ui-preset.d.ts +1 -0
- package/esm/smarthr-ui-preset.js +1 -0
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/lib/components/Button/ButtonWrapper.js +1 -1
- package/lib/components/Button/ButtonWrapper.js.map +1 -1
- package/lib/components/Chip/Chip.d.ts +34 -0
- package/lib/components/Chip/Chip.js +50 -0
- package/lib/components/Chip/Chip.js.map +1 -0
- package/lib/components/Chip/index.d.ts +1 -0
- package/lib/components/Chip/index.js +6 -0
- package/lib/components/Chip/index.js.map +1 -0
- package/lib/components/ComboBox/SingleComboBox.d.ts +7 -5
- package/lib/components/ErrorScreen/index.d.ts +0 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +0 -7
- package/lib/components/Header/HeaderLink.d.ts +0 -1
- package/lib/components/Input/Input.d.ts +13 -5
- package/lib/components/Input/Input.js +63 -87
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/InputFile/InputFile.d.ts +365 -11
- package/lib/components/InputFile/InputFile.js +56 -102
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.d.ts +0 -1
- package/lib/components/Table/Td.js +3 -0
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/Th.d.ts +2 -2
- package/lib/components/Table/Th.js +102 -114
- package/lib/components/Table/Th.js.map +1 -1
- package/lib/hooks/useTailwindTheme.d.ts +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/smarthr-ui-preset.d.ts +1 -0
- package/lib/smarthr-ui-preset.js +1 -0
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/package.json +26 -25
- package/smarthr-ui.css +152 -0
- package/esm/components/Input/useClassNames.d.ts +0 -6
- package/esm/components/Input/useClassNames.js +0 -13
- package/esm/components/Input/useClassNames.js.map +0 -1
- package/esm/components/InputFile/useClassNames.d.ts +0 -8
- package/esm/components/InputFile/useClassNames.js +0 -15
- package/esm/components/InputFile/useClassNames.js.map +0 -1
- package/lib/components/Input/useClassNames.d.ts +0 -6
- package/lib/components/Input/useClassNames.js +0 -17
- package/lib/components/Input/useClassNames.js.map +0 -1
- package/lib/components/InputFile/useClassNames.d.ts +0 -8
- package/lib/components/InputFile/useClassNames.js +0 -19
- package/lib/components/InputFile/useClassNames.js.map +0 -1
|
@@ -168,7 +168,7 @@ const button = tv({
|
|
|
168
168
|
'shr-bg-white',
|
|
169
169
|
'shr-text-black',
|
|
170
170
|
'focus-visible:shr-border-darken',
|
|
171
|
-
'focus-visible:bg-white-darken',
|
|
171
|
+
'focus-visible:shr-bg-white-darken',
|
|
172
172
|
'focus-visible:constrast-more:shr-border-high-contrast',
|
|
173
173
|
'hover:shr-border-darken',
|
|
174
174
|
'hover:shr-bg-white-darken',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
type Props = PropsWithChildren<VariantProps<typeof chip> & ComponentPropsWithoutRef<'span'>>;
|
|
4
|
+
declare const chip: import("tailwind-variants").TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
s: string[];
|
|
7
|
+
};
|
|
8
|
+
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
|
|
9
|
+
size: {
|
|
10
|
+
s: string[];
|
|
11
|
+
};
|
|
12
|
+
}, {
|
|
13
|
+
size: {
|
|
14
|
+
s: string[];
|
|
15
|
+
};
|
|
16
|
+
}>, {
|
|
17
|
+
size: {
|
|
18
|
+
s: string[];
|
|
19
|
+
};
|
|
20
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
21
|
+
size: {
|
|
22
|
+
s: string[];
|
|
23
|
+
};
|
|
24
|
+
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
|
|
25
|
+
size: {
|
|
26
|
+
s: string[];
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
size: {
|
|
30
|
+
s: string[];
|
|
31
|
+
};
|
|
32
|
+
}>, unknown, unknown, undefined>>;
|
|
33
|
+
export declare const Chip: FC<Props>;
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
|
+
const chip = tv({
|
|
4
|
+
base: [
|
|
5
|
+
'smarthr-ui-Chip',
|
|
6
|
+
'shr-rounded-full',
|
|
7
|
+
'shr-border',
|
|
8
|
+
'shr-border-solid',
|
|
9
|
+
'shr-border-default',
|
|
10
|
+
'shr-leading-none',
|
|
11
|
+
'contrast-more:shr-border-high-contrast',
|
|
12
|
+
],
|
|
13
|
+
variants: {
|
|
14
|
+
size: {
|
|
15
|
+
s: ['shr-text-sm', 'shr-px-0.5', 'shr-py-0.25'],
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
export const Chip = ({ className, size = 's', ...props }) => {
|
|
20
|
+
const styles = useMemo(() => chip({ size, className }), [size, className]);
|
|
21
|
+
return React.createElement("span", { ...props, className: styles });
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,iBAAiB;QACjB,kBAAkB;QAClB,YAAY;QACZ,kBAAkB;QAClB,oBAAoB;QACpB,kBAAkB;QAClB,wCAAwC;KACzC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC;SAChD;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1E,OAAO,iCAAU,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC/C,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Chip } from './Chip';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -92,18 +92,19 @@ export declare const SingleComboBox: (<T>(props: BaseProps<T> & {
|
|
|
92
92
|
/**
|
|
93
93
|
* input 要素の属性
|
|
94
94
|
*/
|
|
95
|
-
inputAttributes?: Omit<{
|
|
95
|
+
inputAttributes?: Omit<Omit<{
|
|
96
96
|
type?: string | undefined;
|
|
97
97
|
error?: boolean | undefined;
|
|
98
98
|
width?: string | number | undefined;
|
|
99
99
|
autoFocus?: boolean | undefined;
|
|
100
100
|
prefix?: React.ReactNode;
|
|
101
101
|
suffix?: React.ReactNode;
|
|
102
|
-
bgColor?:
|
|
102
|
+
bgColor?: "COLUMN" | "BASE_GREY" | "OVER_BACKGROUND" | "HEAD" | "BORDER" | "ACTION_BACKGROUND" | "BACKGRUOND" | undefined;
|
|
103
103
|
placeholder?: string | undefined;
|
|
104
104
|
} & {
|
|
105
105
|
max?: string | number | undefined;
|
|
106
106
|
required?: boolean | undefined;
|
|
107
|
+
key?: React.Key | null | undefined;
|
|
107
108
|
id?: string | undefined;
|
|
108
109
|
height?: string | number | undefined;
|
|
109
110
|
name?: string | undefined;
|
|
@@ -135,6 +136,7 @@ export declare const SingleComboBox: (<T>(props: BaseProps<T> & {
|
|
|
135
136
|
multiple?: boolean | undefined;
|
|
136
137
|
size?: number | undefined;
|
|
137
138
|
src?: string | undefined;
|
|
139
|
+
ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
138
140
|
accept?: string | undefined;
|
|
139
141
|
alt?: string | undefined;
|
|
140
142
|
autoComplete?: string | undefined;
|
|
@@ -148,6 +150,8 @@ export declare const SingleComboBox: (<T>(props: BaseProps<T> & {
|
|
|
148
150
|
list?: string | undefined;
|
|
149
151
|
maxLength?: number | undefined;
|
|
150
152
|
minLength?: number | undefined;
|
|
153
|
+
readOnly?: boolean | undefined;
|
|
154
|
+
step?: string | number | undefined;
|
|
151
155
|
defaultChecked?: boolean | undefined;
|
|
152
156
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
153
157
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -228,8 +232,6 @@ export declare const SingleComboBox: (<T>(props: BaseProps<T> & {
|
|
|
228
232
|
"aria-valuemin"?: number | undefined;
|
|
229
233
|
"aria-valuenow"?: number | undefined;
|
|
230
234
|
"aria-valuetext"?: string | undefined;
|
|
231
|
-
readOnly?: boolean | undefined;
|
|
232
|
-
step?: string | number | undefined;
|
|
233
235
|
dangerouslySetInnerHTML?: {
|
|
234
236
|
__html: string | TrustedHTML;
|
|
235
237
|
} | undefined;
|
|
@@ -395,7 +397,7 @@ export declare const SingleComboBox: (<T>(props: BaseProps<T> & {
|
|
|
395
397
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
|
|
396
398
|
onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
397
399
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
398
|
-
} & React.RefAttributes<HTMLInputElement>, "required" | "type" | "error" | "name" | "value" | "className" | "prefix" | "disabled" | "suffix" | "ref" | "autoComplete" | "placeholder" | "aria-activedescendant" | "aria-autocomplete" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onChange" | "onKeyDown" | "onClick"> | undefined;
|
|
400
|
+
}, "ref"> & React.RefAttributes<HTMLInputElement>, "required" | "type" | "error" | "name" | "value" | "className" | "prefix" | "disabled" | "suffix" | "ref" | "autoComplete" | "placeholder" | "aria-activedescendant" | "aria-autocomplete" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onChange" | "onKeyDown" | "onClick"> | undefined;
|
|
399
401
|
} & ElementProps & {
|
|
400
402
|
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
401
403
|
}) => React.JSX.Element) & {
|
|
@@ -39,7 +39,6 @@ declare const MessageScreen: import("react").FC<{
|
|
|
39
39
|
suppressHydrationWarning?: boolean | undefined;
|
|
40
40
|
autoFocus?: boolean | undefined;
|
|
41
41
|
contextMenu?: string | undefined;
|
|
42
|
-
placeholder?: string | undefined;
|
|
43
42
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
44
43
|
radioGroup?: string | undefined;
|
|
45
44
|
about?: string | undefined;
|
|
@@ -37,7 +37,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
37
37
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
38
|
autoFocus?: boolean | undefined;
|
|
39
39
|
contextMenu?: string | undefined;
|
|
40
|
-
placeholder?: string | undefined;
|
|
41
40
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
42
41
|
radioGroup?: string | undefined;
|
|
43
42
|
about?: string | undefined;
|
|
@@ -309,7 +308,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
309
308
|
suppressHydrationWarning?: boolean | undefined;
|
|
310
309
|
autoFocus?: boolean | undefined;
|
|
311
310
|
contextMenu?: string | undefined;
|
|
312
|
-
placeholder?: string | undefined;
|
|
313
311
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
314
312
|
radioGroup?: string | undefined;
|
|
315
313
|
about?: string | undefined;
|
|
@@ -587,7 +585,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
587
585
|
suppressHydrationWarning?: boolean | undefined;
|
|
588
586
|
autoFocus?: boolean | undefined;
|
|
589
587
|
contextMenu?: string | undefined;
|
|
590
|
-
placeholder?: string | undefined;
|
|
591
588
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
592
589
|
radioGroup?: string | undefined;
|
|
593
590
|
about?: string | undefined;
|
|
@@ -867,7 +864,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
867
864
|
suppressHydrationWarning?: boolean | undefined;
|
|
868
865
|
autoFocus?: boolean | undefined;
|
|
869
866
|
contextMenu?: string | undefined;
|
|
870
|
-
placeholder?: string | undefined;
|
|
871
867
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
872
868
|
radioGroup?: string | undefined;
|
|
873
869
|
about?: string | undefined;
|
|
@@ -1139,7 +1135,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1139
1135
|
suppressHydrationWarning?: boolean | undefined;
|
|
1140
1136
|
autoFocus?: boolean | undefined;
|
|
1141
1137
|
contextMenu?: string | undefined;
|
|
1142
|
-
placeholder?: string | undefined;
|
|
1143
1138
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1144
1139
|
radioGroup?: string | undefined;
|
|
1145
1140
|
about?: string | undefined;
|
|
@@ -1417,7 +1412,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1417
1412
|
suppressHydrationWarning?: boolean | undefined;
|
|
1418
1413
|
autoFocus?: boolean | undefined;
|
|
1419
1414
|
contextMenu?: string | undefined;
|
|
1420
|
-
placeholder?: string | undefined;
|
|
1421
1415
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1422
1416
|
radioGroup?: string | undefined;
|
|
1423
1417
|
about?: string | undefined;
|
|
@@ -1702,7 +1696,6 @@ export declare const HeaderDropdownMenuButton: import("styled-components").Style
|
|
|
1702
1696
|
suppressHydrationWarning?: boolean | undefined;
|
|
1703
1697
|
autoFocus?: boolean | undefined;
|
|
1704
1698
|
contextMenu?: string | undefined;
|
|
1705
|
-
placeholder?: string | undefined;
|
|
1706
1699
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
1707
1700
|
radioGroup?: string | undefined;
|
|
1708
1701
|
about?: string | undefined;
|
|
@@ -37,7 +37,6 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
|
|
|
37
37
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
38
|
autoFocus?: boolean | undefined;
|
|
39
39
|
contextMenu?: string | undefined;
|
|
40
|
-
placeholder?: string | undefined;
|
|
41
40
|
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
42
41
|
radioGroup?: string | undefined;
|
|
43
42
|
about?: string | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
import { GreyScaleColors } from '../../themes/createColor';
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
3
2
|
type Props = {
|
|
4
3
|
/** input 要素の `type` 値 */
|
|
5
4
|
type?: HTMLInputElement['type'];
|
|
@@ -14,12 +13,21 @@ type Props = {
|
|
|
14
13
|
/** コンポーネント内の末尾に表示する内容 */
|
|
15
14
|
suffix?: ReactNode;
|
|
16
15
|
/** 背景色。readOnly を下地の上に載せる場合に使う */
|
|
17
|
-
bgColor?:
|
|
16
|
+
bgColor?: keyof typeof bgColors;
|
|
18
17
|
/**
|
|
19
18
|
* @deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。
|
|
20
19
|
*/
|
|
21
20
|
placeholder?: string;
|
|
22
21
|
};
|
|
23
|
-
type ElementProps = Omit<
|
|
24
|
-
|
|
22
|
+
type ElementProps = Omit<ComponentPropsWithRef<'input'>, keyof Props>;
|
|
23
|
+
declare const bgColors: {
|
|
24
|
+
readonly BACKGRUOND: "background";
|
|
25
|
+
readonly COLUMN: "column";
|
|
26
|
+
readonly BASE_GREY: "base-grey";
|
|
27
|
+
readonly OVER_BACKGROUND: "over-background";
|
|
28
|
+
readonly HEAD: "head";
|
|
29
|
+
readonly BORDER: "border";
|
|
30
|
+
readonly ACTION_BACKGROUND: "action-background";
|
|
31
|
+
};
|
|
32
|
+
export declare const Input: React.ForwardRefExoticComponent<Omit<Props & ElementProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
25
33
|
export {};
|
|
@@ -1,9 +1,47 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { useTheme } from '../../hooks/useTailwindTheme';
|
|
4
|
+
const bgColors = {
|
|
5
|
+
BACKGRUOND: 'background',
|
|
6
|
+
COLUMN: 'column',
|
|
7
|
+
BASE_GREY: 'base-grey',
|
|
8
|
+
OVER_BACKGROUND: 'over-background',
|
|
9
|
+
HEAD: 'head',
|
|
10
|
+
BORDER: 'border',
|
|
11
|
+
ACTION_BACKGROUND: 'action-background',
|
|
12
|
+
};
|
|
13
|
+
const wrapper = tv({
|
|
14
|
+
base: [
|
|
15
|
+
'smarthr-ui-Input',
|
|
16
|
+
'shr-box-border shr-inline-flex shr-cursor-text shr-items-center shr-gap-0.5 shr-rounded-m shr-border shr-border-solid shr-border-default shr-px-0.5',
|
|
17
|
+
'contrast-more:shr-border-high-contrast',
|
|
18
|
+
'focus-within:shr-focus-indicator',
|
|
19
|
+
],
|
|
20
|
+
variants: {
|
|
21
|
+
disabled: {
|
|
22
|
+
true: 'shr-pointer-events-none shr-bg-white-darken [&&&]:shr-border-default/50',
|
|
23
|
+
},
|
|
24
|
+
error: {
|
|
25
|
+
true: '[&]:shr-border-danger',
|
|
26
|
+
},
|
|
27
|
+
readOnly: {
|
|
28
|
+
true: 'shr-bg-background [&&&]:shr-border-[theme(backgroundColor.background)]',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
const inner = tv({
|
|
33
|
+
slots: {
|
|
34
|
+
input: [
|
|
35
|
+
'smarthr-ui-Input-input',
|
|
36
|
+
'shr-inline-block shr-w-full shr-grow shr-border-none shr-bg-transparent shr-py-0.75 shr-text-base shr-leading-none shr-text-black shr-outline-none shr-outline-0',
|
|
37
|
+
'placeholder:shr-text-grey',
|
|
38
|
+
'disabled:shr-text-disabled disabled:shr-opacity-100',
|
|
39
|
+
'shr-h-[theme(fontSize.base)]',
|
|
40
|
+
],
|
|
41
|
+
affix: 'shr-flex shr-shrink-0 shr-items-center shr-text-grey',
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, className, width, disabled, error, readOnly, bgColor, ...props }, ref) => {
|
|
7
45
|
const innerRef = useRef(null);
|
|
8
46
|
useImperativeHandle(ref, () => innerRef.current);
|
|
9
47
|
const handleFocus = useMemo(() => {
|
|
@@ -24,91 +62,29 @@ export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, c
|
|
|
24
62
|
innerRef.current.focus();
|
|
25
63
|
}
|
|
26
64
|
}, [autoFocus]);
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
65
|
+
const { backgroundColor } = useTheme();
|
|
66
|
+
const wrapperStyleProps = useMemo(() => {
|
|
67
|
+
const wrapperStyle = wrapper({ disabled, error, readOnly, className });
|
|
68
|
+
const color = bgColor
|
|
69
|
+
? backgroundColor[bgColors[bgColor]]
|
|
70
|
+
: undefined;
|
|
71
|
+
return {
|
|
72
|
+
className: wrapperStyle,
|
|
73
|
+
style: {
|
|
74
|
+
borderColor: color,
|
|
75
|
+
backgroundColor: color,
|
|
76
|
+
width: typeof width === 'number' ? `${width}px` : width,
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
}, [backgroundColor, bgColor, className, disabled, error, readOnly, width]);
|
|
80
|
+
const { input, affix } = inner();
|
|
81
|
+
return (React.createElement("span", { ...wrapperStyleProps, onClick: () => innerRef.current?.focus() },
|
|
82
|
+
prefix && (React.createElement("span", { className: affix({ className: 'smarthr-ui-Input-prefix' }) }, prefix)),
|
|
83
|
+
React.createElement("input", { ...props, onFocus: handleFocus, onBlur: handleBlur, onWheel: handleWheel, disabled: disabled, readOnly: readOnly, ref: innerRef, "aria-invalid": error || undefined, className: input() }),
|
|
84
|
+
suffix && (React.createElement("span", { className: affix({ className: 'smarthr-ui-Input-suffix' }) }, suffix))));
|
|
32
85
|
});
|
|
33
86
|
const disableWheel = (e) => {
|
|
34
87
|
// wheel イベントに preventDefault はないため
|
|
35
88
|
e.target && e.target.blur();
|
|
36
89
|
};
|
|
37
|
-
const Wrapper = styled.span `
|
|
38
|
-
${({ themes: { border, color, radius, shadow, space }, $width = 'auto', $readOnly, $disabled, error, bgColor, }) => css `
|
|
39
|
-
cursor: text;
|
|
40
|
-
box-sizing: border-box;
|
|
41
|
-
display: inline-flex;
|
|
42
|
-
gap: ${space(0.5)};
|
|
43
|
-
align-items: center;
|
|
44
|
-
border-radius: ${radius.m};
|
|
45
|
-
border: ${border.shorthand};
|
|
46
|
-
background-color: ${bgColor ? color[bgColor] : color.WHITE};
|
|
47
|
-
padding-inline: ${space(0.5)};
|
|
48
|
-
width: ${typeof $width === 'number' ? `${$width}px` : $width};
|
|
49
|
-
|
|
50
|
-
@media (prefers-contrast: more) {
|
|
51
|
-
& {
|
|
52
|
-
border: ${border.highContrast};
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&:focus-within {
|
|
57
|
-
${shadow.focusIndicatorStyles};
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
${error &&
|
|
61
|
-
css `
|
|
62
|
-
border-color: ${color.DANGER};
|
|
63
|
-
`}
|
|
64
|
-
${$readOnly &&
|
|
65
|
-
css `
|
|
66
|
-
border-color: ${bgColor ? color[bgColor] : color.BACKGROUND};
|
|
67
|
-
background-color: ${bgColor ? color[bgColor] : color.BACKGROUND};
|
|
68
|
-
`}
|
|
69
|
-
${$disabled &&
|
|
70
|
-
css `
|
|
71
|
-
pointer-events: none;
|
|
72
|
-
border-color: ${color.disableColor(color.BORDER)};
|
|
73
|
-
background-color: ${color.hoverColor(color.WHITE)};
|
|
74
|
-
`}
|
|
75
|
-
`}
|
|
76
|
-
`;
|
|
77
|
-
const StyledInput = styled.input `
|
|
78
|
-
${({ themes: { fontSize, leading, color, space } }) => css `
|
|
79
|
-
flex-grow: 1;
|
|
80
|
-
|
|
81
|
-
display: inline-block;
|
|
82
|
-
outline: none;
|
|
83
|
-
border: none;
|
|
84
|
-
background-color: transparent;
|
|
85
|
-
padding-block: ${space(0.75)};
|
|
86
|
-
font-size: ${fontSize.M};
|
|
87
|
-
line-height: ${leading.NONE};
|
|
88
|
-
color: ${color.TEXT_BLACK};
|
|
89
|
-
width: 100%;
|
|
90
|
-
|
|
91
|
-
/* font-size * line-height で高さが思うように行かないので、相対値の font-size で高さを指定 */
|
|
92
|
-
height: ${fontSize.M};
|
|
93
|
-
|
|
94
|
-
&::placeholder {
|
|
95
|
-
color: ${color.TEXT_GREY};
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
&[disabled] {
|
|
99
|
-
color: ${color.TEXT_DISABLED};
|
|
100
|
-
-webkit-text-fill-color: ${color.TEXT_DISABLED};
|
|
101
|
-
opacity: 1;
|
|
102
|
-
}
|
|
103
|
-
`}
|
|
104
|
-
`;
|
|
105
|
-
const Affix = styled.span `
|
|
106
|
-
${({ themes: { color } }) => css `
|
|
107
|
-
flex-shrink: 0;
|
|
108
|
-
|
|
109
|
-
display: flex;
|
|
110
|
-
align-items: center;
|
|
111
|
-
color: ${color.TEXT_GREY};
|
|
112
|
-
`}
|
|
113
|
-
`;
|
|
114
90
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|