@licklist/design 0.44.526 → 0.44.528

package/dist/sorting-select/SortingSelect.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),o=e(r),i=require("@licklist/core/dist/Config"),n=require("react-i18next"),a=require("react-bootstrap"),s=e(require("@licklist/plugins/dist/hooks/Query/useQuery"));exports.SortingSelect=function(e){var E=e.formGroupProps,u=e.defaultSortKey,l=void 0===u?i.SORT_KEY_NAME:u,c=e.defaultSortDirection,_=void 0===c?i.SORT_DIRECTION_ASC:c,T=e.onSortingChange,S=n.useTranslation("Design").t,O=t.__read(r.useState(i.SORT_DIRECTION_ASC),2),R=O[0],C=O[1],m=s(),I=Object.fromEntries(m),p=I.sortKey,D=void 0===p?l:p,d=I.sortDirection,f=void 0===d?_:d;return r.useEffect((function(){D!==i.SORT_KEY_CREATED_AT?C(f):C(i.SORT_DIRECTION_NEWEST)}),[D,f]),o.createElement(a.Form.Group,t.__assign({className:"d-flex align-items-center p-0"},E),o.createElement(a.Form.Label,{className:"text-nowrap mr-4 mb-0"},S("App:sortBy"),":"),o.createElement(a.Form.Control,{as:"select","data-testid":"sorting-select",onChange:function(e){var t=e.target.value;C(t);var r=t===i.SORT_DIRECTION_NEWEST?i.SORT_DIRECTION_DESC:t,o=t===i.SORT_DIRECTION_NEWEST?i.SORT_KEY_CREATED_AT:D,n=new URLSearchParams(m);n.set("sortDirection",r),n.set("sortKey",o),T(n)},custom:!0,value:R},o.createElement("option",{value:i.SORT_DIRECTION_ASC},"A-Z"),o.createElement("option",{value:i.SORT_DIRECTION_DESC},"Z-A"),o.createElement("option",{value:i.SORT_DIRECTION_NEWEST},S("newestOnTop"))))};

package/dist/sorting-select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SortingSelect";
+//# sourceMappingURL=index.d.ts.map

package/dist/sorting-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sorting-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/static/Icon.d.ts

