@mrshmllw/smores-react 10.4.0 → 10.5.0

package/README.md

@@ -74,10 +74,6 @@ Not too different to your usual workflow!
 7. This can be done multiple times and it will increment your pre-release package version!
 8. When you're happy with the changes, simply squash and merge the PR and release `main`!
 
-###### Tokens
-
-The `MARSHMALLOW_CI_PAT` has been created from the internal @marshmallow-ci GH account, it is due to expire on `9th December 2024` so will need regenerating once it does.
-
 ## Running Smores in dev mode 
 To run Smores in dev mode follow the below instructions on installing and using Yalc to link up your project repo with Smores.
 

package/dist/Toggle/Toggle.d.ts

@@ -1,12 +1,12 @@
 import { FC } from 'react';
 import { MarginProps } from '../utils/space';
-type Props = {
+export type Props = {
     /** unique ID */
     id?: string;
     /** checked flag  */
     checked: boolean;
+    disabled?: boolean;
     /** onToggle listener  */
     onToggle: () => void;
 } & MarginProps;
 export declare const Toggle: FC<Props>;
-export {};

package/dist/Toggle/Toggle.js

@@ -1,16 +1,16 @@
 import React from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { Box } from '../Box';
 import { theme } from '../theme';
 import { focusOutline } from '../utils/focusOutline';
-export const Toggle = ({ id, checked, onToggle, ...marginProps }) => {
+export const Toggle = ({ id, checked, onToggle, disabled, ...marginProps }) => {
     return (React.createElement(Switch, { forwardedAs: "label", htmlFor: id, ...marginProps },
-        React.createElement(Checkbox, { id: id, type: "checkbox", checked: checked, onChange: onToggle, onKeyDown: (e) => {
+        React.createElement(Checkbox, { id: id, disabled: disabled, type: "checkbox", checked: checked, onChange: onToggle, onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     onToggle();
                 }
             }, "aria-label": "toggle" }),
-        React.createElement(Slider, null)));
+        React.createElement(Slider, { "$disabled": disabled })));
 };
 const Switch = styled(Box) `
   position: relative;
@@ -37,10 +37,6 @@ const Slider = styled.span `
   transition: 0.2s background-color;
   outline: none;
 
-  &:hover {
-    background-color: ${theme.colors.marzipan};
-  }
-
   &:before {
     position: absolute;
     content: '';
@@ -52,6 +48,16 @@ const Slider = styled.span `
     transition: 0.2s transform;
     border-radius: 50%;
   }
+
+  ${({ $disabled }) => $disabled
+    ? css `
+          cursor: not-allowed;
+        `
+    : css `
+          &:hover {
+            background-color: ${theme.colors.marzipan};
+          }
+        `}
 `;
 const Checkbox = styled.input `
   ${focusOutline({ selector: `&:focus-visible + ${Slider}` })}

package/dist/Toggle/Toggle.js.map

@@ -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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "10.4.0",
+  "version": "10.5.0",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -39,13 +39,13 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@commitlint/cli": "^19.6.0",
+    "@commitlint/cli": "^19.6.1",
     "@commitlint/types": "^19.5.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.0",
-    "@snyk/protect": "^1.1294.2",
+    "@snyk/protect": "^1.1294.3",
     "@storybook/addon-a11y": "^8.4.7",
     "@storybook/addon-coverage": "^1.0.3",
     "@storybook/addon-essentials": "^8.4.7",
@@ -84,14 +84,14 @@
     "vitest": "^2.1.8"
   },
   "dependencies": {
-    "@floating-ui/react": "0.27.0",
+    "@floating-ui/react": "0.27.2",
     "@lexical/react": "^0.21.0",
+    "@storybook/preview-api": "^8.4.7",
     "body-scroll-lock": "^4.0.0-beta.0",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.3",
     "fuse.js": "^7.0.0",
     "lexical": "^0.21.0",
-    "micromatch": "^4.0.8",
     "polished": "^4.1.3"
   },
   "peerDependencies": {