smarthr-ui 35.3.0 → 35.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.
@@ -37,7 +37,7 @@ export const createIcon = (SvgIcon) => {
37
37
  // size は react-icons のアイコンの大きさ、width / height は自前で SVG からアイコンを作る場合の大きさ指定
38
38
  size: iconSize, width: iconSize, height: iconSize, color: replacedColor, className: `${className} ${classNames.wrapper}`, role: role, "aria-hidden": isAriaHidden || alt !== undefined || undefined, focusable: focusable }));
39
39
  if (existsText) {
40
- return (React.createElement(WithIcon, { gap: iconGap, right: right, className: classNames.withText },
40
+ return (React.createElement(IconAndTextWrapper, { gap: iconGap, right: right, className: classNames.withText },
41
41
  alt && React.createElement(VisuallyHiddenText, null, alt),
42
42
  right && text,
43
43
  svgIcon,
@@ -50,7 +50,7 @@ export const createIcon = (SvgIcon) => {
50
50
  Icon.displayName = SvgIcon.name;
51
51
  return Icon;
52
52
  };
53
- const WithIcon = styled.span `
53
+ const IconAndTextWrapper = styled.span `
54
54
  ${({ right, gap }) => css `
55
55
  ${!right &&
56
56
  css `
@@ -1 +1 @@
1
- {"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import React, { InputHTMLAttributes } from 'react';
2
+ type Props = InputHTMLAttributes<HTMLInputElement>;
3
+ export declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
4
+ export {};
@@ -0,0 +1,162 @@
1
+ import React, { forwardRef } from 'react';
2
+ import styled, { css } from 'styled-components';
3
+ import { useTheme } from '../../hooks/useTheme';
4
+ import { FaCheckIcon } from '../Icon';
5
+ export const Switch = forwardRef(({ disabled, className, ...props }, ref) => {
6
+ const theme = useTheme();
7
+ return (React.createElement(Wrapper, { "$disabled": disabled, themes: theme, className: className },
8
+ React.createElement(Checkbox, { ...props, disabled: disabled, type: "checkbox", role: "switch", ref: ref }),
9
+ React.createElement(CheckIcon, { themes: theme })));
10
+ });
11
+ const Wrapper = styled.span `
12
+ ${({ $disabled, themes: { border, color, radius, shadow } }) => css `
13
+ position: relative;
14
+ display: inline-flex;
15
+ align-items: center;
16
+ border-radius: 1.25rem;
17
+ border: ${border.shorthand};
18
+ background-color: ${color.WHITE};
19
+
20
+ /* 理想的には padding: 2px; だが、box-shadow を outline で使用しているため、border と padding で2pxの疑似余白を作っている。 */
21
+ padding: 1px;
22
+
23
+ /* :focus-visible-within の代替 */
24
+ :has(:focus-visible) {
25
+ ${shadow.focusIndicatorStyles}
26
+ }
27
+
28
+ ::before,
29
+ ::after {
30
+ content: '';
31
+ box-sizing: border-box;
32
+ display: inline-block;
33
+ border-radius: ${radius.full};
34
+ border: ${border.shorthand};
35
+ border-color: ${color.GREY_30};
36
+ background-color: ${color.GREY_30};
37
+ block-size: 1rem;
38
+ inline-size: 1rem;
39
+ transition-property: transform, scale;
40
+ transition-duration: 150ms;
41
+ transition-timing-function: ease-out;
42
+ }
43
+
44
+ ::before {
45
+ scale: ${2 / 3};
46
+ }
47
+
48
+ /* ツマミが移動する余白のために存在している */
49
+ ::after {
50
+ visibility: hidden;
51
+ }
52
+
53
+ :has(:checked) {
54
+ border-color: ${color.MAIN};
55
+ background-color: ${color.MAIN};
56
+
57
+ ::before {
58
+ scale: unset;
59
+ transform: translateX(1rem);
60
+ border-color: ${color.BORDER};
61
+ background-color: ${color.WHITE};
62
+ }
63
+ }
64
+
65
+ ${$disabled &&
66
+ css `
67
+ &&& {
68
+ cursor: unset;
69
+ border-color: ${color.BORDER};
70
+ background-color: ${color.BORDER};
71
+ }
72
+ `}
73
+
74
+ @media (forced-colors: active) {
75
+ ${$disabled
76
+ ? css `
77
+ &&& {
78
+ border-color: GrayText;
79
+
80
+ &::before,
81
+ &::after {
82
+ border-color: GrayText;
83
+ }
84
+ }
85
+ `
86
+ : css `
87
+ /* ツマミを塗りつぶす https://developer.mozilla.org/en-US/docs/Web/CSS/system-color */
88
+ &&&::before,
89
+ &&&::after {
90
+ background-color: ButtonBorder;
91
+ }
92
+ `}
93
+ }
94
+
95
+ @supports not selector(:has(+ *)) {
96
+ border-style: revert;
97
+ background-color: revert;
98
+
99
+ ::before,
100
+ ::after {
101
+ display: none;
102
+ }
103
+
104
+ ${$disabled &&
105
+ css `
106
+ &&& {
107
+ background-color: revert;
108
+ }
109
+ `}
110
+ }
111
+ `}
112
+ `;
113
+ // eslint-disable-next-line smarthr/a11y-prohibit-input-placeholder, smarthr/a11y-input-has-name-attribute
114
+ const Checkbox = styled.input `
115
+ position: absolute;
116
+ inset: 0;
117
+ cursor: pointer;
118
+ outline: none;
119
+ opacity: 0;
120
+ appearance: none;
121
+
122
+ /* 古い iOS など inset が効かない環境で領域いっぱいに広げる */
123
+ @supports not (inset: 0) {
124
+ width: 100%;
125
+ height: 100%;
126
+ }
127
+
128
+ :disabled {
129
+ cursor: revert;
130
+ }
131
+
132
+ @supports not selector(:has(+ *)) {
133
+ position: revert;
134
+ opacity: revert;
135
+ outline: revert;
136
+ appearance: revert;
137
+ }
138
+ `;
139
+ const CheckIcon = styled(FaCheckIcon).attrs({ color: 'WHITE', size: 'XXS' }) `
140
+ ${({ themes: { fontSize } }) => css `
141
+ position: absolute;
142
+ display: none;
143
+
144
+ @supports selector(:has(+ *)) {
145
+ [type='checkbox']:checked ~ & {
146
+ display: unset;
147
+ transform: translateX(calc((1rem - ${fontSize.XXS}) / 2));
148
+ pointer-events: none;
149
+ }
150
+ }
151
+
152
+ /* 強制カラーモードの時に状態を判別するため */
153
+ @media (forced-colors: active) {
154
+ fill: ButtonText;
155
+
156
+ [type='checkbox']:disabled ~ & {
157
+ fill: GrayText;
158
+ }
159
+ }
160
+ `}
161
+ `;
162
+ //# sourceMappingURL=Switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,OAAO,iBAAY,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;QAE/D,oBAAC,QAAQ,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI;QACnF,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,GAAI,CACpB,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAiD;IACxE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;cAKvD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;;;;;;;QAO3B,MAAM,CAAC,oBAAoB;;;;;;;;uBAQZ,MAAM,CAAC,IAAI;gBAClB,MAAM,CAAC,SAAS;sBACV,KAAK,CAAC,OAAO;0BACT,KAAK,CAAC,OAAO;;;;;;;;;eASxB,CAAC,GAAG,CAAC;;;;;;;;;sBASE,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;;;;;wBAKZ,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,KAAK;;;;MAIjC,SAAS;IACX,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,MAAM;;KAEnC;;;QAGG,SAAS;IACT,CAAC,CAAC,GAAG,CAAA;;;;;;;;;WASF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;WAMF;;;;;;;;;;;;QAYH,SAAS;IACX,GAAG,CAAA;;;;OAIF;;GAEJ;CACF,CAAA;AAED,0GAA0G;AAC1G,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB5B,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAmB;IAC3F,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;6CAOQ,QAAQ,CAAC,GAAG;;;;;;;;;;;;;GAatD;CACF,CAAA"}
@@ -0,0 +1 @@
1
+ export { Switch } from './Switch';
@@ -0,0 +1,2 @@
1
+ export { Switch } from './Switch';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
package/esm/index.d.ts CHANGED
@@ -52,6 +52,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
52
52
  export * from './components/SpreadsheetTable';
53
53
  export * from './components/ResponseMessage';
54
54
  export * from './components/Badge';
55
+ export * from './components/Switch';
55
56
  export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
56
57
  export { useTheme } from './hooks/useTheme';
57
58
  export { createTheme } from './themes/createTheme';
package/esm/index.js CHANGED
@@ -53,6 +53,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
53
53
  export * from './components/SpreadsheetTable';
54
54
  export * from './components/ResponseMessage';
55
55
  export * from './components/Badge';
56
+ export * from './components/Switch';
56
57
  // layout components
57
58
  export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
58
59
  // hooks
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -67,7 +67,7 @@ const createIcon = (SvgIcon) => {
67
67
  // size は react-icons のアイコンの大きさ、width / height は自前で SVG からアイコンを作る場合の大きさ指定
68
68
  size: iconSize, width: iconSize, height: iconSize, color: replacedColor, className: `${className} ${classNames.wrapper}`, role: role, "aria-hidden": isAriaHidden || alt !== undefined || undefined, focusable: focusable }));
69
69
  if (existsText) {
70
- return (react_1.default.createElement(WithIcon, { gap: iconGap, right: right, className: classNames.withText },
70
+ return (react_1.default.createElement(IconAndTextWrapper, { gap: iconGap, right: right, className: classNames.withText },
71
71
  alt && react_1.default.createElement(VisuallyHiddenText_1.VisuallyHiddenText, null, alt),
72
72
  right && text,
73
73
  svgIcon,
@@ -81,7 +81,7 @@ const createIcon = (SvgIcon) => {
81
81
  return Icon;
82
82
  };
83
83
  exports.createIcon = createIcon;
84
- const WithIcon = styled_components_1.default.span `
84
+ const IconAndTextWrapper = styled_components_1.default.span `
85
85
  ${({ right, gap }) => (0, styled_components_1.css) `
86
86
  ${!right &&
87
87
  (0, styled_components_1.css) `
@@ -1 +1 @@
1
- {"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import React, { InputHTMLAttributes } from 'react';
2
+ type Props = InputHTMLAttributes<HTMLInputElement>;
3
+ export declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
4
+ export {};
@@ -0,0 +1,188 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.Switch = void 0;
27
+ const react_1 = __importStar(require("react"));
28
+ const styled_components_1 = __importStar(require("styled-components"));
29
+ const useTheme_1 = require("../../hooks/useTheme");
30
+ const Icon_1 = require("../Icon");
31
+ exports.Switch = (0, react_1.forwardRef)(({ disabled, className, ...props }, ref) => {
32
+ const theme = (0, useTheme_1.useTheme)();
33
+ return (react_1.default.createElement(Wrapper, { "$disabled": disabled, themes: theme, className: className },
34
+ react_1.default.createElement(Checkbox, { ...props, disabled: disabled, type: "checkbox", role: "switch", ref: ref }),
35
+ react_1.default.createElement(CheckIcon, { themes: theme })));
36
+ });
37
+ const Wrapper = styled_components_1.default.span `
38
+ ${({ $disabled, themes: { border, color, radius, shadow } }) => (0, styled_components_1.css) `
39
+ position: relative;
40
+ display: inline-flex;
41
+ align-items: center;
42
+ border-radius: 1.25rem;
43
+ border: ${border.shorthand};
44
+ background-color: ${color.WHITE};
45
+
46
+ /* 理想的には padding: 2px; だが、box-shadow を outline で使用しているため、border と padding で2pxの疑似余白を作っている。 */
47
+ padding: 1px;
48
+
49
+ /* :focus-visible-within の代替 */
50
+ :has(:focus-visible) {
51
+ ${shadow.focusIndicatorStyles}
52
+ }
53
+
54
+ ::before,
55
+ ::after {
56
+ content: '';
57
+ box-sizing: border-box;
58
+ display: inline-block;
59
+ border-radius: ${radius.full};
60
+ border: ${border.shorthand};
61
+ border-color: ${color.GREY_30};
62
+ background-color: ${color.GREY_30};
63
+ block-size: 1rem;
64
+ inline-size: 1rem;
65
+ transition-property: transform, scale;
66
+ transition-duration: 150ms;
67
+ transition-timing-function: ease-out;
68
+ }
69
+
70
+ ::before {
71
+ scale: ${2 / 3};
72
+ }
73
+
74
+ /* ツマミが移動する余白のために存在している */
75
+ ::after {
76
+ visibility: hidden;
77
+ }
78
+
79
+ :has(:checked) {
80
+ border-color: ${color.MAIN};
81
+ background-color: ${color.MAIN};
82
+
83
+ ::before {
84
+ scale: unset;
85
+ transform: translateX(1rem);
86
+ border-color: ${color.BORDER};
87
+ background-color: ${color.WHITE};
88
+ }
89
+ }
90
+
91
+ ${$disabled &&
92
+ (0, styled_components_1.css) `
93
+ &&& {
94
+ cursor: unset;
95
+ border-color: ${color.BORDER};
96
+ background-color: ${color.BORDER};
97
+ }
98
+ `}
99
+
100
+ @media (forced-colors: active) {
101
+ ${$disabled
102
+ ? (0, styled_components_1.css) `
103
+ &&& {
104
+ border-color: GrayText;
105
+
106
+ &::before,
107
+ &::after {
108
+ border-color: GrayText;
109
+ }
110
+ }
111
+ `
112
+ : (0, styled_components_1.css) `
113
+ /* ツマミを塗りつぶす https://developer.mozilla.org/en-US/docs/Web/CSS/system-color */
114
+ &&&::before,
115
+ &&&::after {
116
+ background-color: ButtonBorder;
117
+ }
118
+ `}
119
+ }
120
+
121
+ @supports not selector(:has(+ *)) {
122
+ border-style: revert;
123
+ background-color: revert;
124
+
125
+ ::before,
126
+ ::after {
127
+ display: none;
128
+ }
129
+
130
+ ${$disabled &&
131
+ (0, styled_components_1.css) `
132
+ &&& {
133
+ background-color: revert;
134
+ }
135
+ `}
136
+ }
137
+ `}
138
+ `;
139
+ // eslint-disable-next-line smarthr/a11y-prohibit-input-placeholder, smarthr/a11y-input-has-name-attribute
140
+ const Checkbox = styled_components_1.default.input `
141
+ position: absolute;
142
+ inset: 0;
143
+ cursor: pointer;
144
+ outline: none;
145
+ opacity: 0;
146
+ appearance: none;
147
+
148
+ /* 古い iOS など inset が効かない環境で領域いっぱいに広げる */
149
+ @supports not (inset: 0) {
150
+ width: 100%;
151
+ height: 100%;
152
+ }
153
+
154
+ :disabled {
155
+ cursor: revert;
156
+ }
157
+
158
+ @supports not selector(:has(+ *)) {
159
+ position: revert;
160
+ opacity: revert;
161
+ outline: revert;
162
+ appearance: revert;
163
+ }
164
+ `;
165
+ const CheckIcon = (0, styled_components_1.default)(Icon_1.FaCheckIcon).attrs({ color: 'WHITE', size: 'XXS' }) `
166
+ ${({ themes: { fontSize } }) => (0, styled_components_1.css) `
167
+ position: absolute;
168
+ display: none;
169
+
170
+ @supports selector(:has(+ *)) {
171
+ [type='checkbox']:checked ~ & {
172
+ display: unset;
173
+ transform: translateX(calc((1rem - ${fontSize.XXS}) / 2));
174
+ pointer-events: none;
175
+ }
176
+ }
177
+
178
+ /* 強制カラーモードの時に状態を判別するため */
179
+ @media (forced-colors: active) {
180
+ fill: ButtonText;
181
+
182
+ [type='checkbox']:disabled ~ & {
183
+ fill: GrayText;
184
+ }
185
+ }
186
+ `}
187
+ `;
188
+ //# sourceMappingURL=Switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,uEAA+C;AAE/C,mDAAsD;AACtD,kCAAqC;AAIxB,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,8BAAC,OAAO,iBAAY,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;QAE/D,8BAAC,QAAQ,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI;QACnF,8BAAC,SAAS,IAAC,MAAM,EAAE,KAAK,GAAI,CACpB,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAiD;IACxE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;cAKvD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;;;;;;;QAO3B,MAAM,CAAC,oBAAoB;;;;;;;;uBAQZ,MAAM,CAAC,IAAI;gBAClB,MAAM,CAAC,SAAS;sBACV,KAAK,CAAC,OAAO;0BACT,KAAK,CAAC,OAAO;;;;;;;;;eASxB,CAAC,GAAG,CAAC;;;;;;;;;sBASE,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;;;;;wBAKZ,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,KAAK;;;;MAIjC,SAAS;IACX,IAAA,uBAAG,EAAA;;;wBAGiB,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,MAAM;;KAEnC;;;QAGG,SAAS;IACT,CAAC,CAAC,IAAA,uBAAG,EAAA;;;;;;;;;WASF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;;;;;WAMF;;;;;;;;;;;;QAYH,SAAS;IACX,IAAA,uBAAG,EAAA;;;;OAIF;;GAEJ;CACF,CAAA;AAED,0GAA0G;AAC1G,MAAM,QAAQ,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB5B,CAAA;AAED,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,kBAAW,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAmB;IAC3F,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;;;6CAOQ,QAAQ,CAAC,GAAG;;;;;;;;;;;;;GAatD;CACF,CAAA"}
@@ -0,0 +1 @@
1
+ export { Switch } from './Switch';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Switch = void 0;
4
+ var Switch_1 = require("./Switch");
5
+ Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
package/lib/index.d.ts CHANGED
@@ -52,6 +52,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
52
52
  export * from './components/SpreadsheetTable';
53
53
  export * from './components/ResponseMessage';
54
54
  export * from './components/Badge';
55
+ export * from './components/Switch';
55
56
  export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
56
57
  export { useTheme } from './hooks/useTheme';
57
58
  export { createTheme } from './themes/createTheme';
package/lib/index.js CHANGED
@@ -186,6 +186,7 @@ Object.defineProperty(exports, "VisuallyHiddenText", { enumerable: true, get: fu
186
186
  __exportStar(require("./components/SpreadsheetTable"), exports);
187
187
  __exportStar(require("./components/ResponseMessage"), exports);
188
188
  __exportStar(require("./components/Badge"), exports);
189
+ __exportStar(require("./components/Switch"), exports);
189
190
  // layout components
190
191
  var Layout_1 = require("./components/Layout");
191
192
  Object.defineProperty(exports, "Center", { enumerable: true, get: function () { return Layout_1.Center; } });
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "smarthr-ui",
3
3
  "description": "SmartHR ui components built with React.",
4
- "version": "35.3.0",
4
+ "version": "35.4.0",
5
5
  "author": "SmartHR-UI Team",
6
6
  "dependencies": {
7
7
  "@smarthr/wareki": "^1.2.0",
8
- "dayjs": "^1.11.9",
8
+ "dayjs": "^1.11.10",
9
9
  "lodash.merge": "^4.6.2",
10
10
  "lodash.range": "^3.2.0",
11
11
  "polished": "^4.2.2",
@@ -15,47 +15,47 @@
15
15
  "react-transition-group": "^4.4.5"
16
16
  },
17
17
  "devDependencies": {
18
- "@babel/core": "^7.22.20",
18
+ "@babel/core": "^7.23.0",
19
19
  "@babel/preset-env": "^7.22.20",
20
20
  "@babel/preset-react": "^7.22.15",
21
- "@babel/preset-typescript": "^7.22.15",
21
+ "@babel/preset-typescript": "^7.23.0",
22
22
  "@commitlint/cli": "^17.7.1",
23
23
  "@commitlint/config-conventional": "^17.7.0",
24
- "@storybook/addon-a11y": "^7.4.2",
25
- "@storybook/addon-essentials": "^7.4.2",
26
- "@storybook/addon-interactions": "^7.4.2",
27
- "@storybook/addon-storysource": "^7.4.2",
28
- "@storybook/addons": "^7.4.2",
29
- "@storybook/cli": "^7.4.2",
24
+ "@storybook/addon-a11y": "^7.4.5",
25
+ "@storybook/addon-essentials": "^7.4.5",
26
+ "@storybook/addon-interactions": "^7.4.5",
27
+ "@storybook/addon-storysource": "^7.4.5",
28
+ "@storybook/addons": "^7.4.5",
29
+ "@storybook/cli": "^7.4.5",
30
30
  "@storybook/jest": "^0.2.2",
31
- "@storybook/react": "^7.4.2",
32
- "@storybook/react-webpack5": "^7.4.2",
31
+ "@storybook/react": "^7.4.5",
32
+ "@storybook/react-webpack5": "^7.4.5",
33
33
  "@storybook/test-runner": "^0.13.0",
34
34
  "@storybook/testing-library": "^0.2.1",
35
- "@storybook/theming": "^7.4.2",
36
- "@swc/core": "^1.3.86",
35
+ "@storybook/theming": "^7.4.5",
36
+ "@swc/core": "^1.3.89",
37
37
  "@swc/jest": "^0.2.29",
38
38
  "@testing-library/react-hooks": "^8.0.1",
39
39
  "@types/jest": "^29.5.5",
40
40
  "@types/lodash.merge": "^4.6.7",
41
41
  "@types/lodash.range": "^3.2.7",
42
- "@types/node": "^14.18.61",
43
- "@types/react": "^18.2.21",
42
+ "@types/node": "^14.18.63",
43
+ "@types/react": "^18.2.22",
44
44
  "@types/react-dom": "^18.2.7",
45
45
  "@types/react-test-renderer": "^17.0.4",
46
46
  "@types/react-transition-group": "^4.4.6",
47
- "@types/styled-components": "^5.1.27",
47
+ "@types/styled-components": "^5.1.28",
48
48
  "axe-playwright": "^1.2.3",
49
49
  "babel-loader": "^9.1.3",
50
50
  "babel-plugin-polyfill-corejs2": "^0.4.5",
51
51
  "babel-plugin-polyfill-regenerator": "^0.5.2",
52
52
  "chromatic": "^7.2.0",
53
53
  "ecma-version-validator-webpack-plugin": "^1.2.1",
54
- "eslint": "^8.49.0",
55
- "eslint-config-smarthr": "^6.11.0",
56
- "eslint-plugin-storybook": "^0.6.13",
54
+ "eslint": "^8.50.0",
55
+ "eslint-config-smarthr": "^6.12.1",
56
+ "eslint-plugin-storybook": "^0.6.14",
57
57
  "fs-extra": "^11.1.1",
58
- "glob": "^10.3.4",
58
+ "glob": "10.3.6",
59
59
  "http-server": "^14.1.1",
60
60
  "husky": "^8.0.3",
61
61
  "jest": "^29.7.0",
@@ -68,13 +68,13 @@
68
68
  "postcss-syntax": "^0.36.2",
69
69
  "prettier": "^2.8.8",
70
70
  "prettier-config-smarthr": "^1.0.0",
71
- "puppeteer": "^21.2.1",
71
+ "puppeteer": "^21.3.5",
72
72
  "react": "^18.2.0",
73
73
  "react-dom": "^18.2.0",
74
74
  "react-test-renderer": "^18.2.0",
75
75
  "smarthr-normalize-css": "^1.1.0",
76
76
  "standard-version": "^9.3.2",
77
- "storybook": "^7.4.2",
77
+ "storybook": "^7.4.5",
78
78
  "styled-components": "^5.3.11",
79
79
  "styled-reset": "^4.5.1",
80
80
  "stylelint": "^15.10.3",
@@ -160,7 +160,7 @@
160
160
  "typings": "lib/index.d.ts",
161
161
  "resolutions": {
162
162
  "@babel/helper-compilation-targets": "^7.22.15",
163
- "@types/react": "^18.2.21",
163
+ "@types/react": "^18.2.22",
164
164
  "minimist": "1.2.8",
165
165
  "react": "^18.2.0",
166
166
  "react-dom": "^18.2.0"