@transferwise/components 0.0.0-experimental-a7cfdf1 → 0.0.0-experimental-18ef249

package/build/es/no-polyfill/checkboxButton/CheckboxButton.story.js

@@ -1 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{boolean}from"@storybook/addon-knobs";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";var meta={component:CheckboxButton,title:"Actions/CheckboxButton",tags:["autodocs"]};export default meta;var onBlur=function(){return console.log("blur")},onClick=function(){return console.log("click")},onFocus=function(){return console.log("focus")};export var Basic=function(){var a=useState(!0),b=_slicedToArray(a,2),c=b[0],d=b[1],e=boolean("disabled",!1);return/*#__PURE__*/_jsx(CheckboxButton,{"aria-label":"Toggle email updates",checked:c,disabled:e,onBlur:onBlur,onClick:onClick,onFocus:onFocus,onChange:function onChange(){return d(!c)}})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{action}from"@storybook/addon-actions";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";export default{component:CheckboxButton,title:"Actions/CheckboxButton",tags:["autodocs"],args:{onBlur:action("blur"),onClick:action("click"),onFocus:action("focus")}};export var Basic={args:{"aria-label":"Toggle email updates",disabled:!1},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(!0),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(CheckboxButton,_objectSpread(_objectSpread({},a),{},{checked:d,onChange:function onChange(){return e(!d)}}))}};

package/build/es/no-polyfill/criticalBanner/CriticalCommsBanner.story.js

@@ -1 +1 @@
-import{text}from"@storybook/addon-knobs";import CriticalCommsBanner from".";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:CriticalCommsBanner,title:"Feedback/CriticalCommsBanner"};export var Basic=function(){var a=text("title","Your account is overdrawn"),b=text("subtitle","Add money within the next 30 days");return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(CriticalCommsBanner,{title:a,subtitle:b,action:{label:"Take action",href:"https://wise.com"}})})};
+import CriticalCommsBanner from".";export default{component:CriticalCommsBanner,title:"Feedback/CriticalCommsBanner",tags:["autodocs"]};export var Basic={args:{title:"Your account is overdrawn",subtitle:"Add money within the next 30 days",action:{label:"Take action",href:"https://wise.com"}}};

package/build/es/no-polyfill/emphasis/Emphasis.story.js

@@ -0,0 +1 @@
+import Emphasis from"./Emphasis";export default{component:Emphasis,title:"Typography/Emphasis",tags:["autodocs"]};export var Basic={args:{text:"This is <important>important</important>.\\nThis is <positive>positive</positive>.\\nThis is <negative>negative</negative>.\\nThis is a <warning>warning</warning>.\\n<script>alert(\"nice try!\")</script>"}};

package/build/es/no-polyfill/markdown/Markdown.story.js

@@ -0,0 +1 @@
+import Markdown from"./Markdown";export default{component:Markdown,title:"Typography/Markdown",tags:["autodocs"]};export var Basic={args:{children:"# Heading\n  1. item one\n  2. item two\n     - sublist\n     - sublist"}};

package/build/es/no-polyfill/processIndicator/ProcessIndicator.story.js

@@ -0,0 +1 @@
+import{Size,Status}from"../common";import ProcessIndicator from"./ProcessIndicator";export default{component:ProcessIndicator,title:"Loading/ProcessIndicator",tags:["autodocs"]};export var Basic={args:{size:Size.EXTRA_SMALL,status:Status.PROCESSING}};

package/build/es/polyfill/checkboxButton/CheckboxButton.story.js

