@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.esm.js
CHANGED
|
@@ -356,6 +356,7 @@ function requireColors() {
|
|
|
356
356
|
"elephant": "rgb(202, 203, 204)",
|
|
357
357
|
"noise": "rgb(242, 243, 245)",
|
|
358
358
|
"snow": "rgb(255, 255, 255)",
|
|
359
|
+
"silver": "rgb(217, 217, 217)",
|
|
359
360
|
"strawberry": "rgb(250, 222, 221)",
|
|
360
361
|
"code-red": "rgb(238, 7, 0)",
|
|
361
362
|
"mint": "rgb(227, 251, 226)",
|
|
@@ -427,7 +428,8 @@ function requireColors() {
|
|
|
427
428
|
"fog": "rgb(151, 152, 153)",
|
|
428
429
|
"elephant": "rgb(202, 203, 204)",
|
|
429
430
|
"noise": "rgb(242, 243, 245)",
|
|
430
|
-
"snow": "rgb(255, 255, 255)"
|
|
431
|
+
"snow": "rgb(255, 255, 255)",
|
|
432
|
+
"silver": "rgb(217, 217, 217)"
|
|
431
433
|
}
|
|
432
434
|
};
|
|
433
435
|
return colors;
|
|
@@ -9506,6 +9508,17 @@ function requireCardTypes() {
|
|
|
9506
9508
|
name: "CVC",
|
|
9507
9509
|
size: 3
|
|
9508
9510
|
}
|
|
9511
|
+
},
|
|
9512
|
+
verve: {
|
|
9513
|
+
niceType: "Verve",
|
|
9514
|
+
type: "verve",
|
|
9515
|
+
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],
|
|
9516
|
+
gaps: [4, 8, 12],
|
|
9517
|
+
lengths: [16, 18, 19],
|
|
9518
|
+
code: {
|
|
9519
|
+
name: "CVV",
|
|
9520
|
+
size: 3
|
|
9521
|
+
}
|
|
9509
9522
|
}
|
|
9510
9523
|
};
|
|
9511
9524
|
cardTypes_1 = cardTypes;
|
|
@@ -9692,13 +9705,14 @@ function requireDist$2() {
|
|
|
9692
9705
|
DISCOVER: "discover",
|
|
9693
9706
|
JCB: "jcb",
|
|
9694
9707
|
UNIONPAY: "unionpay",
|
|
9708
|
+
VERVE: "verve",
|
|
9695
9709
|
MAESTRO: "maestro",
|
|
9696
9710
|
ELO: "elo",
|
|
9697
9711
|
MIR: "mir",
|
|
9698
9712
|
HIPER: "hiper",
|
|
9699
9713
|
HIPERCARD: "hipercard"
|
|
9700
9714
|
};
|
|
9701
|
-
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];
|
|
9715
|
+
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];
|
|
9702
9716
|
var testOrder = (0, clone_1.clone)(ORIGINAL_TEST_ORDER);
|
|
9703
9717
|
function findType(cardType) {
|
|
9704
9718
|
return customCards[cardType] || cardTypes[cardType];
|
|
@@ -10748,7 +10762,7 @@ var useSelect = function useSelect(_ref) {
|
|
|
10748
10762
|
};
|
|
10749
10763
|
};
|
|
10750
10764
|
|
|
10751
|
-
var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption"];
|
|
10765
|
+
var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption", "paddingRight"];
|
|
10752
10766
|
var Select = function Select(_ref) {
|
|
10753
10767
|
var _ref2;
|
|
10754
10768
|
var _ref$allowAutoFill = _ref.allowAutoFill,
|
|
@@ -10775,6 +10789,7 @@ var Select = function Select(_ref) {
|
|
|
10775
10789
|
dataTestId = _ref.dataTestId,
|
|
10776
10790
|
colorSwatch = _ref.colorSwatch,
|
|
10777
10791
|
extraOption = _ref.extraOption,
|
|
10792
|
+
paddingRight = _ref.paddingRight,
|
|
10778
10793
|
rest = _objectWithoutProperties(_ref, _excluded$j);
|
|
10779
10794
|
var _useSelect = useSelect({
|
|
10780
10795
|
value: value,
|
|
@@ -10838,7 +10853,7 @@ var Select = function Select(_ref) {
|
|
|
10838
10853
|
value: state.value
|
|
10839
10854
|
}), /*#__PURE__*/React__default.createElement(Clickable, {
|
|
10840
10855
|
id: idRef && "Select__value--".concat(idRef),
|
|
10841
|
-
className: "Select__value",
|
|
10856
|
+
className: classNames('Select__value', _defineProperty$1({}, "Select__value--padding-".concat(paddingRight), paddingRight != null)),
|
|
10842
10857
|
disabled: disabled,
|
|
10843
10858
|
onClick: handleToggle,
|
|
10844
10859
|
"data-test-id": dataTestId,
|
|
@@ -11191,6 +11206,12 @@ var NoLineDivider = function NoLineDivider(props) {
|
|
|
11191
11206
|
}));
|
|
11192
11207
|
};
|
|
11193
11208
|
|
|
11209
|
+
var LineAboveDivider = function LineAboveDivider(props) {
|
|
11210
|
+
return /*#__PURE__*/React__default.createElement(Divider, _extends$1({}, props, {
|
|
11211
|
+
type: "line-above"
|
|
11212
|
+
}));
|
|
11213
|
+
};
|
|
11214
|
+
|
|
11194
11215
|
var _excluded$c = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle", "background", "border"];
|
|
11195
11216
|
var Expandable = function Expandable(_ref) {
|
|
11196
11217
|
var name = _ref.name,
|
|
@@ -12664,4 +12685,4 @@ var Utilities = {
|
|
|
12664
12685
|
States: States
|
|
12665
12686
|
};
|
|
12666
12687
|
|
|
12667
|
-
export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5, LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5, LoadingShapes, LoadingShapesLavenderBlue, LoadingShapesPinkGreen, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };
|
|
12688
|
+
export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, LineAboveDivider, Loading, LoadingBalls, LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5, LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5, LoadingShapes, LoadingShapesLavenderBlue, LoadingShapesPinkGreen, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };
|