@manamerge/mana-atomic-ui 1.0.187 → 1.0.188

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.
package/dist/index.js CHANGED
@@ -1308,7 +1308,6 @@ const Card$1 = styled.div `
1308
1308
  `}
1309
1309
  border: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.border};
1310
1310
  outline: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.outline};
1311
- /* outline-offset: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.outlineOffset) || "-2px"}; */
1312
1311
  border-radius: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.borderRadius};
1313
1312
  box-shadow: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.boxShadow};
1314
1313
  box-sizing: border-box;
@@ -1462,14 +1461,14 @@ const AccordionTitle = styled.button `
1462
1461
  gap: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap};
1463
1462
  cursor: pointer;
1464
1463
  background: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.backgroundTitle};
1464
+ transition: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.transition) || "all 0.2s ease"};
1465
1465
  &:hover {
1466
1466
  background: ${(_b = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _b === void 0 ? void 0 : _b.background};
1467
1467
  }
1468
1468
  &:focus-visible {
1469
1469
  outline: ${((_c = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _c === void 0 ? void 0 : _c.outline) ||
1470
1470
  "#0078d4 2px solid"};
1471
- outline-offset: ${((_d = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _d === void 0 ? void 0 : _d.outlineOffset) ||
1472
- "1px"};
1471
+ outline-offset: ${(_d = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.focusVisible) === null || _d === void 0 ? void 0 : _d.outlineOffset};
1473
1472
  }
1474
1473
  > * {
1475
1474
  padding: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.paddingTitle};
@@ -1494,23 +1493,21 @@ const AccordionDescription = styled.div `
1494
1493
  opacity 0.6s ease;
1495
1494
  `;
1496
1495
  const AtomHeading = styled(Heading).attrs(({ theme, moleculeVariant }) => {
1497
- var _a, _b, _c;
1496
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
1498
1497
  return ({
1499
- variant: ((_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant) || "h5"
1498
+ variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant,
1499
+ asTag: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomHeading) === null || _f === void 0 ? void 0 : _f.asTag,
1500
+ vColor: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomHeading) === null || _j === void 0 ? void 0 : _j.vColor
1500
1501
  });
1501
- }) `
1502
- ${({ theme, moleculeVariant }) => {
1503
- var _a, _b;
1504
- const thisTheme = ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) || {};
1505
- return css `
1506
- color: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.color};
1507
- `;
1508
- }};
1509
- `;
1502
+ }) ``;
1510
1503
  const AtomIcon = styled(Icon).attrs(({ theme, moleculeVariant }) => {
1511
- var _a, _b, _c;
1504
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
1512
1505
  return ({
1513
- variant: ((_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIcon) === null || _c === void 0 ? void 0 : _c.variant) || "sm"
1506
+ variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIcon) === null || _c === void 0 ? void 0 : _c.variant,
1507
+ size: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomIcon) === null || _f === void 0 ? void 0 : _f.size,
1508
+ color: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomIcon) === null || _j === void 0 ? void 0 : _j.color,
1509
+ fill: (_m = (_l = (_k = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _k === void 0 ? void 0 : _k[moleculeVariant]) === null || _l === void 0 ? void 0 : _l.atomIcon) === null || _m === void 0 ? void 0 : _m.fill,
1510
+ stroke: (_q = (_p = (_o = theme === null || theme === void 0 ? void 0 : theme.accordion) === null || _o === void 0 ? void 0 : _o[moleculeVariant]) === null || _p === void 0 ? void 0 : _p.atomIcon) === null || _q === void 0 ? void 0 : _q.stroke
1514
1511
  });
1515
1512
  }) `
1516
1513
  min-width: fit-content;