@mrshmllw/smores-react 10.4.1 → 10.6.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/dist/Toggle/Toggle.d.ts +2 -2
- package/dist/Toggle/Toggle.js +14 -8
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +12 -11
package/dist/Toggle/Toggle.d.ts
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
import { FC } from 'react';
|
2
2
|
import { MarginProps } from '../utils/space';
|
3
|
-
type Props = {
|
3
|
+
export type Props = {
|
4
4
|
/** unique ID */
|
5
5
|
id?: string;
|
6
6
|
/** checked flag */
|
7
7
|
checked: boolean;
|
8
|
+
disabled?: boolean;
|
8
9
|
/** onToggle listener */
|
9
10
|
onToggle: () => void;
|
10
11
|
} & MarginProps;
|
11
12
|
export declare const Toggle: FC<Props>;
|
12
|
-
export {};
|
package/dist/Toggle/Toggle.js
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import styled from 'styled-components';
|
2
|
+
import styled, { css } from 'styled-components';
|
3
3
|
import { Box } from '../Box';
|
4
4
|
import { theme } from '../theme';
|
5
5
|
import { focusOutline } from '../utils/focusOutline';
|
6
|
-
export const Toggle = ({ id, checked, onToggle, ...marginProps }) => {
|
6
|
+
export const Toggle = ({ id, checked, onToggle, disabled, ...marginProps }) => {
|
7
7
|
return (React.createElement(Switch, { forwardedAs: "label", htmlFor: id, ...marginProps },
|
8
|
-
React.createElement(Checkbox, { id: id, type: "checkbox", checked: checked, onChange: onToggle, onKeyDown: (e) => {
|
8
|
+
React.createElement(Checkbox, { id: id, disabled: disabled, type: "checkbox", checked: checked, onChange: onToggle, onKeyDown: (e) => {
|
9
9
|
if (e.key === 'Enter') {
|
10
10
|
onToggle();
|
11
11
|
}
|
12
12
|
}, "aria-label": "toggle" }),
|
13
|
-
React.createElement(Slider,
|
13
|
+
React.createElement(Slider, { "$disabled": disabled })));
|
14
14
|
};
|
15
15
|
const Switch = styled(Box) `
|
16
16
|
position: relative;
|
@@ -37,10 +37,6 @@ const Slider = styled.span `
|
|
37
37
|
transition: 0.2s background-color;
|
38
38
|
outline: none;
|
39
39
|
|
40
|
-
&:hover {
|
41
|
-
background-color: ${theme.colors.marzipan};
|
42
|
-
}
|
43
|
-
|
44
40
|
&:before {
|
45
41
|
position: absolute;
|
46
42
|
content: '';
|
@@ -52,6 +48,16 @@ const Slider = styled.span `
|
|
52
48
|
transition: 0.2s transform;
|
53
49
|
border-radius: 50%;
|
54
50
|
}
|
51
|
+
|
52
|
+
${({ $disabled }) => $disabled
|
53
|
+
? css `
|
54
|
+
cursor: not-allowed;
|
55
|
+
`
|
56
|
+
: css `
|
57
|
+
&:hover {
|
58
|
+
background-color: ${theme.colors.marzipan};
|
59
|
+
}
|
60
|
+
`}
|
55
61
|
`;
|
56
62
|
const Checkbox = styled.input `
|
57
63
|
${focusOutline({ selector: `&:focus-visible + ${Slider}` })}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAapD,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,MAAM,IAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,KAAM,WAAW;QACtD,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACtB,QAAQ,EAAE,CAAA;gBACZ,CAAC;YACH,CAAC,gBACU,QAAQ,GACnB;QACF,oBAAC,MAAM,iBAAY,QAAQ,GAAI,CACxB,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;CAWzB,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAyB;;;;;;;sBAO7B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;wBAalB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;IAK3C,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;gCAEqB,KAAK,CAAC,MAAM,CAAC,QAAQ;;SAE5C;CACR,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;IACzB,YAAY,CAAC,EAAE,QAAQ,EAAE,qBAAqB,MAAM,EAAE,EAAE,CAAC;;gBAE7C,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,SAAS;;;;gBAI9B,MAAM;;;CAGrB,CAAA"}
|
package/dist/index.d.ts
CHANGED
@@ -47,6 +47,7 @@ export * from './TextInput';
|
|
47
47
|
export * from './theme';
|
48
48
|
export * from './Toggle';
|
49
49
|
export * from './Tooltip';
|
50
|
-
export * from './utils/space';
|
51
50
|
export * from './utils/dateOfBirth/dateOfBirthValidator';
|
51
|
+
export * from './utils/dateOfBirth/dateOfBirthValidator.utils';
|
52
52
|
export * from './utils/dateOfBirth/schema';
|
53
|
+
export * from './utils/space';
|
package/dist/index.js
CHANGED
@@ -47,7 +47,8 @@ export * from './TextInput';
|
|
47
47
|
export * from './theme';
|
48
48
|
export * from './Toggle';
|
49
49
|
export * from './Tooltip';
|
50
|
-
export * from './utils/space';
|
51
50
|
export * from './utils/dateOfBirth/dateOfBirthValidator';
|
51
|
+
export * from './utils/dateOfBirth/dateOfBirthValidator.utils';
|
52
52
|
export * from './utils/dateOfBirth/schema';
|
53
|
+
export * from './utils/space';
|
53
54
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,0CAA0C,CAAA;AACxD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,eAAe,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@mrshmllw/smores-react",
|
3
|
-
"version": "10.
|
3
|
+
"version": "10.6.0",
|
4
4
|
"main": "./dist/index.js",
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
6
6
|
"keywords": [
|
@@ -47,18 +47,18 @@
|
|
47
47
|
"@semantic-release/npm": "^12.0.0",
|
48
48
|
"@snyk/protect": "^1.1294.3",
|
49
49
|
"@storybook/addon-a11y": "^8.4.7",
|
50
|
-
"@storybook/addon-coverage": "^1.0.
|
50
|
+
"@storybook/addon-coverage": "^1.0.5",
|
51
51
|
"@storybook/addon-essentials": "^8.4.7",
|
52
52
|
"@storybook/addon-interactions": "^8.4.7",
|
53
53
|
"@storybook/addon-links": "^8.4.7",
|
54
54
|
"@storybook/react": "^8.4.7",
|
55
55
|
"@storybook/react-vite": "^8.4.7",
|
56
56
|
"@storybook/test": "^8.2.1",
|
57
|
-
"@storybook/test-runner": "^0.
|
57
|
+
"@storybook/test-runner": "^0.21.0",
|
58
58
|
"@testing-library/react": "^16.1.0",
|
59
59
|
"@types/body-scroll-lock": "^3.1.0",
|
60
60
|
"@types/dompurify": "^3.2.0",
|
61
|
-
"@types/node": "^22.10.
|
61
|
+
"@types/node": "^22.10.4",
|
62
62
|
"@types/react": "^18.0.24",
|
63
63
|
"@types/react-dom": "^18.0.8",
|
64
64
|
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
@@ -67,30 +67,31 @@
|
|
67
67
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
68
68
|
"eslint": "^8.57.1",
|
69
69
|
"eslint-config-prettier": "^9.0.0",
|
70
|
-
"eslint-plugin-react": "^7.37.
|
70
|
+
"eslint-plugin-react": "^7.37.3",
|
71
71
|
"eslint-plugin-react-hooks": "^5.1.0",
|
72
72
|
"husky": "^9.1.7",
|
73
73
|
"jsdom": "^25.0.1",
|
74
|
-
"lint-staged": "^15.
|
74
|
+
"lint-staged": "^15.3.0",
|
75
75
|
"prettier": "^3.4.2",
|
76
76
|
"react": "^18.2.0",
|
77
77
|
"react-dom": "^18.2.0",
|
78
78
|
"rimraf": "^6.0.1",
|
79
|
-
"semantic-release": "^24.2.
|
79
|
+
"semantic-release": "^24.2.1",
|
80
80
|
"storybook": "^8.0.4",
|
81
|
-
"styled-components": "^6.1.
|
81
|
+
"styled-components": "^6.1.14",
|
82
82
|
"typescript": "^5.7.2",
|
83
|
-
"vite": "^6.0.
|
83
|
+
"vite": "^6.0.7",
|
84
84
|
"vitest": "^2.1.8"
|
85
85
|
},
|
86
86
|
"dependencies": {
|
87
87
|
"@floating-ui/react": "0.27.2",
|
88
|
-
"@lexical/react": "^0.
|
88
|
+
"@lexical/react": "^0.23.0",
|
89
|
+
"@storybook/preview-api": "^8.4.7",
|
89
90
|
"body-scroll-lock": "^4.0.0-beta.0",
|
90
91
|
"date-fns": "^4.1.0",
|
91
92
|
"dompurify": "^3.2.3",
|
92
93
|
"fuse.js": "^7.0.0",
|
93
|
-
"lexical": "^0.
|
94
|
+
"lexical": "^0.23.0",
|
94
95
|
"polished": "^4.1.3"
|
95
96
|
},
|
96
97
|
"peerDependencies": {
|