@gympass/yoga 7.87.1 → 7.88.1

package/esm/Card/native/PlanCard/index.js

@@ -1,9 +1,9 @@
-import { Actions, Button, ButtonText } from './Actions';
-import Content from './Content';
-import PlanCard from './PlanCard';
-import Subtitle from './Subtitle';
-import Tag from './Tag';
-import { List, ListItem } from './List';
+import { Actions, Button, ButtonText } from "./Actions";
+import Content from "./Content";
+import PlanCard from "./PlanCard";
+import Subtitle from "./Subtitle";
+import Tag from "./Tag";
+import { List, ListItem } from "./List";
 PlanCard.Actions = Actions;
 PlanCard.Button = Button;
 PlanCard.ButtonText = ButtonText;
@@ -12,4 +12,7 @@ PlanCard.List = List;
 PlanCard.ListItem = ListItem;
 PlanCard.Subtitle = Subtitle;
 PlanCard.Tag = Tag;
-export default PlanCard;
+var PlanCard_default = PlanCard;
+export {
+  PlanCard_default as default
+};

package/esm/Card/native/index.js

@@ -1,5 +1,10 @@
-import Card from './Card';
-import PlanCard from './PlanCard';
-import EventCard from './EventCard';
-import GymCard from './GymCard';
-export { Card, PlanCard, EventCard, GymCard };
+import Card from "./Card";
+import PlanCard from "./PlanCard";
+import EventCard from "./EventCard";
+import GymCard from "./GymCard";
+export {
+  Card,
+  EventCard,
+  GymCard,
+  PlanCard
+};

package/esm/Card/web/Card/Actions.js

@@ -1,15 +1,12 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import { node } from 'prop-types';
-import Box from '../../../Box';
-var Actions = styled(Box).attrs({
-  as: 'footer'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
+import styled from "styled-components";
+import { node } from "prop-types";
+import Box from "../../../Box";
+const Actions = styled(Box).attrs({ as: "footer" })``;
 Actions.propTypes = {
   children: node.isRequired
 };
-Actions.displayName = 'Card.Actions';
-export default Actions;
+Actions.displayName = "Card.Actions";
+var Actions_default = Actions;
+export {
+  Actions_default as default
+};

package/esm/Card/web/Card/Card.js

@@ -1,47 +1,98 @@
-var _excluded = ["ribbon", "children"];
-
-var _templateObject, _templateObject2;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+import { string, shape, oneOf, node } from "prop-types";
+import Text from "../../../Text";
+const CardStyled = styled.section`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: { [variant]: color },
+      components: { card }
+    }
+  }
+}) => `
+  padding: 
+    ${card.padding.top}px 
+    ${card.padding.right}px 
+    ${card.padding.bottom}px 
+    ${card.padding.left}px;
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+  border-radius: ${card.radii}px;
+  background-color: ${variant ? color : card.backgroundColor};
+  box-shadow: ${card.elevation};
+`}
+`;
+const Ribbon = styled(Text.Tiny)`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      components: { card },
+      spacing,
+      colors: { elements, [variant]: color, white, text }
+    }
+  }
+}) => `
+  display: inline-block;
+  top: ${card.padding.top}px;
+  left: 0;
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+  margin-left: -${card.padding.left}px;
+  margin-bottom: ${card.padding.bottom}px;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  padding: 
+    ${spacing.xxxsmall}px
+    ${spacing.xsmall}px
+    ${spacing.xxxsmall}px
+    ${spacing.small}px;
+  
+  border-top-right-radius: ${card.ribbon.radius}px;
+  border-bottom-right-radius: ${card.ribbon.radius}px;
 
-import React from 'react';
-import styled from 'styled-components';
-import { string, shape, oneOf, node } from 'prop-types';
-import Text from '../../../Text';
-var CardStyled = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var variant = _ref.variant,
-      _ref$theme$yoga = _ref.theme.yoga,
-      color = _ref$theme$yoga.colors[variant],
-      card = _ref$theme$yoga.components.card;
-  return "\n  padding: \n    " + card.padding.top + "px \n    " + card.padding.right + "px \n    " + card.padding.bottom + "px \n    " + card.padding.left + "px;\n\n  border-radius: " + card.radii + "px;\n  background-color: " + (variant ? color : card.backgroundColor) + ";\n  box-shadow: " + card.elevation + ";\n";
-});
-var Ribbon = styled(Text.Tiny)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var variant = _ref2.variant,
-      _ref2$theme$yoga = _ref2.theme.yoga,
-      card = _ref2$theme$yoga.components.card,
-      spacing = _ref2$theme$yoga.spacing,
-      _ref2$theme$yoga$colo = _ref2$theme$yoga.colors,
-      elements = _ref2$theme$yoga$colo.elements,
-      color = _ref2$theme$yoga$colo[variant],
-      white = _ref2$theme$yoga$colo.white,
-      text = _ref2$theme$yoga$colo.text;
-  return "\n  display: inline-block;\n  top: " + card.padding.top + "px;\n  left: 0;\n\n  margin-left: -" + card.padding.left + "px;\n  margin-bottom: " + card.padding.bottom + "px;\n\n  padding: \n    " + spacing.xxxsmall + "px\n    " + spacing.xsmall + "px\n    " + spacing.xxxsmall + "px\n    " + spacing.small + "px;\n  \n  border-top-right-radius: " + card.ribbon.radius + "px;\n  border-bottom-right-radius: " + card.ribbon.radius + "px;\n\n  background-color: " + (variant ? color : elements.backgroundAndDisabled) + ";\n\n  color: " + (variant ? white : text.primary) + ";\n  ";
-});
-var Card = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var ribbon = _ref3.ribbon,
-      children = _ref3.children,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
+  background-color: ${variant ? color : elements.backgroundAndDisabled};
 
