@moda/om 21.3.0 → 21.5.0

package/dist/index.esm.js

@@ -356,6 +356,7 @@ function requireColors() {
       "elephant": "rgb(202, 203, 204)",
       "noise": "rgb(242, 243, 245)",
       "snow": "rgb(255, 255, 255)",
+      "silver": "rgb(217, 217, 217)",
       "strawberry": "rgb(250, 222, 221)",
       "code-red": "rgb(238, 7, 0)",
       "mint": "rgb(227, 251, 226)",
@@ -427,7 +428,8 @@ function requireColors() {
       "fog": "rgb(151, 152, 153)",
       "elephant": "rgb(202, 203, 204)",
       "noise": "rgb(242, 243, 245)",
-      "snow": "rgb(255, 255, 255)"
+      "snow": "rgb(255, 255, 255)",
+      "silver": "rgb(217, 217, 217)"
     }
   };
   return colors;
@@ -10760,7 +10762,7 @@ var useSelect = function useSelect(_ref) {
   };
 };
 
-var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption", "paddingRight"];
+var _excluded$j = ["allowAutoFill", "autoSelect", "className", "defaultValue", "disabled", "dropDirection", "error", "idRef", "label", "name", "onChange", "options", "placeholder", "searchable", "shiftIconLeftwards", "value", "dataTestId", "colorSwatch", "extraOption", "paddingRight", "smallMobileText"];
 var Select = function Select(_ref) {
   var _ref2;
   var _ref$allowAutoFill = _ref.allowAutoFill,
@@ -10788,6 +10790,8 @@ var Select = function Select(_ref) {
     colorSwatch = _ref.colorSwatch,
     extraOption = _ref.extraOption,
     paddingRight = _ref.paddingRight,
+    _ref$smallMobileText = _ref.smallMobileText,
+    smallMobileText = _ref$smallMobileText === void 0 ? false : _ref$smallMobileText,
     rest = _objectWithoutProperties(_ref, _excluded$j);
   var _useSelect = useSelect({
       value: value,
@@ -10851,7 +10855,7 @@ var Select = function Select(_ref) {
     value: state.value
   }), /*#__PURE__*/React__default.createElement(Clickable, {
     id: idRef && "Select__value--".concat(idRef),
-    className: classNames('Select__value', _defineProperty$1({}, "Select__value--padding-".concat(paddingRight), paddingRight != null)),
+    className: classNames('Select__value', _defineProperty$1(_defineProperty$1({}, "Select__value--padding-".concat(paddingRight), paddingRight != null), 'Select__value--small', smallMobileText)),
     disabled: disabled,
     onClick: handleToggle,
     "data-test-id": dataTestId,
@@ -11204,6 +11208,12 @@ var NoLineDivider = function NoLineDivider(props) {
   }));
 };
 
+var LineAboveDivider = function LineAboveDivider(props) {
+  return /*#__PURE__*/React__default.createElement(Divider, _extends$1({}, props, {
+    type: "line-above"
+  }));
+};
+
 var _excluded$c = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle", "background", "border"];
 var Expandable = function Expandable(_ref) {
   var name = _ref.name,
@@ -12677,4 +12687,4 @@ var Utilities = {
   States: States
 };
 
-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 };
+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 };