@manamerge/mana-atomic-ui 1.0.201 → 1.0.202

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 (9) hide show
  1. package/dist/index.d.ts +1 -2
  2. package/dist/index.js +7 -8
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/manamerge/atoms/icon.ts +49 -13
  5. package/dist/types/components/Atoms/Icon/Icon.css.d.ts +1 -2
  6. package/dist/types/components/Atoms/Icon/Icon.d.ts +1 -2
  7. package/dist/types/themes/ManamergeTheme.d.ts +37 -4
  8. package/dist/types/themes/manamerge/atoms/icon.d.ts +37 -4
  9. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -38,10 +38,9 @@ interface IconTypes {
38
38
  variant?: string;
39
39
  svg: FunctionComponent<SVGProps<SVGSVGElement>>;
40
40
  size?: string;
41
- color?: string;
42
41
  fill?: string;
43
42
  stroke?: string;
44
- hoverColor?: string;
43
+ opacity?: string;
45
44
  hoverFill?: string;
46
45
  hoverStroke?: string;
47
46
  hoverOpacity?: string;
package/dist/index.js CHANGED
@@ -243,32 +243,31 @@ const Heading = (_a) => {
243
243
 
244
244
  const StyledSvg = styled.svg `
245
245
  ${(_a) => {
246
- var _b, _c, _d, _e;
246
+ var _b, _c, _d;
247
247
  var { variant, theme } = _a, props = __rest(_a, ["variant", "theme"]);
248
248
  const iconStyles = (theme === null || theme === void 0 ? void 0 : theme.icon[variant]) || {};
249
249
  return css `
250
250
  width: ${(props === null || props === void 0 ? void 0 : props.size) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.size) || "auto"};
251
251
  height: ${(props === null || props === void 0 ? void 0 : props.size) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.size) || "auto"};
252
- color: ${(props === null || props === void 0 ? void 0 : props.color) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.color)};
253
252
  fill: ${(props === null || props === void 0 ? void 0 : props.fill) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.fill)};
254
253
  stroke: ${(props === null || props === void 0 ? void 0 : props.stroke) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.stroke)};
254
+ opacity: ${(props === null || props === void 0 ? void 0 : props.opacity) || (iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.opacity)};
255
255
  &:hover {
256
- color: ${(props === null || props === void 0 ? void 0 : props.hoverColor) || ((_b = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _b === void 0 ? void 0 : _b.color)};
257
- fill: ${(props === null || props === void 0 ? void 0 : props.hoverFill) || ((_c = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _c === void 0 ? void 0 : _c.fill)};
258
- stroke: ${(props === null || props === void 0 ? void 0 : props.hoverStroke) || ((_d = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _d === void 0 ? void 0 : _d.stroke)};
259
- opacity: ${(props === null || props === void 0 ? void 0 : props.hoverOpacity) || ((_e = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _e === void 0 ? void 0 : _e.opacity)};
256
+ fill: ${(props === null || props === void 0 ? void 0 : props.hoverFill) || ((_b = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _b === void 0 ? void 0 : _b.fill)};
257
+ stroke: ${(props === null || props === void 0 ? void 0 : props.hoverStroke) || ((_c = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _c === void 0 ? void 0 : _c.stroke)};
258
+ opacity: ${(props === null || props === void 0 ? void 0 : props.hoverOpacity) || ((_d = iconStyles === null || iconStyles === void 0 ? void 0 : iconStyles.hover) === null || _d === void 0 ? void 0 : _d.opacity)};
260
259
  }
261
260
  `;
262
261
  }}
263
262
  `;
264
263
 
265
264
  const Icon = (_a) => {
266
- var { variant = "md", svg: SvgIcon, size, color, fill, stroke, hoverColor, hoverFill, hoverStroke, hoverOpacity, onClick, onKeyDown, tabIndex, role } = _a, props = __rest(_a, ["variant", "svg", "size", "color", "fill", "stroke", "hoverColor", "hoverFill", "hoverStroke", "hoverOpacity", "onClick", "onKeyDown", "tabIndex", "role"]);
265
+ var { variant = "md", svg: SvgIcon, size, fill, stroke, opacity, hoverFill, hoverStroke, hoverOpacity, onClick, onKeyDown, tabIndex, role } = _a, props = __rest(_a, ["variant", "svg", "size", "fill", "stroke", "opacity", "hoverFill", "hoverStroke", "hoverOpacity", "onClick", "onKeyDown", "tabIndex", "role"]);
267
266
  if (!SvgIcon) {
268
267
  console.error("No SVG provided to the Icon component.");
269
268
  return null;
270
269
  }
271
- return (jsx(StyledSvg, Object.assign({ className: classNames("Icon-" + variant), variant: "Icon-" + variant, as: SvgIcon, size: size, color: color, fill: fill, stroke: stroke, hoverColor: hoverColor, hoverFill: hoverFill, hoverStroke: hoverStroke, hoverOpacity: hoverOpacity, onClick: onClick, onKeyDown: onKeyDown, tabIndex: tabIndex, role: role }, props)));
270
+ return (jsx(StyledSvg, Object.assign({ className: classNames("Icon-" + variant), variant: "Icon-" + variant, as: SvgIcon, size: size, fill: fill, stroke: stroke, opacity: opacity, hoverFill: hoverFill, hoverStroke: hoverStroke, hoverOpacity: hoverOpacity, onClick: onClick, onKeyDown: onKeyDown, tabIndex: tabIndex, role: role }, props)));
272
271
  };
273
272
 
274
273
  const StyledLink$2 = styled.a `