-  return /*#__PURE__*/React.createElement(CardStyled, _extends({
-    ref: ref
-  }, rest), Object.keys(ribbon).length > 0 && /*#__PURE__*/React.createElement(Ribbon, {
-    variant: ribbon.variant,
-    as: "span"
-  }, ribbon.text), children);
+  color: ${variant ? white : text.primary};
+  `}
+`;
+const Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { ribbon, children } = _b, rest = __objRest(_b, ["ribbon", "children"]);
+  return /* @__PURE__ */ jsxs(CardStyled, __spreadProps(__spreadValues({ ref }, rest), { children: [
+    Object.keys(ribbon).length > 0 && /* @__PURE__ */ jsx(Ribbon, { variant: ribbon.variant, as: "span", children: ribbon.text }),
+    children
+  ] }));
 });
 Card.propTypes = {
   /** text: the content inside the Card Ribbon.
@@ -50,7 +101,26 @@ Card.propTypes = {
    * medium, light, clear, white) */
   ribbon: shape({
     text: string,
-    variant: oneOf(['', 'primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'dark', 'medium', 'deep', 'light', 'clear', 'white'])
+    variant: oneOf([
+      "",
+      "primary",
+      "secondary",
+      "vibin",
+      "hope",
+      "energy",
+      "relax",
+      "peace",
+      "verve",
+      "uplift",
+      "deepPurple",
+      "stamina",
+      "dark",
+      "medium",
+      "deep",
+      "light",
+      "clear",
+      "white"
+    ])
   }),
   children: node
 };
@@ -58,5 +128,8 @@ Card.defaultProps = {
   ribbon: {},
   children: null
 };
-Card.displayName = 'Card';
-export default Card;
+Card.displayName = "Card";
+var Card_default = Card;
+export {
+  Card_default as default
+};

package/esm/Card/web/Card/Card.test.js

@@ -1,14 +1,19 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider, Button } from '../../..';
-import Card from '.';
-describe('<Card />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot with default Card', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Card.Header, null, "Hello World"), /*#__PURE__*/React.createElement(Card.Content, null, "It's fine here"), /*#__PURE__*/React.createElement(Card.Actions, null, /*#__PURE__*/React.createElement(Button, null, "Action's children must be Button"))))),
-          container = _render.container;
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider, Button } from "../../..";
+import Card from ".";
+describe("<Card />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with default Card", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(Card.Header, { children: "Hello World" }),
+          /* @__PURE__ */ jsx(Card.Content, { children: "It's fine here" }),
+          /* @__PURE__ */ jsx(Card.Actions, { children: /* @__PURE__ */ jsx(Button, { children: "Action's children must be Button" }) })
+        ] }) })
+      );
       expect(container).toMatchSnapshot();
     });
   });
-});
+});

package/esm/Card/web/Card/Content.js

@@ -1,4 +1,7 @@
-import Box from '../../../Box';
-var Content = Box;
-Content.displayName = 'Card.Content';
-export default Content;
+import Box from "../../../Box";
+const Content = Box;
+Content.displayName = "Card.Content";
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/Card/web/Card/Header.js

