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.
Files changed (76) hide show
  1. package/esm/components/Button/ButtonWrapper.js +1 -1
  2. package/esm/components/Button/ButtonWrapper.js.map +1 -1
  3. package/esm/components/Chip/Chip.d.ts +34 -0
  4. package/esm/components/Chip/Chip.js +23 -0
  5. package/esm/components/Chip/Chip.js.map +1 -0
  6. package/esm/components/Chip/index.d.ts +1 -0
  7. package/esm/components/Chip/index.js +2 -0
  8. package/esm/components/Chip/index.js.map +1 -0
  9. package/esm/components/ComboBox/SingleComboBox.d.ts +7 -5
  10. package/esm/components/ErrorScreen/index.d.ts +0 -1
  11. package/esm/components/Header/HeaderDropdownMenuButton.d.ts +0 -7
  12. package/esm/components/Header/HeaderLink.d.ts +0 -1
  13. package/esm/components/Input/Input.d.ts +13 -5
  14. package/esm/components/Input/Input.js +63 -87
  15. package/esm/components/Input/Input.js.map +1 -1
  16. package/esm/components/InputFile/InputFile.d.ts +365 -11
  17. package/esm/components/InputFile/InputFile.js +56 -102
  18. package/esm/components/InputFile/InputFile.js.map +1 -1
  19. package/esm/components/Pagination/PaginationItem.d.ts +0 -1
  20. package/esm/components/Table/Td.js +3 -0
  21. package/esm/components/Table/Td.js.map +1 -1
  22. package/esm/components/Table/Th.d.ts +2 -2
  23. package/esm/components/Table/Th.js +103 -115
  24. package/esm/components/Table/Th.js.map +1 -1
  25. package/esm/hooks/useTailwindTheme.d.ts +1 -0
  26. package/esm/index.d.ts +1 -0
  27. package/esm/index.js +1 -0
  28. package/esm/index.js.map +1 -1
  29. package/esm/smarthr-ui-preset.d.ts +1 -0
  30. package/esm/smarthr-ui-preset.js +1 -0
  31. package/esm/smarthr-ui-preset.js.map +1 -1
  32. package/lib/components/Button/ButtonWrapper.js +1 -1
  33. package/lib/components/Button/ButtonWrapper.js.map +1 -1
  34. package/lib/components/Chip/Chip.d.ts +34 -0
  35. package/lib/components/Chip/Chip.js +50 -0
  36. package/lib/components/Chip/Chip.js.map +1 -0
  37. package/lib/components/Chip/index.d.ts +1 -0
  38. package/lib/components/Chip/index.js +6 -0
  39. package/lib/components/Chip/index.js.map +1 -0
  40. package/lib/components/ComboBox/SingleComboBox.d.ts +7 -5
  41. package/lib/components/ErrorScreen/index.d.ts +0 -1
  42. package/lib/components/Header/HeaderDropdownMenuButton.d.ts +0 -7
  43. package/lib/components/Header/HeaderLink.d.ts +0 -1
  44. package/lib/components/Input/Input.d.ts +13 -5
  45. package/lib/components/Input/Input.js +63 -87
  46. package/lib/components/Input/Input.js.map +1 -1
  47. package/lib/components/InputFile/InputFile.d.ts +365 -11
  48. package/lib/components/InputFile/InputFile.js +56 -102
  49. package/lib/components/InputFile/InputFile.js.map +1 -1
  50. package/lib/components/Pagination/PaginationItem.d.ts +0 -1
  51. package/lib/components/Table/Td.js +3 -0
  52. package/lib/components/Table/Td.js.map +1 -1
  53. package/lib/components/Table/Th.d.ts +2 -2
  54. package/lib/components/Table/Th.js +102 -114
  55. package/lib/components/Table/Th.js.map +1 -1
  56. package/lib/hooks/useTailwindTheme.d.ts +1 -0
  57. package/lib/index.d.ts +1 -0
  58. package/lib/index.js +1 -0
  59. package/lib/index.js.map +1 -1
  60. package/lib/smarthr-ui-preset.d.ts +1 -0
  61. package/lib/smarthr-ui-preset.js +1 -0
  62. package/lib/smarthr-ui-preset.js.map +1 -1
  63. package/package.json +26 -25
  64. package/smarthr-ui.css +152 -0
  65. package/esm/components/Input/useClassNames.d.ts +0 -6
  66. package/esm/components/Input/useClassNames.js +0 -13
  67. package/esm/components/Input/useClassNames.js.map +0 -1
  68. package/esm/components/InputFile/useClassNames.d.ts +0 -8
  69. package/esm/components/InputFile/useClassNames.js +0 -15
  70. package/esm/components/InputFile/useClassNames.js.map +0 -1
  71. package/lib/components/Input/useClassNames.d.ts +0 -6
  72. package/lib/components/Input/useClassNames.js +0 -17
  73. package/lib/components/Input/useClassNames.js.map +0 -1
  74. package/lib/components/InputFile/useClassNames.d.ts +0 -8
  75. package/lib/components/InputFile/useClassNames.js +0 -19
  76. 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,2 @@
1
+ export { Chip } from './Chip';
2
+ //# sourceMappingURL=index.js.map
@@ -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?: import("../../themes/createColor").GreyScaleColors | "WHITE" | undefined;
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, { InputHTMLAttributes, ReactNode } from '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?: GreyScaleColors | 'WHITE';
16
+ bgColor?: keyof typeof bgColors;
18
17
  /**
19
18
  * @deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。
20
19
  */
21
20
  placeholder?: string;
22
21
  };
23
- type ElementProps = Omit<InputHTMLAttributes<HTMLInputElement>, keyof Props>;
24
- export declare const Input: React.ForwardRefExoticComponent<Props & ElementProps & React.RefAttributes<HTMLInputElement>>;
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 styled, { css } from 'styled-components';
3
- import { useTheme } from '../../hooks/useTheme';
4
- import { useClassNames } from './useClassNames';
5
- export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, className = '', width, readOnly, bgColor, ...props }, ref) => {
6
- const theme = useTheme();
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 classNames = useClassNames();
28
- return (React.createElement(Wrapper, { themes: theme, "$width": width, "$readOnly": readOnly, bgColor: bgColor, "$disabled": props.disabled, error: props.error, onClick: () => innerRef.current?.focus(), className: `${className} ${classNames.wrapper}` },
29
- prefix && (React.createElement(Affix, { themes: theme, className: classNames.prefix }, prefix)),
30
- React.createElement(StyledInput, { ...props, onFocus: handleFocus, onBlur: handleBlur, onWheel: handleWheel, readOnly: readOnly, ref: innerRef, themes: theme, "aria-invalid": props.error || undefined, className: classNames.input }),
31
- suffix && (React.createElement(Affix, { themes: theme, className: classNames.suffix }, suffix))));
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":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}