@@ -1 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{boolean}from"@storybook/addon-knobs";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";var meta={component:CheckboxButton,title:"Actions/CheckboxButton",tags:["autodocs"]};export default meta;var onBlur=function(){return console.log("blur")},onClick=function(){return console.log("click")},onFocus=function(){return console.log("focus")};export var Basic=function(){var a=useState(!0),b=_slicedToArray(a,2),c=b[0],d=b[1],e=boolean("disabled",!1);return/*#__PURE__*/_jsx(CheckboxButton,{"aria-label":"Toggle email updates",checked:c,disabled:e,onBlur:onBlur,onClick:onClick,onFocus:onFocus,onChange:function onChange(){return d(!c)}})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{action}from"@storybook/addon-actions";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";export default{component:CheckboxButton,title:"Actions/CheckboxButton",tags:["autodocs"],args:{onBlur:action("blur"),onClick:action("click"),onFocus:action("focus")}};export var Basic={args:{"aria-label":"Toggle email updates",disabled:!1},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(!0),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(CheckboxButton,_objectSpread(_objectSpread({},a),{},{checked:d,onChange:function onChange(){return e(!d)}}))}};

package/build/es/polyfill/criticalBanner/CriticalCommsBanner.story.js

@@ -1 +1 @@
-import{text}from"@storybook/addon-knobs";import CriticalCommsBanner from".";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:CriticalCommsBanner,title:"Feedback/CriticalCommsBanner"};export var Basic=function(){var a=text("title","Your account is overdrawn"),b=text("subtitle","Add money within the next 30 days");return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(CriticalCommsBanner,{title:a,subtitle:b,action:{label:"Take action",href:"https://wise.com"}})})};
+import CriticalCommsBanner from".";export default{component:CriticalCommsBanner,title:"Feedback/CriticalCommsBanner",tags:["autodocs"]};export var Basic={args:{title:"Your account is overdrawn",subtitle:"Add money within the next 30 days",action:{label:"Take action",href:"https://wise.com"}}};

package/build/es/polyfill/emphasis/Emphasis.story.js

@@ -0,0 +1 @@
+import Emphasis from"./Emphasis";export default{component:Emphasis,title:"Typography/Emphasis",tags:["autodocs"]};export var Basic={args:{text:"This is <important>important</important>.\\nThis is <positive>positive</positive>.\\nThis is <negative>negative</negative>.\\nThis is a <warning>warning</warning>.\\n<script>alert(\"nice try!\")</script>"}};

package/build/es/polyfill/markdown/Markdown.story.js

@@ -0,0 +1 @@
+import Markdown from"./Markdown";export default{component:Markdown,title:"Typography/Markdown",tags:["autodocs"]};export var Basic={args:{children:"# Heading\n  1. item one\n  2. item two\n     - sublist\n     - sublist"}};

package/build/es/polyfill/processIndicator/ProcessIndicator.story.js

@@ -0,0 +1 @@
+import{Size,Status}from"../common";import ProcessIndicator from"./ProcessIndicator";export default{component:ProcessIndicator,title:"Loading/ProcessIndicator",tags:["autodocs"]};export var Basic={args:{size:Size.EXTRA_SMALL,status:Status.PROCESSING}};

package/build/types/checkboxButton/CheckboxButton.story.d.ts

@@ -1,6 +1,16 @@
 /// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
 import CheckboxButton from './CheckboxButton';
-declare const meta: Meta<typeof CheckboxButton>;
-export default meta;
-export declare const Basic: () => JSX.Element;
+declare const _default: {
+    component: import("react").ForwardRefExoticComponent<import("./CheckboxButton").CheckboxButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+    title: string;
+    tags: string[];
+    args: {
+        onBlur: import("@storybook/addon-actions/*").HandlerFunction;
+        onClick: import("@storybook/addon-actions/*").HandlerFunction;
+        onFocus: import("@storybook/addon-actions/*").HandlerFunction;
+    };
+};
+export default _default;
+type Story = StoryObj<typeof CheckboxButton>;
+export declare const Basic: Story;