@@ -1,11 +1,8 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Box from '../../../Box';
-var Header = styled(Box).attrs({
-  as: 'header'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-Header.displayName = 'Card.Header';
-export default Header;
+import styled from "styled-components";
+import Box from "../../../Box";
+const Header = styled(Box).attrs({ as: "header" })``;
+Header.displayName = "Card.Header";
+var Header_default = Header;
+export {
+  Header_default as default
+};

package/esm/Card/web/Card/index.js

@@ -1,8 +1,11 @@
-import Card from './Card';
-import Header from './Header';
-import Content from './Content';
-import Actions from './Actions';
+import Card from "./Card";
+import Header from "./Header";
+import Content from "./Content";
+import Actions from "./Actions";
 Card.Header = Header;
 Card.Content = Content;
 Card.Actions = Actions;
-export default Card;
+var Card_default = Card;
+export {
+  Card_default as default
+};

package/esm/Card/web/EventCard/EventCard.js

@@ -1,61 +1,175 @@
-var _excluded = ["event", "date", "theme"];
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { withTheme, css } from "styled-components";
+import { shape, string } from "prop-types";
+import { Time } from "@gympass/yoga-icons";
+import Card from "../Card";
+import { TextRenderer, Text } from "../../../Text/web/Text";
+const Event = styled(Card)`
+  display: flex;
+  flex-direction: row;
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+`;
+const EventInfo = styled.div`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: { event }
+      }
+    }
+  }
+}) => css`
+    padding: ${event.info.padding.top}px ${event.info.padding.right}px
+      ${event.info.padding.bottom}px ${event.info.padding.left}px;
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+    ${TextRenderer}, ${Text.Small} {
+      display: -webkit-inline-box;
+      overflow: hidden;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      text-overflow: ellipsis;
+      text-overflow: -o-ellipsis-lastline;
+    }
+
+    ${TextRenderer} {
+      height: ${event.info.name.height}px;
+      margin-bottom: ${event.info.name.marginBottom}px;
 
-import React from 'react';
-import styled, { withTheme, css } from 'styled-components';
-import { shape, string } from 'prop-types';
-import { Time } from '@gympass/yoga-icons';
-import Card from '../Card';
-import { TextRenderer, Text } from '../../../Text/web/Text';
-var Event = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n"])));
-var EventInfo = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var event = _ref.theme.yoga.components.card.event;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    padding: ", "px ", "px\n      ", "px ", "px;\n\n    ", ", ", " {\n      display: -webkit-inline-box;\n      overflow: hidden;\n\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      text-overflow: ellipsis;\n      text-overflow: -o-ellipsis-lastline;\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      font-weight: ", ";\n      font-size: ", "px;\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      color: ", ";\n      font-weight: ", ";\n    }\n  "])), event.info.padding.top, event.info.padding.right, event.info.padding.bottom, event.info.padding.left, TextRenderer, Text.Small, TextRenderer, event.info.name.height, event.info.name.marginBottom, event.info.name.fontWeight, event.info.name.fontSize, Text.Small, event.info.place.height, event.info.place.marginBottom, event.info.place.color, event.info.name.fontWeight);
-});
-var EventTime = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
-var DateInfo = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var event = _ref2.theme.yoga.components.card.event;
-  return "\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    width: 56px;\n    background-color: " + event.date.backgroundColor + ";\n  ";
-});
-var DayOfWeek = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var event = _ref3.theme.yoga.components.card.event;
-  return "\n    margin-bottom: " + event.date.dayOfWeek.marginBottom + "px;\n\n    font-weight: " + event.date.dayOfWeek.fontWeight + ";\n  ";
-});
-var Month = styled(Text.Small)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref4) {
-  var event = _ref4.theme.yoga.components.card.event;
-  return "\n    font-weight: " + event.date.month.fontWeight + ";\n  ";
-});
+      font-weight: ${event.info.name.fontWeight};
+      font-size: ${event.info.name.fontSize}px;
+    }
 
