@transferwise/components 40.5.1-beta-ef5ed37487.4 → 40.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "40.5.1-beta-ef5ed37487.4+ef5ed37487",
+  "version": "40.5.1",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -66,7 +66,7 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@transferwise/icons": "^2.12.0",
     "@transferwise/less-config": "^3.0.2",
-    "@transferwise/neptune-css": "^12.4.1",
+    "@transferwise/neptune-css": "^12.4.2",
     "@transferwise/neptune-tokens": "7.0.0",
     "@transferwise/test-config": "^5.0.0",
     "@types/jest": "^26.0.20",
@@ -121,5 +121,5 @@
   "resolutions": {
     "@storybook/**/kind-of": "^6.0.3"
   },
-  "gitHead": "ef5ed374872ba3b6ba87fdcc4f85dfa41a4d569b"
+  "gitHead": "6b5db4e79fc57c24a9d6abca0cf823b5a244be61"
 }

package/build/es/no-polyfill/progress/Progress.js

@@ -1 +0,0 @@
-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 classnames from"classnames";import{useEffect,useState}from"react";import{jsxs as _jsxs}from"react/jsx-runtime";var Progress=function(a){var b=a.className,c=a.id,d=a.progress,e=useState(0),f=_slicedToArray(e,2),g=f[0],h=f[1];return useEffect(function(){h(d.value)}),/*#__PURE__*/_jsxs("progress",_objectSpread(_objectSpread({id:c,className:classnames("np-progress",b)},d),{},{value:g,children:[g,"%"]}))};export default Progress;

package/build/es/no-polyfill/progress/index.js

@@ -1 +0,0 @@
-export{default}from"./Progress";

package/build/es/no-polyfill/spendingLimit/SpendingLimit.js

@@ -1 +0,0 @@
-import classNames from"classnames";import Progress from"../progress";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var SpendingLimit=function(a){var b=a.className,c=a.description,d=a.id,e=a.title,f=a.progress,g=a.textEnd;return/*#__PURE__*/_jsxs("div",{className:classNames("np-spending-limit",b),children:[/*#__PURE__*/_jsxs("label",{className:"np-spending-limit__title",htmlFor:d,children:[/*#__PURE__*/_jsx("div",{className:"h4",children:e}),c&&/*#__PURE__*/_jsx("span",{className:"small",children:c})]}),/*#__PURE__*/_jsx(Progress,{id:d,progress:f}),/*#__PURE__*/_jsx("p",{className:"d-flex justify-content-end h4",children:g})]})};export default SpendingLimit;

package/build/es/no-polyfill/spendingLimit/index.js

@@ -1 +0,0 @@
-export{default}from"./SpendingLimit";

package/build/es/polyfill/progress/Progress.js

@@ -1 +0,0 @@
-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.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 classnames from"classnames";import{useEffect,useState}from"react";import{jsxs as _jsxs}from"react/jsx-runtime";var Progress=function(a){var b=a.className,c=a.id,d=a.progress,e=useState(0),f=_slicedToArray(e,2),g=f[0],h=f[1];return useEffect(function(){h(d.value)}),/*#__PURE__*/_jsxs("progress",_objectSpread(_objectSpread({id:c,className:classnames("np-progress",b)},d),{},{value:g,children:[g,"%"]}))};export default Progress;

package/build/es/polyfill/progress/index.js

@@ -1 +0,0 @@
-export{default}from"./Progress";

package/build/es/polyfill/spendingLimit/SpendingLimit.js

@@ -1 +0,0 @@
-import"core-js/modules/es.symbol.js";import"core-js/modules/es.symbol.description.js";import classNames from"classnames";import Progress from"../progress";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var SpendingLimit=function(a){var b=a.className,c=a.description,d=a.id,e=a.title,f=a.progress,g=a.textEnd;return/*#__PURE__*/_jsxs("div",{className:classNames("np-spending-limit",b),children:[/*#__PURE__*/_jsxs("label",{className:"np-spending-limit__title",htmlFor:d,children:[/*#__PURE__*/_jsx("div",{className:"h4",children:e}),c&&/*#__PURE__*/_jsx("span",{className:"small",children:c})]}),/*#__PURE__*/_jsx(Progress,{id:d,progress:f}),/*#__PURE__*/_jsx("p",{className:"d-flex justify-content-end h4",children:g})]})};export default SpendingLimit;

package/build/es/polyfill/spendingLimit/index.js

@@ -1 +0,0 @@
-export{default}from"./SpendingLimit";

package/build/styles/progress/Progress.css

@@ -1 +0,0 @@
-.np-progress{border-radius:3px;border-radius:var(--radius-small,3px);width:100%}.np-progress::-webkit-progress-bar{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-radius:3px;border-radius:var(--radius-small,3px)}.np-progress::-webkit-progress-value{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);border-radius:3px;border-radius:var(--radius-small,3px)}.np-progress::-moz-progress-bar{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);border-radius:3px;border-radius:var(--radius-small,3px)}@media (prefers-reduced-motion:no-preference){.np-progress::-webkit-progress-value{-webkit-transition:width .5s ease;transition:width .5s ease;transition-delay:.2s}.np-progress::-moz-progress-bar{-moz-transition:width .5s ease;transition:width .5s ease;transition-delay:.2s}}

package/build/styles/spendingLimit/SpendingLimit.css

@@ -1 +0,0 @@
-.np-spending-limit__title .h4,.np-spending-limit p{color:#37517e;color:var(--color-content-primary,#37517e)}.np-spending-limit p{margin-top:4px;margin-top:var(--size-4,4px)}

package/build/types/progress/Progress.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-declare type ProgressProps = {
-    className?: string;
-    id: string;
-    progress: {
-        value: number;
-        max: number;
-    };
-};
-declare const Progress: ({ className, id, progress }: ProgressProps) => ReactElement | null;
-export default Progress;

package/build/types/progress/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Progress';

package/build/types/spendingLimit/SpendingLimit.d.ts

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-declare type SpendingLimitProps = {
-    className?: string;
-    description?: string;
-    id: string;
-    title: string;
-    progress: {
-        value: number;
-        max: number;
-    };
-    textEnd: string;
-};
-declare const SpendingLimit: ({ className, description, id, title, progress, textEnd, }: SpendingLimitProps) => ReactElement | null;
-export default SpendingLimit;

package/build/types/spendingLimit/index.d.ts

@@ -1 +0,0 @@
-export { default } from './SpendingLimit';