package/build/types/criticalBanner/CriticalCommsBanner.story.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
 import CriticalCommsBanner from '.';
 declare const _default: {
     component: typeof CriticalCommsBanner;
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+type Story = StoryObj<typeof CriticalCommsBanner>;
+export declare const Basic: Story;

package/build/types/emphasis/Emphasis.story.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Emphasis from './Emphasis';
+declare const _default: {
+    component: ({ text }: {
+        text?: string | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Emphasis>;
+export declare const Basic: Story;

package/build/types/markdown/Markdown.story.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Markdown from './Markdown';
+declare const _default: {
+    component: {
+        ({ as: Element, children, className, allowList, blockList, config }: {
+            as: any;
+            children: any;
+            className: any;
+            allowList: any;
+            blockList: any;
+            config: any;
+        }): JSX.Element | null;
+        propTypes: {
+            children: any;
+            as: any;
+            className: any;
+            allowList: any;
+            blockList: any;
+            config: any;
+        };
+        defaultProps: {
+            as: string;
+            className: undefined;
+            allowList: null;
+            blockList: null;
+            config: {
+                link: {
+                    target: string;
+                };
+            };
+        };
+    };
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Markdown>;
+export declare const Basic: Story;

package/build/types/processIndicator/ProcessIndicator.story.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+import ProcessIndicator from './ProcessIndicator';
+declare const _default: {
+    component: typeof ProcessIndicator;
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof ProcessIndicator>;
+export declare const Basic: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-a7cfdf1",
+  "version": "0.0.0-experimental-18ef249",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -69,12 +69,12 @@
     "rollup-plugin-uglify": "^6.0.4",
     "storybook": "^7.0.6",
     "@transferwise/less-config": "3.0.6",
-    "@transferwise/neptune-css": "0.0.0-experimental-a7cfdf1",
+    "@transferwise/neptune-css": "0.0.0-experimental-18ef249",
     "@wise/components-theming": "0.7.5"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.6.0",
-    "@transferwise/neptune-css": "0.0.0-experimental-a7cfdf1",
+    "@transferwise/neptune-css": "0.0.0-experimental-18ef249",
     "@wise/art": "^2",
     "@wise/components-theming": "0.5 - 0.7",
     "currency-flags": "^4.0.2",
@@ -124,12 +124,12 @@
     "access": "public"
   },
   "scripts": {
-    "dev": "npm-run-all --parallel dev:* dev:*:* storybook:dev",
-    "dev:less:watch": "gulp watchLess --dest=src",
+    "dev": "npm-run-all --parallel dev:* sb:dev",
+    "dev:watch-less": "gulp watchLess --dest=src",
     "dev:translations": "npx npm-watch",
-    "storybook:dev": "storybook dev -p 3001",
-    "storybook:build": "storybook build",
-    "build:css": "gulp compileLess --dest=src",
+    "sb:dev": "storybook dev -p 3001",
+    "sb:build": "storybook build",
+    "build-css": "gulp compileLess --dest=src",
     "build": "npm-run-all build:*",
     "build:clean": "rm -rf lib build",
     "build:crowdin-source-file": "formatjs extract 'src/**/*.messages.+(js|ts|tsx)' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
@@ -144,7 +144,7 @@
     "docs": "pnpm build",
     "test": "jest --env=jsdom --maxWorkers=4",
     "test:watch": "jest --watch --env=jsdom",
-    "test:visual": "pnpm run storybook:build && percy storybook ./storybook-static",
+    "test:visual": "build-storybook && percy storybook ./storybook-static",
     "lint": "pnpm run lint:check",
     "lint:check": "npm-run-all --parallel lint:check:*",
     "lint:check:format": "prettier --check --ignore-path ../../.prettierignore . || echo \"Prettier failed. Remove this to make this a failure\"",

package/build/types/test-utils/VariantDecorator.d.ts

@@ -1,18 +0,0 @@
-import { Decorator } from '@storybook/react';
-import { ChromaticParameters } from './ChromaticParameters';
-declare module '@storybook/types' {
-    interface Parameters {
-        /** Prefer using `storyConfig` for configuring variants */
-        variants?: ('default' | 'light' | 'dark' | 'rtl' | (string & Record<string, unknown>))[];
-        /** Used by Chromatic */
-        chromatic?: ChromaticParameters;
-        viewport?: {
-            viewports?: unknown[];
-            defaultViewport?: string;
-        };
-    }
-}
-/**
- * Creates multiple variants of a component in a single story.
- */
-export declare const VariantDecorator: Decorator;