-var EventCard = function EventCard(_ref5) {
-  var event = _ref5.event,
-      date = _ref5.date,
-      icon = _ref5.theme.yoga.components.card.event.icon,
-      rest = _objectWithoutPropertiesLoose(_ref5, _excluded);
+    ${Text.Small} {
+      height: ${event.info.place.height}px;
+      margin-bottom: ${event.info.place.marginBottom}px;
 
-  return /*#__PURE__*/React.createElement(Event, rest, /*#__PURE__*/React.createElement(DateInfo, null, /*#__PURE__*/React.createElement(DayOfWeek, {
-    inverted: true
-  }, date.dayOfWeek), /*#__PURE__*/React.createElement(Text.H5, {
-    inverted: true
-  }, date.day), /*#__PURE__*/React.createElement(Month, {
-    inverted: true
-  }, date.month)), /*#__PURE__*/React.createElement(EventInfo, null, /*#__PURE__*/React.createElement(Text, {
-    as: "h3",
-    title: event.name
-  }, event.name), /*#__PURE__*/React.createElement(Text.Small, {
-    title: event.place
-  }, event.place), /*#__PURE__*/React.createElement(EventTime, null, /*#__PURE__*/React.createElement(Time, {
-    fill: icon.fill,
-    style: {
-      marginRight: 5
+      color: ${event.info.place.color};
+      font-weight: ${event.info.name.fontWeight};
     }
-  }), /*#__PURE__*/React.createElement(Text.Tiny, null, event.time))));
-};
+  `}
+`;
+const EventTime = styled.div`
+  display: flex;
+  align-items: center;
+`;
+const DateInfo = styled.div`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: { event }
+      }
+    }
+  }
+}) => `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    width: 56px;
+    background-color: ${event.date.backgroundColor};
+  `}
+`;
+const DayOfWeek = styled(Text.Small)`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: { event }
+      }
+    }
+  }
+}) => `
+    margin-bottom: ${event.date.dayOfWeek.marginBottom}px;
 
+    font-weight: ${event.date.dayOfWeek.fontWeight};
+  `}
+`;
+const Month = styled(Text.Small)`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: { event }
+      }
+    }
+  }
+}) => `
+    font-weight: ${event.date.month.fontWeight};
+  `}
+`;
+const EventCard = (_a) => {
+  var _b = _a, {
+    event,
+    date,
+    theme: {
+      yoga: {
+        components: {
+          card: {
+            event: { icon }
+          }
+        }
+      }
+    }
+  } = _b, rest = __objRest(_b, [
+    "event",
+    "date",
+    "theme"
+  ]);
+  return /* @__PURE__ */ jsxs(Event, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ jsxs(DateInfo, { children: [
+      /* @__PURE__ */ jsx(DayOfWeek, { inverted: true, children: date.dayOfWeek }),
+      /* @__PURE__ */ jsx(Text.H5, { inverted: true, children: date.day }),
+      /* @__PURE__ */ jsx(Month, { inverted: true, children: date.month })
+    ] }),
+    /* @__PURE__ */ jsxs(EventInfo, { children: [
+      /* @__PURE__ */ jsx(Text, { as: "h3", title: event.name, children: event.name }),
+      /* @__PURE__ */ jsx(Text.Small, { title: event.place, children: event.place }),
+      /* @__PURE__ */ jsxs(EventTime, { children: [
+        /* @__PURE__ */ jsx(Time, { fill: icon.fill, style: { marginRight: 5 } }),
+        /* @__PURE__ */ jsx(Text.Tiny, { children: event.time })
+      ] })
+    ] })
+  ] }));
+};
 EventCard.propTypes = {
   /** event information: { name (string), place (string), time (string) } */
   event: shape({
@@ -63,7 +177,6 @@ EventCard.propTypes = {
     place: string,
     time: string
   }).isRequired,
-
   /** date information: { day (string), dayOfWeek (string), month (string) } */
   date: shape({
     day: string,
@@ -71,5 +184,8 @@ EventCard.propTypes = {
     month: string
   }).isRequired
 };
-EventCard.displayName = 'EventCard';
-export default withTheme(EventCard);
+EventCard.displayName = "EventCard";
+var EventCard_default = withTheme(EventCard);
+export {
+  EventCard_default as default
+};

package/esm/Card/web/EventCard/EventCard.test.js

@@ -1,27 +1,25 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider } from '../../..';
-import EventCard from '.';
-var event = {
-  name: 'Yoga Class',
-  place: 'Gympass',
-  time: '19 am'
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider } from "../../..";
+import EventCard from ".";
+const event = {
+  name: "Yoga Class",
+  place: "Gympass",
+  time: "19 am"
 };
-var date = {
-  day: '19',
-  weekday: 'thu',
-  month: 'dec'
+const date = {
+  day: "19",
+  weekday: "thu",
+  month: "dec"
 };
-describe('<Card />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot with default EventCard', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, {
-        event: event,
-        date: date
-      }))),
-          container = _render.container;
-
+describe("<Card />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with default EventCard", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, { event, date }) })
+      );
       expect(container).toMatchSnapshot();
     });
   });
-});
+});

package/esm/Card/web/EventCard/index.js

@@ -1,2 +1,5 @@
-import EventCard from './EventCard';
-export default EventCard;
+import EventCard from "./EventCard";
+var EventCard_default = EventCard;
+export {
+  EventCard_default as default
+};