@superdispatch/ui-lab 0.50.2 → 0.50.4

package/dist-node/index.js

@@ -1252,46 +1252,38 @@ var EndActions = /*#__PURE__*/styled__default.div.withConfig({
   } = _ref2;
   return theme.breakpoints.down('xs');
 });
-var BannerListItemDanger = /*#__PURE__*/styled.css(["& ", "{background:", ";color:", ";}&:hover{background:", ";}"], IconContainer, ui.ColorDynamic.Red50, ui.ColorDynamic.Red300, ui.ColorDynamic.Red50);
 var BannerListItemStandalone = /*#__PURE__*/styled.css(["background:", ";"], ui.ColorDynamic.Silver200);
 var BannerListContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "FlagListItem__BannerListContainer",
   componentId: "SD__sc-o5bqru-4"
-})(["display:flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border:1px solid ", ";background:", ";cursor:default;transition:", ";& + &{border-top:none;}&:last-child{border-radius:0 0 4px 4px;}&:hover{background:", ";& ", "{background:", ";}& ", " > svg{color:", ";}}[data-variant='standalone'] &:not(:hover){", "}", " ", "{flex-direction:column;align-items:flex-start;}"], ui.ColorDynamic.Silver400, ui.ColorDynamic.White, _ref3 => {
+})(["display:flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border:1px solid ", ";background:", ";cursor:default;transition:", ";& + &{border-top:none;}&:last-child{border-radius:0 0 4px 4px;}&:hover{background:", ";& ", "{background:", ";}}[data-variant='standalone'] &:not(:hover){", "}", "{flex-direction:column;align-items:flex-start;}"], ui.ColorDynamic.Silver400, ui.ColorDynamic.White, _ref3 => {
   var {
     theme
   } = _ref3;
   return theme.transitions.create(['color', 'background-color']);
-}, ui.ColorDynamic.Blue50, IconContainer, ui.ColorDynamic.White, HelpIcon, _ref4 => {
-  var {
-    $variant
-  } = _ref4;
-  return $variant === 'danger' ? ui.ColorDynamic.Red300 : ui.ColorDynamic.Blue300;
-}, BannerListItemStandalone, _ref5 => {
-  var {
-    $variant
-  } = _ref5;
-  return $variant === 'danger' ? BannerListItemDanger : null;
-}, _ref6 => {
+}, ui.ColorDynamic.Silver200, IconContainer, ui.ColorDynamic.White, BannerListItemStandalone, _ref4 => {
   var {
     theme
-  } = _ref6;
+  } = _ref4;
   return theme.breakpoints.down('xs');
 });
-var FlagListItem = /*#__PURE__*/react.forwardRef((_ref7, ref) => {
+var FlagListItem = /*#__PURE__*/react.forwardRef((_ref5, ref) => {
   var {
       variant = 'primary',
       showHelpIcon,
       endAction,
       children
-    } = _ref7,
-    rest = _objectWithoutProperties(_ref7, _excluded$7);
+    } = _ref5,
+    rest = _objectWithoutProperties(_ref5, _excluded$7);
   return /*#__PURE__*/jsxRuntime.jsxs(BannerListContainer, _objectSpread(_objectSpread({}, rest), {}, {
     ref: ref,
-    $variant: variant,
     children: [/*#__PURE__*/jsxRuntime.jsxs(Content, {
       children: [/*#__PURE__*/jsxRuntime.jsx(IconContainer, {
-        children: variant === 'danger' ? /*#__PURE__*/jsxRuntime.jsx(icons.Error, {}) : variant === 'warning' ? /*#__PURE__*/jsxRuntime.jsx(icons.Warning, {}) : /*#__PURE__*/jsxRuntime.jsx(icons.Flag, {})
+        children: variant === 'danger' ? /*#__PURE__*/jsxRuntime.jsx(icons.Error, {
+          htmlColor: ui.ColorDynamic.Red300
+        }) : variant === 'warning' ? /*#__PURE__*/jsxRuntime.jsx(icons.Warning, {
+          htmlColor: ui.ColorDynamic.Yellow300
+        }) : /*#__PURE__*/jsxRuntime.jsx(icons.Flag, {})
       }), children, /*#__PURE__*/jsxRuntime.jsx(HelpIcon, {
         children: showHelpIcon && /*#__PURE__*/jsxRuntime.jsx(icons.Help, {})
       })]