@moda/om 21.2.1 → 21.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.
- package/dist/index.cjs.js +26 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +26 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/Divider/Divider.d.ts +1 -1
- package/dist/src/components/Divider/Divider.stories.d.ts +1 -0
- package/dist/src/components/Divider/LineAboveDivider.d.ts +3 -0
- package/dist/src/components/Divider/index.d.ts +1 -0
- package/dist/src/components/Select/Select.d.ts +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/src/components/Divider/Divider.scss +14 -0
- package/src/components/Divider/Divider.stories.tsx +10 -2
- package/src/components/Divider/Divider.tsx +1 -1
- package/src/components/Divider/LineAboveDivider.tsx +6 -0
- package/src/components/Divider/index.ts +1 -0
- package/src/components/Select/Select.scss +6 -0
- package/src/components/Select/Select.tsx +5 -1
package/dist/index.cjs.js
CHANGED
|
@@ -376,6 +376,7 @@ function requireColors() {
|
|
|
376
376
|
"elephant": "rgb(202, 203, 204)",
|
|
377
377
|
"noise": "rgb(242, 243, 245)",
|
|
378
378
|
"snow": "rgb(255, 255, 255)",
|
|
379
|
+
"silver": "rgb(217, 217, 217)",
|
|
379
380
|
"strawberry": "rgb(250, 222, 221)",
|
|
380
381
|
"code-red": "rgb(238, 7, 0)",
|
|
381
382
|
"mint": "rgb(227, 251, 226)",
|
|
@@ -447,7 +448,8 @@ function requireColors() {
|
|
|
447
448
|
"fog": "rgb(151, 152, 153)",
|
|
448
449
|
"elephant": "rgb(202, 203, 204)",
|
|
449
450
|
"noise": "rgb(242, 243, 245)",
|
|
450
|
-
"snow": "rgb(255, 255, 255)"
|
|
451
|
+
"snow": "rgb(255, 255, 255)",
|
|
452
|
+
"silver": "rgb(217, 217, 217)"
|
|
451
453
|
}
|
|
452
454
|
};
|
|
453
455
|
return colors;
|
|
@@ -9526,6 +9528,17 @@ function requireCardTypes() {
|
|
|
9526
9528
|
name: "CVC",
|
|
9527
9529
|
size: 3
|
|
9528
9530
|
}
|
|
9531
|
+
},
|
|
9532
|
+
verve: {
|
|
9533
|
+
niceType: "Verve",
|
|
9534
|
+
type: "verve",
|
|
9535
|
+
patterns: [[506099, 506127], 506129, [506133, 506150], [506158, 506163], 506166, 506168, 506170, 506173, [506176, 506180], 506184, [506187, 506188], 506191, 506195, 506197, 507865, 507866, [507868, 507877], [507880, 507888], 507900, 507941],
|
|
9536
|
+
gaps: [4, 8, 12],
|
|
9537
|
+
lengths: [16, 18, 19],
|
|
9538
|
+
code: {
|
|
9539
|
+
name: "CVV",
|
|
9540
|
+
size: 3
|
|
9541
|
+
}
|
|
9529
9542
|
}
|
|
9530
9543
|
};
|
|
9531
9544
|
cardTypes_1 = cardTypes;
|
|
@@ -9712,13 +9725,14 @@ function requireDist$2() {
|
|
|
9712
9725
|
DISCOVER: "discover",
|
|
9713
9726
|
JCB: "jcb",
|
|
9714
9727
|
UNIONPAY: "unionpay",
|
|
9728
|
+
VERVE: "verve",
|
|
9715
9729
|
MAESTRO: "maestro",
|
|
9716
9730
|
ELO: "elo",
|
|
9717
9731
|
MIR: "mir",
|
|
9718
9732
|
HIPER: "hiper",
|
|
9719
9733
|
HIPERCARD: "hipercard"
|
|
9720
9734
|
};
|
|
9721
|
-
var ORIGINAL_TEST_ORDER = [cardNames.VISA, cardNames.MASTERCARD, cardNames.AMERICAN_EXPRESS, cardNames.DINERS_CLUB, cardNames.DISCOVER, cardNames.JCB, cardNames.UNIONPAY, cardNames.MAESTRO, cardNames.ELO, cardNames.MIR, cardNames.HIPER, cardNames.HIPERCARD];
|
|
9735
|
+
var ORIGINAL_TEST_ORDER = [cardNames.VISA, cardNames.MASTERCARD, cardNames.AMERICAN_EXPRESS, cardNames.DINERS_CLUB, cardNames.DISCOVER, cardNames.JCB, cardNames.UNIONPAY, cardNames.VERVE, cardNames.MAESTRO, cardNames.ELO, cardNames.MIR, cardNames.HIPER, cardNames.HIPERCARD];
|
|
9722
9736
|
var testOrder = (0, clone_1.clone)(ORIGINAL_TEST_ORDER);
|
|
9723
9737
|
function findType(cardType) {
|
|
9724
9738
|
return customCards[cardType] || cardTypes[cardType];
|
|
@@ -10768,7 +10782,7 @@ var useSelect = function useSelect(_ref) {
|
|
|
10768
10782
|
};
|
|
10769
10783
|
};
|
|
10770
10784
|
|
|
10771
|
-
var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption"];
|
|
10785
|
+
var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption", "paddingRight"];
|
|
10772
10786
|
var Select = function Select(_ref) {
|
|
10773
10787
|
var _ref2;
|
|
10774
10788
|
var _ref$allowAutoFill = _ref.allowAutoFill,
|
|
@@ -10795,6 +10809,7 @@ var Select = function Select(_ref) {
|
|
|
10795
10809
|
dataTestId = _ref.dataTestId,
|
|
10796
10810
|
colorSwatch = _ref.colorSwatch,
|
|
10797
10811
|
extraOption = _ref.extraOption,
|
|
10812
|
+
paddingRight = _ref.paddingRight,
|
|
10798
10813
|
rest = _objectWithoutProperties(_ref, _excluded$j);
|
|
10799
10814
|
var _useSelect = useSelect({
|
|
10800
10815
|
value: value,
|
|
@@ -10858,7 +10873,7 @@ var Select = function Select(_ref) {
|
|
|
10858
10873
|
value: state.value
|
|
10859
10874
|
}), /*#__PURE__*/React.createElement(Clickable, {
|
|
10860
10875
|
id: idRef && "Select__value--".concat(idRef),
|
|
10861
|
-
className: "Select__value",
|
|
10876
|
+
className: classNames('Select__value', _defineProperty$1({}, "Select__value--padding-".concat(paddingRight), paddingRight != null)),
|
|
10862
10877
|
disabled: disabled,
|
|
10863
10878
|
onClick: handleToggle,
|
|
10864
10879
|
"data-test-id": dataTestId,
|
|
@@ -11211,6 +11226,12 @@ var NoLineDivider = function NoLineDivider(props) {
|
|
|
11211
11226
|
}));
|
|
11212
11227
|
};
|
|
11213
11228
|
|
|
11229
|
+
var LineAboveDivider = function LineAboveDivider(props) {
|
|
11230
|
+
return /*#__PURE__*/React.createElement(Divider, _extends$1({}, props, {
|
|
11231
|
+
type: "line-above"
|
|
11232
|
+
}));
|
|
11233
|
+
};
|
|
11234
|
+
|
|
11214
11235
|
var _excluded$c = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle", "background", "border"];
|
|
11215
11236
|
var Expandable = function Expandable(_ref) {
|
|
11216
11237
|
var name = _ref.name,
|
|
@@ -12717,6 +12738,7 @@ exports.FocusOn = FocusOn;
|
|
|
12717
12738
|
exports.Input = Field;
|
|
12718
12739
|
exports.Keyhole = Keyhole;
|
|
12719
12740
|
exports.Label = Label;
|
|
12741
|
+
exports.LineAboveDivider = LineAboveDivider;
|
|
12720
12742
|
exports.Loading = Loading;
|
|
12721
12743
|
exports.LoadingBalls = LoadingBalls;
|
|
12722
12744
|
exports.LoadingItems1 = LoadingItems1;
|