@moda/om 21.3.0 → 21.5.0

package/dist/index.cjs.js

@@ -376,6 +376,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)",
@@ -447,7 +448,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;
@@ -10780,7 +10782,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,
@@ -10808,6 +10810,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,
@@ -10871,7 +10875,7 @@ var Select = function Select(_ref) {
     value: state.value
   }), /*#__PURE__*/React.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,
@@ -11224,6 +11228,12 @@ var NoLineDivider = function NoLineDivider(props) {
   }));
 };
 
+var LineAboveDivider = function LineAboveDivider(props) {
+  return /*#__PURE__*/React.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,
@@ -12730,6 +12740,7 @@ exports.FocusOn = FocusOn;
 exports.Input = Field;
 exports.Keyhole = Keyhole;
 exports.Label = Label;
+exports.LineAboveDivider = LineAboveDivider;
 exports.Loading = Loading;
 exports.LoadingBalls = LoadingBalls;
 exports.LoadingItems1 = LoadingItems1;