@@ -1,6 +1,6 @@
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { CSSProperties } from "react";
-declare type Props = {
+type Props = {
     type: IconProp | string | [string, string];
     style?: CSSProperties;
     color?: string;

package/dist/static/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/static/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,QAAQ,EAAW,MAAM,mCAAmC,CAAC;AAI9E,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAO7C,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,eAazB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/static/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,QAAQ,EAAW,MAAM,mCAAmC,CAAC;AAI9E,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAO7C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,eAazB;AAED,eAAe,IAAI,CAAC"}

package/dist/static/RestrictedAccess.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":";AAMA,iBAAS,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAoBvC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RestrictedAccess.d.ts","sourceRoot":"","sources":["../../src/static/RestrictedAccess.tsx"],"names":[],"mappings":";AAMA,iBAAS,gBAAgB,gBAoBxB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/static/date-range-input/DateRangeInput.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import type Popper from "@popperjs/core";
 import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
-export declare type DateRangeInputProps = {
+type DateRangeInputProps = {
     placeholder: string;
     startDate?: string;
     endDate?: string;
     months?: number;
+    disabled?: boolean;
     onDateChange?: (dates: {
         startDate?: string;
         endDate?: string;
     }) => void;
 };
-export declare const DateRangeInput: ({ placeholder, startDate, endDate, onDateChange, months, }: DateRangeInputProps) => JSX.Element;
-export declare const sameWidthPopperModifier: Popper.Modifier<"sameWidth", Record<string, unknown>>;
+export declare const DateRangeInput: ({ placeholder, startDate, endDate, onDateChange, months, disabled, }: DateRangeInputProps) => JSX.Element;
+export {};
 //# sourceMappingURL=DateRangeInput.d.ts.map

package/dist/static/date-range-input/DateRangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AASzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,oBAAY,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,+DAMxB,mBAAmB,gBA2GrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CACnD,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmBxB,CAAC"}
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAcA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,gBA4GrB,CAAC"}

package/dist/static/date-range-input/DateRangeInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),a=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),s=require("react-bootstrap"),i=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var d={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var m=e.placeholder,p=e.startDate,f=e.endDate,g=e.onDateChange,D=e.months,v=void 0===D?2:D,h=r.useTranslation("Design").t,y=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),_=y[0],q=y[1],E=t.__read(n.useState(!1),2),b=E[0],x=E[1],w=o.useId(),C=n.useRef();c.useClickAway(C,(function(){return x(!1)}));return n.useEffect((function(){p&&f&&q((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:f}))]}))}),[p,f]),a.createElement("div",null,a.createElement(s.OverlayTrigger,{show:b,overlay:a.createElement(s.Popover,{id:w,className:"rounded"},a.createElement(s.Popover.Content,{className:"shadow-lg rounded",ref:C},a.createElement(u.DateRange,{onChange:function(e){return q([e.selection])},moveRangeOnFirstSelection:!1,ranges:_,months:v,direction:"horizontal"}),a.createElement("div",{className:"mt-3 d-flex justify-content-end"},a.createElement(s.Button,{onClick:function(){g&&g({}),q((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),x(!1)},variant:"link"},h("clear")),a.createElement(s.Button,{onClick:function(){g&&g(l.rangeDatesToStringDates(_)),x(!1)},className:"ml-3",variant:"link"},h("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[d]}},a.createElement("div",{onClick:function(){return x((function(e){return!e}))},onKeyDown:function(){return x((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},a.createElement(s.Form.Control,{type:"input",placeholder:m,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:f})}),a.createElement(i.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))},exports.sameWidthPopperModifier=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),a=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),s=require("react-bootstrap"),i=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var d={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var m=e.placeholder,p=e.startDate,f=e.endDate,g=e.onDateChange,D=e.months,v=void 0===D?2:D,h=e.disabled,y=r.useTranslation("Design").t,_=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),b=_[0],q=_[1],E=t.__read(n.useState(!1),2),x=E[0],w=E[1],C=o.useId(),j=n.useRef();c.useClickAway(j,(function(){return w(!1)}));return n.useEffect((function(){p&&f&&q((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:f}))]}))}),[p,f]),a.createElement("div",null,a.createElement(s.OverlayTrigger,{show:x,overlay:a.createElement(s.Popover,{id:C,className:"rounded"},a.createElement(s.Popover.Content,{className:"shadow-lg rounded",ref:j},a.createElement(u.DateRange,{onChange:function(e){return q([e.selection])},moveRangeOnFirstSelection:!1,ranges:b,months:v,direction:"horizontal"}),a.createElement("div",{className:"mt-3 d-flex justify-content-end"},a.createElement(s.Button,{onClick:function(){g&&g({}),q((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),w(!1)},variant:"link"},y("clear")),a.createElement(s.Button,{onClick:function(){g&&g(l.rangeDatesToStringDates(b)),w(!1)},className:"ml-3",variant:"link"},y("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[d]}},a.createElement("div",{onClick:function(){return w((function(e){return!e}))},onKeyDown:function(){return w((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},a.createElement(s.Form.Control,{type:"input",placeholder:m,disabled:h,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:f})}),a.createElement(i.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))};

package/dist/static/form-number-input/FormNumberInput.d.ts

@@ -4,9 +4,10 @@ interface FormNumberInputProps {
     label: string;
     fieldName: string;
     step?: number;
+    onChange?: (value: number) => void;
     disabled?: boolean;
     rules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
 }
-export declare const FormNumberInput: ({ label, fieldName, step, rules, disabled, }: FormNumberInputProps) => JSX.Element;
+export declare const FormNumberInput: ({ label, fieldName, step, rules, disabled, onChange, }: FormNumberInputProps) => JSX.Element;
 export {};
 //# sourceMappingURL=FormNumberInput.d.ts.map

package/dist/static/form-number-input/FormNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAIzB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,eAAO,MAAM,eAAe,iDAMzB,oBAAoB,gBA4DtB,CAAC"}
+{"version":3,"file":"FormNumberInput.d.ts","sourceRoot":"","sources":["../../../src/static/form-number-input/FormNumberInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAEL,eAAe,EAGhB,MAAM,iBAAiB,CAAC;AAIzB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,eAAO,MAAM,eAAe,2DAOzB,oBAAoB,gBAiEtB,CAAC"}

package/dist/static/form-number-input/FormNumberInput.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),n=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("@react-aria/utils"),l=require("../../assets/dashboard/increment.svg.js");exports.FormNumberInput=function(e){var s=e.label,c=e.fieldName,m=e.step,d=void 0===m?1:m,p=e.rules,b=e.disabled,f=i.useId(),v=n.useTranslation("Validation").t,g=o.useFormContext(),E=g.control,F=g.setValue,q=g.formState.errors,C=o.useWatch({name:c}),I=function(e){return e.target.select()};return t.createElement(a.Form.Group,{controlId:f},t.createElement(a.Form.Label,null,s),t.createElement(a.InputGroup,{hasValidation:!0},t.createElement(a.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){return F(c,Number(C)+1)}},t.createElement(a.InputGroup.Text,{className:"py-0 px-3"},t.createElement(l.ReactComponent,null))),t.createElement(o.Controller,{control:E,name:c,rules:r.__assign({min:{value:0,message:v("fieldMinNumber",{attribute:s,min:0})}},p),render:function(e){var n=e.field;return t.createElement(a.Form.Control,r.__assign({type:"number",step:d,disabled:b,isInvalid:u.isInvalid(c,q)},n,{onChange:function(e){return n.onChange(Number(e.target.value))},onFocus:I}))}}),t.createElement(a.Form.Control.Feedback,{type:"invalid"},u.getErrors(c,q))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),n=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),l=require("@react-aria/utils"),i=require("../../assets/dashboard/increment.svg.js");exports.FormNumberInput=function(e){var s=e.label,c=e.fieldName,m=e.step,d=void 0===m?1:m,p=e.rules,b=e.disabled,f=e.onChange,v=l.useId(),g=n.useTranslation("Validation").t,E=o.useFormContext(),F=E.control,C=E.setValue,q=E.formState.errors,I=o.useWatch({name:c}),N=function(e){return e.target.select()};return t.createElement(a.Form.Group,{controlId:v},t.createElement(a.Form.Label,null,s),t.createElement(a.InputGroup,{hasValidation:!0},t.createElement(a.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){return C(c,Number(I)+1)}},t.createElement(a.InputGroup.Text,{className:"py-0 px-3"},t.createElement(i.ReactComponent,null))),t.createElement(o.Controller,{control:F,name:c,rules:r.__assign({min:{value:0,message:g("fieldMinNumber",{attribute:s,min:0})}},p),render:function(e){var n=e.field;return t.createElement(a.Form.Control,r.__assign({type:"number",step:d,disabled:b,isInvalid:u.isInvalid(c,q)},n,{onChange:function(e){f&&f(Number(e.target.value)),n.onChange(Number(e.target.value))},onFocus:N}))}}),t.createElement(a.Form.Control.Feedback,{type:"invalid"},u.getErrors(c,q))))};

package/dist/static/images/DefaultUserImage.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Props as ImageProps } from "../Image";
-declare type Props = Omit<ImageProps, "src">;
+type Props = Omit<ImageProps, "src">;
 declare function Icon({ alt, className, fluid, rounded, roundedCircle, thumbnail, }: Props): JSX.Element;
 export default Icon;
 //# sourceMappingURL=DefaultUserImage.d.ts.map

package/dist/static/images/DefaultUserImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUserImage.d.ts","sourceRoot":"","sources":["../../../src/static/images/DefaultUserImage.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAItD,aAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAErC,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,KAAK,eAYP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"DefaultUserImage.d.ts","sourceRoot":"","sources":["../../../src/static/images/DefaultUserImage.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAItD,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAErC,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,KAAK,eAYP;AAED,eAAe,IAAI,CAAC"}

package/dist/static/loader/ButtonLoader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import ILoaderOptions from "../../types/static/ILoaderOptions";
-export declare type ButtonLoaderProps = {
+export type ButtonLoaderProps = {
     color?: ILoaderOptions["color"];
 };
 export declare function ButtonLoader({ color }: ButtonLoaderProps): JSX.Element;

package/dist/static/loader/ButtonLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLoader.d.ts","sourceRoot":"","sources":["../../../src/static/loader/ButtonLoader.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAc,EAAE,EAAE,iBAAiB,eAYjE"}
+{"version":3,"file":"ButtonLoader.d.ts","sourceRoot":"","sources":["../../../src/static/loader/ButtonLoader.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAc,EAAE,EAAE,iBAAiB,eAYjE"}

package/dist/static/loader/PaymentLoader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LoaderIndicatorProps } from "./LoaderIndicator";
-export declare type PaymentLoaderProps = {
+export type PaymentLoaderProps = {
     options?: LoaderIndicatorProps["options"];
 };
 export declare const PaymentLoader: ({ options, }: PaymentLoaderProps) => JSX.Element;

package/dist/static/loader/PaymentLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentLoader.d.ts","sourceRoot":"","sources":["../../../src/static/loader/PaymentLoader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAS1E,oBAAY,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,aAAa,iBAEvB,kBAAkB,gBAgCpB,CAAC"}
+{"version":3,"file":"PaymentLoader.d.ts","sourceRoot":"","sources":["../../../src/static/loader/PaymentLoader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAS1E,MAAM,MAAM,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,aAAa,iBAEvB,kBAAkB,gBAgCpB,CAAC"}

package/dist/static/manual-date-picker/ManualDatePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type ManualDatePickerProps = {
+export type ManualDatePickerProps = {
     isDisabled?: boolean;
     isRequred?: boolean;
     day?: number;

package/dist/static/manual-date-picker/ManualDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManualDatePicker.d.ts","sourceRoot":"","sources":["../../../src/static/manual-date-picker/ManualDatePicker.tsx"],"names":[],"mappings":";AAKA,oBAAY,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,4EAS1B,qBAAqB,gBAqEvB,CAAC"}
+{"version":3,"file":"ManualDatePicker.d.ts","sourceRoot":"","sources":["../../../src/static/manual-date-picker/ManualDatePicker.tsx"],"names":[],"mappings":";AAKA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,4EAS1B,qBAAqB,gBAqEvB,CAAC"}

package/dist/static/manual-date-picker/hooks/useManualDatePicker.d.ts

@@ -1,11 +1,11 @@
-declare type UseManualDatePickerProps = {
+type UseManualDatePickerProps = {
     isRequired?: boolean | string;
     isSubmitted?: boolean;
     fieldName: string;
     fieldErrors?: string | string[];
     value?: string;
 };
-export declare type UseManualDatePicker = (props: UseManualDatePickerProps) => [
+export type UseManualDatePicker = (props: UseManualDatePickerProps) => [
     {
         day?: number;
         month?: number;

package/dist/static/manual-date-picker/hooks/useManualDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useManualDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/hooks/useManualDatePicker.ts"],"names":[],"mappings":"AAKA,aAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,CAAC,KAAK,EAAE,wBAAwB,KAAK;IACrE;QACE,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;IACD;QACE,kBAAkB,EAAE,MAAM,OAAO,CAAC;QAClC,eAAe,EAAE,MAAM,OAAO,CAAC;QAC/B,kBAAkB,EAAE,MAAM,OAAO,CAAC;QAClC,gBAAgB,EAAE,MAAM,OAAO,CAAC;QAChC,WAAW,EAAE,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;KAClD;CACF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,mBAgGjC,CAAC"}
+{"version":3,"file":"useManualDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/hooks/useManualDatePicker.ts"],"names":[],"mappings":"AAKA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,wBAAwB,KAAK;IACrE;QACE,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;IACD;QACE,kBAAkB,EAAE,MAAM,OAAO,CAAC;QAClC,eAAe,EAAE,MAAM,OAAO,CAAC;QAC/B,kBAAkB,EAAE,MAAM,OAAO,CAAC;QAClC,gBAAgB,EAAE,MAAM,OAAO,CAAC;QAChC,WAAW,EAAE,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;KAClD;CACF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,mBAgGjC,CAAC"}

package/dist/static/tabs/Tab.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-export declare type TabProps = {
+export type TabProps = {
     eventKey?: string;
     title?: string;
     tabClassName?: string;

package/dist/static/tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/static/tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,oBAAY,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,eAAO,MAAM,GAAG,EAAE,iBAAiB,CAAC,QAAQ,CAmB3C,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/static/tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,eAAO,MAAM,GAAG,EAAE,iBAAiB,CAAC,QAAQ,CAmB3C,CAAC"}

package/dist/static/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from "react";
 import { TabsProps as BootstrapTabsProps } from "react-bootstrap";
-export declare type TabsProps = Omit<BootstrapTabsProps, "defaultActiveKey" | "activeKey" | "onSelect"> & {
+export type TabsProps = Omit<BootstrapTabsProps, "defaultActiveKey" | "activeKey" | "onSelect"> & {
     defaultActiveKey?: string;
     activeKey?: string;
     onSelect?: (key: string) => void;

package/dist/static/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/static/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,SAAS,IAAI,kBAAkB,EAChC,MAAM,iBAAiB,CAAC;AAGzB,oBAAY,SAAS,GAAG,IAAI,CAC1B,kBAAkB,EAClB,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAC9C,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAe9B;yBArBe,IAAI"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/static/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,SAAS,IAAI,kBAAkB,EAChC,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,kBAAkB,EAClB,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAC9C,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAe9B;yBArBe,IAAI"}

package/dist/striped-static-table/StripedStaticTable.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { StaticTableProps, StaticTableData } from "../table";
-export declare type StripedStaticTableProps = Omit<StaticTableProps, "data"> & {
+export type StripedStaticTableProps = Omit<StaticTableProps, "data"> & {
     data: StaticTableData[][];
 };
 export declare const StripedStaticTable: ({ columns, className, data, ...props }: StripedStaticTableProps) => JSX.Element;

package/dist/striped-static-table/StripedStaticTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StripedStaticTable.d.ts","sourceRoot":"","sources":["../../src/striped-static-table/StripedStaticTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAe,eAAe,EAAE,MAAM,UAAU,CAAC;AAE1E,oBAAY,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IACrE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,2CAK5B,uBAAuB,gBAiDzB,CAAC"}
+{"version":3,"file":"StripedStaticTable.d.ts","sourceRoot":"","sources":["../../src/striped-static-table/StripedStaticTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAe,eAAe,EAAE,MAAM,UAAU,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IACrE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,2CAK5B,uBAAuB,gBAiDzB,CAAC"}

package/dist/styles/activity-card/GridActivitiesCard.scss

@@ -0,0 +1,37 @@
+@import "../snippet-templates/snippetVariables";
+
+.activity-card {
+  border: 2px solid transparent;
+  transition: $color-transition;
+  color: $snippet-elements-body-color;
+  border-radius: 0.5rem;
+  padding: 0.375rem;
+  min-height: 12.5rem;
+  width: 11.5rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  font-size: 0.8rem;
+  background-color: $snippet-product-set-background-color;
+
+  div {
+    text-align: left;
+  }
+
+  &.active {
+    border: 2px solid #0e8be1;
+  }
+
+  &-image {
+    width: 100%;
+    height: 6.3rem;
+    margin-bottom: 0.5rem;
+    border-radius: 0.3rem;
+  }
+
+  &-title {
+    font-weight: 600;
+    line-height: 1.25rem;
+    cursor: pointer;
+    font-size: 0.875rem;
+  }
+}

package/dist/styles/activity-card/ListActivitiesCard.scss

@@ -0,0 +1,58 @@
+@import "../snippet-templates/snippetVariables";
+
+.list-activity-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  height: 5rem;
+  padding: 0.375rem;
+  border: 2px solid transparent;
+  border-radius: 0.5rem;
+  background-color: $snippet-product-set-background-color;
+  color: $snippet-product-set-font-color;
+  transition: $color-transition;
+
+  &.active {
+    border: 2px solid #0e8be1;
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+
+  .description {
+    width: 70%;
+    font-size: 0.81rem;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .title {
+    font-weight: 600;
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+  }
+
+  .image-container {
+    display: flex;
+    justify-content: start;
+    height: 100%;
+
+    .image {
+      display: flex;
+      align-items: start;
+      width: 7rem;
+      height: 4rem;
+      margin-left: 3rem;
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
+      border-radius: 0.5rem;
+    }
+  }
+}
+
+.list-activity-card-hr {
+  margin-top: 0;
+}

package/dist/styles/activity-card/_index.scss

@@ -0,0 +1,2 @@
+@import "./GridActivitiesCard.scss";
+@import "./ListActivitiesCard.scss";

package/dist/styles/availability-indicator/AvailabilityIndicator.scss

@@ -0,0 +1,7 @@
+.availability-indicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  font-weight: 300;
+}

package/dist/styles/availability-indicator/_index.scss

@@ -0,0 +1 @@
+@import "./AvailabilityIndicator.scss";

package/dist/styles/back-button/BackButton.scss

@@ -0,0 +1,33 @@
+$base-height: 2.5rem;
+
+.button-wrapper {
+    background-color: $snippet-page-header-steps-close-button-background-color;
+    height: $base-height;
+    width: $base-height;
+    border-radius: $base-height;
+    transition: $color-transition;
+
+
+    .back-button {
+      font-size: 2rem;
+      width: $base-height;
+      height: $base-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-weight: lighter;
+      color: $snippet-page-header-steps-close-button-border-color;
+      transition: $color-transition;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    &.back-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 1rem;
+    }
+  }

package/dist/styles/back-button/_index.scss

@@ -0,0 +1 @@
+@import "./BackButton.scss";

package/dist/styles/date-time-button/DateTimeButton.scss

@@ -0,0 +1,107 @@
+.date-time-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.82rem;
+  background-color: $snippet-calendar-button-background-color;
+  border-radius: 0.4rem;
+  text-align: center;
+  border: 2px solid $snippet-calendar-button-border-color;
+  color: $snippet-calendar-button-font-color;
+  transition: $color-transition;
+  min-width: 6rem;
+  min-height: 3rem;
+  max-width: max-content;
+  padding: 0.5rem;
+
+  .weekday-info {
+    div:first-child {
+      text-transform: uppercase;
+      font-weight: 600;
+    }
+
+    div:last-child {
+      color: $snippet-calendar-active-button-background-color;
+    }
+  }
+
+  .descriptions {
+    font-size: 0.7rem;
+  }
+
+  &.today:first-of-type {
+    min-width: 7.5rem;
+  }
+
+  &.disabled {
+    border: 2px solid $snippet-calendar-disabled-button-border-color;
+    background-color: $snippet-calendar-disabled-button-background-color;
+    color: $snippet-calendar-disabled-button-font-color;
+
+    .weekday-info {
+      div:last-child {
+        color: $snippet-calendar-disabled-button-font-color;
+      }
+    }
+
+    .price {
+      color: $snippet-calendar-disabled-button-font-color;
+    }
+  }
+
+  &.selected {
+    border: 2px solid $snippet-calendar-active-button-border-color;
+    background-color: $snippet-calendar-active-button-background-color;
+    color: $snippet-calendar-active-button-font-color;
+    transition: $color-transition;
+
+    .weekday-info {
+      div:last-child {
+        color: $snippet-calendar-active-button-font-color;
+      }
+    }
+
+    .price {
+      color: $snippet-calendar-active-button-font-color;
+      background-color: $snippet-calendar-active-button-background-color;
+      font-weight: 600;
+      transition: $color-transition;
+    }
+
+    .time {
+      font-weight: 600;
+    }
+  }
+
+  &.time-button {
+    min-width: 4.75rem;
+    max-width: 4.75rem;
+    min-height: 2.75rem;
+  }
+
+  &.only-time-container {
+    min-width: 5.3rem;
+    max-width: 5.3rem;
+    min-height: 2.75rem;
+  }
+
+  &.calendar-view {
+    min-width: auto;
+    max-width: none;
+    min-height: auto;
+  }
+}
+
+.time {
+  font-size: 0.875rem;
+  font-weight: 300;
+}
+
+.price {
+  font-size: 0.7rem;
+  line-height: 1.03rem;
+  font-weight: 300;
+  color: $snippet-calendar-button-font-color;
+}

package/dist/styles/date-time-button/_index.scss

@@ -0,0 +1 @@
+@import "./DateTimeButton.scss";

package/dist/styles/form/CustomCheckbox.scss

@@ -1,6 +1,7 @@
 .custom-checkbox {
   margin-top: 1rem;
   display: flex;
+  z-index: 2;
   align-items: center;
 
   .custom-checkbox .custom-control-label::before {
@@ -21,4 +22,8 @@
     font-weight: 400;
     font-size: 0.875rem;
   }
+
+  .checkbox-input {
+    z-index: 2;
+  }
 }

package/dist/styles/header/Header.scss

@@ -11,10 +11,6 @@
     }
   }
 
-  svg {
-    max-height: 1rem;
-  }
-
   .navbar-nav {
     line-height: 1;
     margin-top: 4px;

package/dist/styles/iframe-events/Calendar.scss

@@ -1,4 +1,3 @@
-
 .calendar-wrapper {
   display: flex;
 
@@ -21,7 +20,7 @@
           background-color: transparent;
         }
 
-        &:focus{
+        &:focus {
           box-shadow: none;
         }
       }
@@ -73,10 +72,9 @@
       }
     }
 
-    
-
     .calendar-dates-wrapper {
-      .calendar-weekdays, .calendar-dates {
+      .calendar-weekdays,
+      .calendar-dates {
         display: grid;
         grid-template-columns: repeat(7, auto);
         grid-gap: 0.5rem 1rem;
@@ -98,17 +96,17 @@
         margin-top: 0.75rem;
 
         .calendar-date {
-          height: 2rem;
           display: flex;
+          flex-direction: column;
           align-items: center;
           justify-content: center;
-          padding: 0;
+          padding: 0.25rem;
           border-radius: 0.25rem;
           background-color: $snippet-calendar-button-background-color;
           color: $snippet-calendar-button-font-color;
           font-size: 0.875rem;
           line-height: 1.3125rem;
-          border: 1px solid $snippet-calendar-button-border-color;;
+          border: 1px solid $snippet-calendar-button-border-color;
 
           &.selected-date {
             background-color: $snippet-calendar-active-button-background-color;
@@ -138,7 +136,7 @@
           &:hover {
             border-color: $snippet-calendar-active-button-border-color;
           }
-            
+
           &:focus {
             box-shadow: none;
           }
@@ -167,11 +165,11 @@
         justify-content: center;
         width: 3.75rem;
         height: 2.5rem;
-        background-color: #F2F2F2;
+        background-color: #f2f2f2;
         color: $black;
         font-size: 0.75rem;
         border-radius: 0.25rem;
-  
+
         &.selected-time {
           background-color: $blue;
           color: $white;
@@ -189,14 +187,16 @@
     flex-direction: column;
     align-items: center;
 
-    .calendar, .start-time-wrapper {
+    .calendar,
+    .start-time-wrapper {
       min-width: 20.75rem;
 
       .calendar-dates-wrapper {
-        .calendar-weekdays, .calendar-dates {
+        .calendar-weekdays,
+        .calendar-dates {
           grid-gap: 0.5rem;
         }
-  
+
         .calendar-dates {
           .calendar-date {
             width: 2.5rem;

package/dist/styles/iframe-events/Card.scss

@@ -142,6 +142,7 @@
     .card-body {
       padding: 0;
       margin: 0 0 auto;
+      margin-top: 1rem;
     }
   }