npm - @moda/om - Versions diffs - 18.3.1 → 18.4.0 - Mend

@moda/om 18.3.1 → 18.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.

Files changed (55) hide show

package/dist/src/index.d.ts CHANGED Viewed

@@ -16,6 +16,8 @@ export declare const tokens: {
             "money-good": string;
             fuchsia: string;
             "dark-fuchsia": string;
+            teal: string;
+            ivory: string;
             "klein-blue": string;
             brick: string;
             goldenrod: string;
@@ -37,6 +39,8 @@ export declare const tokens: {
             "money-good": string;
             fuchsia: string;
             "dark-fuchsia": string;
+            teal: string;
+            ivory: string;
         };
         global: {
             "klein-blue": string;

package/dist/src/mixins/font-smoothing/font-smoothing.stories.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import './font-smoothing.stories.scss';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/mixins/overflow-scroll/overflow-scroll.stories.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './overflow-scroll.stories.scss';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const OverflowX: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const OverflowX: () => React.JSX.Element;

package/dist/src/mixins/stack/stack.stories.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './stack.stories.scss';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Horizontal: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Horizontal: () => React.JSX.Element;

package/dist/src/mixins/thin-underline/thin-underline.stories.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import './thin-underline.stories.scss';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/src/mixins/visually-hidden/visually-hidden.stories.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import './visually-hidden.stories.scss';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@moda/om",
-  "version": "18.3.1",
+  "version": "18.4.0",
   "description": "Moda Operandi design system",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -20,7 +20,7 @@
   ],
   "scripts": {
     "build:documentation": "NODE_ENV=production cd documentation && yarn build",
-    "build:storybook": "NODE_ENV=storybook build-storybook",
+    "build:storybook": "NODE_ENV=storybook storybook build",
     "build": "NODE_ENV=production yarn compile && yarn types",
     "clean": "rm -rf ./dist",
     "commit": "yarn git-cz",
@@ -34,7 +34,7 @@
     "scaffold:function": "node scripts/scaffold/sass Functions",
     "semantic-release": "semantic-release",
     "start": "cd documentation && yarn start",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "storybook dev -p 6006",
     "test": "jest -w 1",
     "types": "tsc -p tsconfig.json --emitDeclarationOnly",
     "unlink-all": "yalc remove --all && yarn --check-files",
@@ -48,7 +48,8 @@
   },
   "dependencies": {
     "@moda/icons": "^5.18.0",
-    "@moda/tokens": "^5.7.0",
+    "@moda/tokens": "^5.8.0",
+    "@storybook/addon-styling": "^1.0.1",
     "@types/classnames": "^2.2.9",
     "classnames": "^2.2.6",
     "credit-card-type": "^9.0.0",
@@ -57,6 +58,7 @@
     "react-focus-on": "^3.3.0",
     "react-input-mask": "^2.0.4",
     "scroll-into-view-if-needed": "^3.0.3",
+    "storybook": "^7.0.5",
     "use-cursor": "^1.0.0"
   },
   "devDependencies": {
@@ -74,12 +76,12 @@
     "@storybook/addon-actions": "^7.0.2",
     "@storybook/addon-essentials": "^7.0.2",
     "@storybook/addon-links": "^7.0.2",
+    "@storybook/addon-mdx-gfm": "^7.0.5",
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-viewport": "^7.0.2",
     "@storybook/addons": "^7.0.2",
-    "@storybook/builder-webpack5": "^7.0.2",
-    "@storybook/manager-webpack5": "^6.5.6",
     "@storybook/react": "^7.0.2",
+    "@storybook/react-webpack5": "^7.0.5",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.1.1",

package/src/components/Expandable/Expandable.stories.tsx CHANGED Viewed

@@ -93,7 +93,7 @@ export const Stacked = () => (
         consequat. Morbi et volutpat nulla, a vehicula nisl. Nullam tincidunt ac neque ornare
         mattis. Donec eget dapibus enim. Aliquam ut tortor pretium dui pretium tincidunt. Donec quis
         lacus maximus, dignissim arcu nec, lacinia arcu. Sed placerat leo velit. Ut vehicula sodales
-        egestas. Nunc sed dapibus tortor.
+        egestas. Nunc sed dapibus tortor!
       </Expandable>
     </Stack>
   </States>