@superdispatch/ui-lab 0.50.2 → 0.50.4

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.
Files changed (6) hide show
  1. package/dist-node/index.js +11 -19
  2. package/dist-node/index.js.map +1 -1
  3. package/dist-src/flag-list/FlagListItem.js +11 -19
  4. package/dist-web/index.js +11 -19
  5. package/dist-web/index.js.map +1 -1
  6. package/package.json +3 -3
package/dist-src/flag-list/FlagListItem.js CHANGED
@@ -32,46 +32,38 @@ var EndActions = /*#__PURE__*/styled.div.withConfig({
32
32
  } = _ref2;
33
33
  return theme.breakpoints.down('xs');
34
34
  });
35
- var BannerListItemDanger = /*#__PURE__*/css(["& ", "{background:", ";color:", ";}&:hover{background:", ";}"], IconContainer, ColorDynamic.Red50, ColorDynamic.Red300, ColorDynamic.Red50);
36
35
  var BannerListItemStandalone = /*#__PURE__*/css(["background:", ";"], ColorDynamic.Silver200);
37
36
  var BannerListContainer = /*#__PURE__*/styled.div.withConfig({
38
37
  displayName: "FlagListItem__BannerListContainer",
39
38
  componentId: "SD__sc-o5bqru-4"
40
- })(["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;}"], ColorDynamic.Silver400, ColorDynamic.White, _ref3 => {
39
+ })(["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;}"], ColorDynamic.Silver400, ColorDynamic.White, _ref3 => {
41
40
  var {
42
41
  theme
43
42
  } = _ref3;
44
43
  return theme.transitions.create(['color', 'background-color']);
45
- }, ColorDynamic.Blue50, IconContainer, ColorDynamic.White, HelpIcon, _ref4 => {
46
- var {
47
- $variant
48
- } = _ref4;
49
- return $variant === 'danger' ? ColorDynamic.Red300 : ColorDynamic.Blue300;
50
- }, BannerListItemStandalone, _ref5 => {
51
- var {
52
- $variant
53
- } = _ref5;
54
- return $variant === 'danger' ? BannerListItemDanger : null;
55
- }, _ref6 => {
44
+ }, ColorDynamic.Silver200, IconContainer, ColorDynamic.White, BannerListItemStandalone, _ref4 => {
56
45
  var {
57
46
  theme
58
- } = _ref6;
47
+ } = _ref4;
59
48
  return theme.breakpoints.down('xs');
60
49
  });
