@stokr/components-library 2.3.65-beta.4 → 2.3.65-beta.6
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.
- package/dist/components/Icon/Icon.stories.js +108 -0
- package/dist/components/Input/MultiSelect.js +292 -0
- package/dist/components/Input/MultiSelect.stories.js +198 -0
- package/dist/components/Payment/PaymentDetailsCard.js +189 -0
- package/dist/components/Payment/PaymentDetailsCard.stories.js +198 -0
- package/dist/components/StatusTag/StatusTag.js +11 -4
- package/dist/components/StepsProgress/StepIndicator.js +58 -0
- package/dist/components/StepsProgress/StepIndicator.stories.js +153 -0
- package/dist/components/StepsProgress/StepIndicator.styles.js +30 -0
- package/dist/components/TextLink/TextLink.stories.js +35 -0
- package/dist/components/TextLink/TextLink.styles.js +1 -1
- package/dist/index.js +33 -0
- package/dist/static/images/bmn2-logo.svg +9 -0
- package/dist/static/images/plus-icon.svg +4 -0
- package/dist/static/images/transfer-icon.svg +10 -0
- package/dist/utils/formatCurrencyValue.js +43 -3
- package/package.json +1 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.IconReversed = exports.Default = exports.ButtonIconReversed = exports.AsButton = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactRouterDom = require("react-router-dom");
|
|
9
|
+
var _TextLink = require("./TextLink.styles");
|
|
10
|
+
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
11
|
+
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
var _default = exports.default = {
|
|
14
|
+
title: 'Components Library/TextLink',
|
|
15
|
+
component: _TextLink.TextLink,
|
|
16
|
+
decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(Story, null)))]
|
|
17
|
+
};
|
|
18
|
+
const Default = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextLink, {
|
|
19
|
+
to: "/example"
|
|
20
|
+
}, "View Details"));
|
|
21
|
+
exports.Default = Default;
|
|
22
|
+
const AsButton = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextButton, {
|
|
23
|
+
onClick: () => alert('Clicked!')
|
|
24
|
+
}, "Click Me"));
|
|
25
|
+
exports.AsButton = AsButton;
|
|
26
|
+
const IconReversed = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextLink, {
|
|
27
|
+
to: "/example",
|
|
28
|
+
reverse: true
|
|
29
|
+
}, "Go Back"));
|
|
30
|
+
exports.IconReversed = IconReversed;
|
|
31
|
+
const ButtonIconReversed = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextButton, {
|
|
32
|
+
onClick: () => alert('Clicked!'),
|
|
33
|
+
reverse: true
|
|
34
|
+
}, "Previous"));
|
|
35
|
+
exports.ButtonIconReversed = ButtonIconReversed;
|
|
@@ -9,7 +9,7 @@ var _reactRouterDom = require("react-router-dom");
|
|
|
9
9
|
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
-
const styles = (0, _styledComponents.css)(["background:#fff;border:none;cursor:pointer;position:relative;font-family:'Open Sans';font-weight:bold;font-size:11px;line-height:14px;text-transform:uppercase;display:inline-block;padding-left:18px;padding-right:6px;transition:padding 0.2s;&:before{content:'\\f3d1';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:8px;display:block;width:8px;height:8px;position:absolute;top:50%;left:0;margin-top:-4px;color:", ";}&:hover{padding-left:24px;padding-right:0;}", ""], props => _theme.default.cWarning, props => props.disabled && (0, _styledComponents.css)(["opacity:0.5;pointer-events:none;"]));
|
|
12
|
+
const styles = (0, _styledComponents.css)(["background:#fff;border:none;cursor:pointer;position:relative;font-family:'Open Sans';font-weight:bold;font-size:11px;line-height:14px;text-transform:uppercase;display:inline-block;padding-left:18px;padding-right:6px;transition:padding 0.2s;&:before{content:'\\f3d1';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:8px;display:block;width:8px;height:8px;position:absolute;top:50%;left:0;margin-top:-4px;color:", ";transform:", ";}&:hover{padding-left:24px;padding-right:0;}", ""], props => _theme.default.cWarning, props => props.reverse ? 'rotate(180deg)' : 'none', props => props.disabled && (0, _styledComponents.css)(["opacity:0.5;pointer-events:none;"]));
|
|
13
13
|
const TextLink = exports.TextLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
|
|
14
14
|
displayName: "TextLinkstyles__TextLink",
|
|
15
15
|
componentId: "sc-h1k34v-0"
|
package/dist/index.js
CHANGED
|
@@ -399,6 +399,17 @@ Object.keys(_Select).forEach(function (key) {
|
|
|
399
399
|
}
|
|
400
400
|
});
|
|
401
401
|
});
|
|
402
|
+
var _MultiSelect = require("./components/Input/MultiSelect");
|
|
403
|
+
Object.keys(_MultiSelect).forEach(function (key) {
|
|
404
|
+
if (key === "default" || key === "__esModule") return;
|
|
405
|
+
if (key in exports && exports[key] === _MultiSelect[key]) return;
|
|
406
|
+
Object.defineProperty(exports, key, {
|
|
407
|
+
enumerable: true,
|
|
408
|
+
get: function () {
|
|
409
|
+
return _MultiSelect[key];
|
|
410
|
+
}
|
|
411
|
+
});
|
|
412
|
+
});
|
|
402
413
|
var _OtpInput = require("./components/Input/OtpInput");
|
|
403
414
|
Object.keys(_OtpInput).forEach(function (key) {
|
|
404
415
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1433,6 +1444,17 @@ Object.keys(_TimerComponent).forEach(function (key) {
|
|
|
1433
1444
|
}
|
|
1434
1445
|
});
|
|
1435
1446
|
});
|
|
1447
|
+
var _PaymentDetailsCard = require("./components/Payment/PaymentDetailsCard");
|
|
1448
|
+
Object.keys(_PaymentDetailsCard).forEach(function (key) {
|
|
1449
|
+
if (key === "default" || key === "__esModule") return;
|
|
1450
|
+
if (key in exports && exports[key] === _PaymentDetailsCard[key]) return;
|
|
1451
|
+
Object.defineProperty(exports, key, {
|
|
1452
|
+
enumerable: true,
|
|
1453
|
+
get: function () {
|
|
1454
|
+
return _PaymentDetailsCard[key];
|
|
1455
|
+
}
|
|
1456
|
+
});
|
|
1457
|
+
});
|
|
1436
1458
|
var _Timeline = require("./components/Timeline/Timeline");
|
|
1437
1459
|
Object.keys(_Timeline).forEach(function (key) {
|
|
1438
1460
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1465,4 +1487,15 @@ Object.keys(_StatusTag).forEach(function (key) {
|
|
|
1465
1487
|
return _StatusTag[key];
|
|
1466
1488
|
}
|
|
1467
1489
|
});
|
|
1490
|
+
});
|
|
1491
|
+
var _StepIndicator = require("./components/StepsProgress/StepIndicator");
|
|
1492
|
+
Object.keys(_StepIndicator).forEach(function (key) {
|
|
1493
|
+
if (key === "default" || key === "__esModule") return;
|
|
1494
|
+
if (key in exports && exports[key] === _StepIndicator[key]) return;
|
|
1495
|
+
Object.defineProperty(exports, key, {
|
|
1496
|
+
enumerable: true,
|
|
1497
|
+
get: function () {
|
|
1498
|
+
return _StepIndicator[key];
|
|
1499
|
+
}
|
|
1500
|
+
});
|
|
1468
1501
|
});
|