@popsure/dirty-swan 0.41.8 → 0.41.10

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 (29) hide show
  1. package/dist/cjs/index.js +5 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/card/index.js +4 -3
  4. package/dist/esm/components/card/index.js.map +1 -1
  5. package/dist/esm/components/dateSelector/index.js +1 -1
  6. package/dist/esm/components/dateSelector/index.stories.js +1 -1
  7. package/dist/esm/components/dateSelector/index.test.js +1 -1
  8. package/dist/esm/components/icon/IconWrapper/IconWrapper.js +1 -0
  9. package/dist/esm/components/icon/IconWrapper/IconWrapper.js.map +1 -1
  10. package/dist/esm/components/icon/icons.stories.js +1 -1
  11. package/dist/esm/components/icon/index.stories.js +1 -1
  12. package/dist/esm/components/toast/index.js +1 -1
  13. package/dist/esm/components/toast/index.stories.js +1 -1
  14. package/dist/esm/components/toast/index.test.js +1 -1
  15. package/dist/esm/{index-45edc7d0.js → index-2c193605.js} +1 -1
  16. package/dist/esm/{index-45edc7d0.js.map → index-2c193605.js.map} +1 -1
  17. package/dist/esm/{index-83ae7f18.js → index-e506c4ca.js} +1 -1
  18. package/dist/esm/{index-83ae7f18.js.map → index-e506c4ca.js.map} +1 -1
  19. package/dist/esm/{index-02a5537e.js → index-f0e3bc9a.js} +1 -1
  20. package/dist/esm/{index-02a5537e.js.map → index-f0e3bc9a.js.map} +1 -1
  21. package/dist/esm/index.js +2 -2
  22. package/dist/esm/scss/public/demo.js +5 -0
  23. package/dist/esm/scss/public/demo.js.map +1 -1
  24. package/dist/lib/scss/public/demo.tsx +5 -0
  25. package/package.json +1 -1
  26. package/src/lib/components/card/index.tsx +73 -69
  27. package/src/lib/components/card/style.module.scss +7 -3
  28. package/src/lib/components/icon/IconWrapper/IconWrapper.tsx +1 -0
  29. package/src/lib/scss/public/demo.tsx +5 -0
package/dist/cjs/index.js CHANGED
@@ -2274,6 +2274,7 @@ var IconWrapper = function (_a) {
2274
2274
  _b["tc-" + color] = !!color,
2275
2275
  _b[styles$y.wrapper] = !noMargin,
2276
2276
  _b)), style: {
2277
+ minWidth: size + "px",
2277
2278
  width: size + "px",
2278
2279
  height: size + "px"
2279
2280
  } }, { children: jsxRuntime.jsx("svg", __assign({ className: 'w100', viewBox: "0 0 24 24", fill: "none" }, { children: children }), void 0) }), void 0));
@@ -8746,12 +8747,13 @@ var associatedClassForCardState = function (state, dropshadow) {
8746
8747
  return baseClass;
8747
8748
  };
8748
8749
 
8749
- var css_248z$f = ".style-module_button__KWY7b {\n background-color: transparent;\n border: 1px solid transparent;\n color: #26262e;\n outline-color: #8e8cee;\n transition: all 0.2s ease-in-out;\n}\n.style-module_button__KWY7b:hover {\n border-color: #8e8cee;\n color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n margin-left: 24px;\n}";
8750
+ var css_248z$f = ".style-module_button__KWY7b {\n background-color: transparent;\n color: #26262e;\n outline: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n}\n.style-module_button__KWY7b:hover {\n outline: 1px solid #8e8cee;\n color: #8e8cee;\n}\n.style-module_button__KWY7b:focus-visible {\n outline: 2px solid #8e8cee;\n color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n margin-left: 24px;\n}";
8750
8751
  var styles$e = {"button":"style-module_button__KWY7b","icon":"style-module_icon__N6B2P","iconbalanced":"style-module_iconbalanced__3JdKC","iconspacious":"style-module_iconspacious__36ovv","actionIcon":"style-module_actionIcon__2klnb","actionIconbalanced":"style-module_actionIconbalanced__1duYl","actionIconspacious":"style-module_actionIconspacious__1sjsd"};
8751
8752
  styleInject(css_248z$f);
8752
8753
 
8753
8754
  var CardContent = function (_a) {
8754
8755
  var children = _a.children, classNames$1 = _a.classNames, _b = _a.density, density = _b === void 0 ? 'balanced' : _b, description = _a.description, _c = _a.descriptionVariant, descriptionVariant = _c === void 0 ? 'large' : _c, _d = _a.dropShadow, dropShadow = _d === void 0 ? true : _d, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _e = _a.titleVariant, titleVariant = _e === void 0 ? 'large' : _e;
8756
+ var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
8755
8757
  return (jsxRuntime.jsxs("section", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
8756
8758
  compact: 'p16',
8757
8759
  balanced: 'p24',
@@ -8764,14 +8766,14 @@ var CardContent = function (_a) {
8764
8766
  small: 'p-p',
8765
8767
  }[titleVariant]) }, { children: title }), void 0)),
8766
8768
  description && (jsxRuntime.jsx("div", __assign({ className: classNames('tc-grey-600', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
8767
- onClick && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
8769
+ onClick && !hideActionIcon && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
8768
8770
  children && jsxRuntime.jsx("div", __assign({ className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children }, { children: children }), void 0)] }), void 0));
8769
8771
  };
8770
8772
  var Card = function (props) {
8771
8773
  var _a;
8772
8774
  var onClick = props.onClick;
8773
8775
  if (onClick) {
8774
- return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8', styles$e.button, (_a = props.classNames) === null || _a === void 0 ? void 0 : _a.buttonWrapper), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
8776
+ return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8 ai-stretch', styles$e.button, (_a = props.classNames) === null || _a === void 0 ? void 0 : _a.buttonWrapper), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
8775
8777
  }
8776
8778
  return jsxRuntime.jsx(CardContent, __assign({}, props), void 0);
8777
8779
  };