61
- export var FlagListItem = /*#__PURE__*/forwardRef((_ref7, ref) => {
50
+ export var FlagListItem = /*#__PURE__*/forwardRef((_ref5, ref) => {
62
51
  var {
63
52
  variant = 'primary',
64
53
  showHelpIcon,
65
54
  endAction,
66
55
  children
67
- } = _ref7,
68
- rest = _objectWithoutProperties(_ref7, _excluded);
56
+ } = _ref5,
57
+ rest = _objectWithoutProperties(_ref5, _excluded);
69
58
  return /*#__PURE__*/_jsxs(BannerListContainer, _objectSpread(_objectSpread({}, rest), {}, {
70
59
  ref: ref,
71
- $variant: variant,
72
60
  children: [/*#__PURE__*/_jsxs(Content, {
73
61
  children: [/*#__PURE__*/_jsx(IconContainer, {
74
- children: variant === 'danger' ? /*#__PURE__*/_jsx(Error, {}) : variant === 'warning' ? /*#__PURE__*/_jsx(Warning, {}) : /*#__PURE__*/_jsx(Flag, {})
62
+ children: variant === 'danger' ? /*#__PURE__*/_jsx(Error, {
63
+ htmlColor: ColorDynamic.Red300
64
+ }) : variant === 'warning' ? /*#__PURE__*/_jsx(Warning, {
65
+ htmlColor: ColorDynamic.Yellow300
66
+ }) : /*#__PURE__*/_jsx(Flag, {})
75
67
  }), children, /*#__PURE__*/_jsx(HelpIcon, {
76
68
  children: showHelpIcon && /*#__PURE__*/_jsx(Help, {})
77
69
  })]
package/dist-web/index.js CHANGED
@@ -1245,46 +1245,38 @@ var EndActions = /*#__PURE__*/styled.div.withConfig({
1245
1245
  } = _ref2;
1246
1246
  return theme.breakpoints.down('xs');
1247
1247
  });
1248
- var BannerListItemDanger = /*#__PURE__*/css(["& ", "{background:", ";color:", ";}&:hover{background:", ";}"], IconContainer, ColorDynamic.Red50, ColorDynamic.Red300, ColorDynamic.Red50);
1249
1248
  var BannerListItemStandalone = /*#__PURE__*/css(["background:", ";"], ColorDynamic.Silver200);
1250
1249
  var BannerListContainer = /*#__PURE__*/styled.div.withConfig({
1251
1250
  displayName: "FlagListItem__BannerListContainer",
1252
1251
  componentId: "SD__sc-o5bqru-4"
1253
- })(["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;}"], ColorDynamic.Silver400, ColorDynamic.White, _ref3 => {
1252
+ })(["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;}"], ColorDynamic.Silver400, ColorDynamic.White, _ref3 => {
1254
1253
  var {
1255
1254
  theme
1256
1255
  } = _ref3;
1257
1256
  return theme.transitions.create(['color', 'background-color']);
1258
- }, ColorDynamic.Blue50, IconContainer, ColorDynamic.White, HelpIcon, _ref4 => {
1259
- var {
1260
- $variant
1261
- } = _ref4;
1262
- return $variant === 'danger' ? ColorDynamic.Red300 : ColorDynamic.Blue300;
1263
- }, BannerListItemStandalone, _ref5 => {
1264
- var {
1265
- $variant
1266
- } = _ref5;
1267
- return $variant === 'danger' ? BannerListItemDanger : null;
1268
- }, _ref6 => {
1257
+ }, ColorDynamic.Silver200, IconContainer, ColorDynamic.White, BannerListItemStandalone, _ref4 => {
1269
1258
  var {
1270
1259
  theme
1271
- } = _ref6;
1260
+ } = _ref4;
1272
1261
  return theme.breakpoints.down('xs');
1273
1262
  });
1274
- var FlagListItem = /*#__PURE__*/forwardRef((_ref7, ref) => {
1263
+ var FlagListItem = /*#__PURE__*/forwardRef((_ref5, ref) => {
1275
1264
  var {
1276
1265
  variant = 'primary',
1277
1266
  showHelpIcon,
1278
1267
  endAction,
1279
1268
  children
1280
- } = _ref7,
1281
- rest = _objectWithoutProperties(_ref7, _excluded$7);
1269
+ } = _ref5,
1270
+ rest = _objectWithoutProperties(_ref5, _excluded$7);
1282
1271
  return /*#__PURE__*/jsxs(BannerListContainer, _objectSpread(_objectSpread({}, rest), {}, {
1283
1272
  ref: ref,
1284
- $variant: variant,
1285
1273
  children: [/*#__PURE__*/jsxs(Content, {
1286
1274
  children: [/*#__PURE__*/jsx(IconContainer, {
1287
- children: variant === 'danger' ? /*#__PURE__*/jsx(Error$1, {}) : variant === 'warning' ? /*#__PURE__*/jsx(Warning, {}) : /*#__PURE__*/jsx(Flag, {})
1275
+ children: variant === 'danger' ? /*#__PURE__*/jsx(Error$1, {
1276
+ htmlColor: ColorDynamic.Red300
1277
+ }) : variant === 'warning' ? /*#__PURE__*/jsx(Warning, {
1278
+ htmlColor: ColorDynamic.Yellow300
1279
+ }) : /*#__PURE__*/jsx(Flag, {})
1288
1280
  }), children, /*#__PURE__*/jsx(HelpIcon, {
1289
1281
  children: showHelpIcon && /*#__PURE__*/jsx(Help, {})
1290
1282
  })]