@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.
Files changed (7) hide show
  1. package/dist/Toggle/Toggle.d.ts +2 -2
  2. package/dist/Toggle/Toggle.js +14 -8
  3. package/dist/Toggle/Toggle.js.map +1 -1
  4. package/dist/index.d.ts +2 -1
  5. package/dist/index.js +2 -1
  6. package/dist/index.js.map +1 -1
  7. 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, null)));
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}` })}
package/dist/Toggle/Toggle.js.map CHANGED
@@ -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;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAYpD,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAChC,EAAE,EACF,OAAO,EACP,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,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,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;CAWzB,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;wBAOlB,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;;;;;;;wBAUrB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;CAI9C,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"}
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,eAAe,CAAA;AAC7B,cAAc,0CAA0C,CAAA;AACxD,cAAc,4BAA4B,CAAA"}
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.4.1",
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.3",
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.20.1",
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.2",
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.2",
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.2.11",
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.0",
79
+ "semantic-release": "^24.2.1",
80
80
  "storybook": "^8.0.4",
81
- "styled-components": "^6.1.13",
81
+ "styled-components": "^6.1.14",
82
82
  "typescript": "^5.7.2",
83
- "vite": "^6.0.3",
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.21.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.21.0",
94
+ "lexical": "^0.23.0",
94
95
  "polished": "^4.1.3"
95
96
  },
96
97
  "peerDependencies": {