@sikka/hawa 0.19.11-next → 0.19.12-next

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 (5) hide show
  1. package/dist/index.d.mts +2 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +42 -33
  4. package/dist/index.mjs +42 -33
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1692,6 +1692,8 @@ type PricingPlansTypes = {
1692
1692
  onCycleChange?: (e: any) => void;
1693
1693
  onCurrencyChange?: (e: any) => void;
1694
1694
  direction?: DirectionType;
1695
+ mainContainerProps?: InputHTMLAttributes<HTMLDivElement>;
1696
+ cardsContainerProps?: InputHTMLAttributes<HTMLDivElement>;
1695
1697
  };
1696
1698
  declare const PricingPlans: FC<PricingPlansTypes>;
1697
1699
 
package/dist/index.d.ts CHANGED
@@ -1692,6 +1692,8 @@ type PricingPlansTypes = {
1692
1692
  onCycleChange?: (e: any) => void;
1693
1693
  onCurrencyChange?: (e: any) => void;
1694
1694
  direction?: DirectionType;
1695
+ mainContainerProps?: InputHTMLAttributes<HTMLDivElement>;
1696
+ cardsContainerProps?: InputHTMLAttributes<HTMLDivElement>;
1695
1697
  };
1696
1698
  declare const PricingPlans: FC<PricingPlansTypes>;
1697
1699
 
package/dist/index.js CHANGED
@@ -803,9 +803,9 @@ var PricingCard = ({
803
803
  }) => {
804
804
  var _a;
805
805
  let cardSizes = {
806
- small: "hawa-mx-1 hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
807
- medium: "hawa-mx-1 hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
808
- large: "hawa-mx-1 hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
806
+ small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
807
+ medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
808
+ large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
809
809
  };
810
810
  return /* @__PURE__ */ import_react6.default.createElement(
811
811
  Card,
@@ -817,9 +817,7 @@ var PricingCard = ({
817
817
  "hawa-flex hawa-flex-col hawa-gap-4 hawa-rounded hawa-p-4 "
818
818
  )
819
819
  },
820
- props.discount && /* @__PURE__ */ import_react6.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }),
821
- " ",
822
- /* @__PURE__ */ import_react6.default.createElement("h5", { className: "hawa-text-md 0 hawa-font-bold hawa-text-primary/70" }, props.texts.title),
820
+ /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-row hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react6.default.createElement("span", null, props.texts.title), props.discount && /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react6.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))),
823
821
  /* @__PURE__ */ import_react6.default.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))),
824
822
  /* @__PURE__ */ import_react6.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle),
825
823
  props.features && /* @__PURE__ */ import_react6.default.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
@@ -10918,8 +10916,12 @@ var NoPermission = ({ texts }) => {
10918
10916
 
10919
10917
  // components/blocks/pricing/PricingPlans.tsx
10920
10918
  var import_react67 = __toESM(require("react"));
10921
- var PricingPlans = (props) => {
10922
- return /* @__PURE__ */ import_react67.default.createElement("div", null, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react67.default.createElement(
10919
+ var PricingPlans = ({
10920
+ mainContainerProps,
10921
+ cardsContainerProps,
10922
+ ...props
10923
+ }) => {
10924
+ return /* @__PURE__ */ import_react67.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react67.default.createElement(
10923
10925
  Radio,
10924
10926
  {
10925
10927
  design: "tabs",
@@ -10943,33 +10945,40 @@ var PricingPlans = (props) => {
10943
10945
  }
10944
10946
  }
10945
10947
  }
10946
- )), /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-flex hawa-flex-col md:hawa-flex-row hawa-justify-between" }, props.plans.map((plan, index) => {
10947
- var _a, _b;
10948
- return /* @__PURE__ */ import_react67.default.createElement(
10949
- PricingCard,
10950
- {
10951
- key: index,
10952
- onPlanClicked: () => {
10953
- var _a2, _b2;
10954
- if (props.onPlanClicked) {
10955
- let clickedData = {
10956
- // plan: plan.id,
10957
- currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
10958
- cycle: (_b2 = props.currentCycle) == null ? void 0 : _b2.value,
10959
- ...plan
10960
- };
10961
- props.onPlanClicked(clickedData);
10948
+ )), /* @__PURE__ */ import_react67.default.createElement(
10949
+ "div",
10950
+ {
10951
+ className: "hawa-flex hawa-flex-col hawa-gap-2 md:hawa-flex-row hawa-justify-between",
10952
+ ...cardsContainerProps
10953
+ },
10954
+ props.plans.map((plan, index) => {
10955
+ var _a, _b;
10956
+ return /* @__PURE__ */ import_react67.default.createElement(
10957
+ PricingCard,
10958
+ {
10959
+ key: index,
10960
+ onPlanClicked: () => {
10961
+ var _a2, _b2;
10962
+ if (props.onPlanClicked) {
10963
+ let clickedData = {
10964
+ // plan: plan.id,
10965
+ currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
10966
+ cycle: (_b2 = props.currentCycle) == null ? void 0 : _b2.value,
10967
+ ...plan
10968
+ };
10969
+ props.onPlanClicked(clickedData);
10970
+ }
10971
+ },
10972
+ ...plan,
10973
+ texts: {
10974
+ ...plan.texts,
10975
+ currencyText: (_a = props.currentCurrency) == null ? void 0 : _a.label,
10976
+ cycleText: (_b = props.currentCycle) == null ? void 0 : _b.label
10962
10977
  }
10963
- },
10964
- ...plan,
10965
- texts: {
10966
- ...plan.texts,
10967
- currencyText: (_a = props.currentCurrency) == null ? void 0 : _a.label,
10968
- cycleText: (_b = props.currentCycle) == null ? void 0 : _b.label
10969
10978
  }
10970
- }
10971
- );
10972
- })));
10979
+ );
10980
+ })
10981
+ ));
10973
10982
  };
10974
10983
 
10975
10984
  // components/blocks/pricing/ComparingPlans.tsx
package/dist/index.mjs CHANGED
@@ -570,9 +570,9 @@ var PricingCard = ({
570
570
  }) => {
571
571
  var _a;
572
572
  let cardSizes = {
573
- small: "hawa-mx-1 hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
574
- medium: "hawa-mx-1 hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
575
- large: "hawa-mx-1 hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
573
+ small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
574
+ medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
575
+ large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
576
576
  };
577
577
  return /* @__PURE__ */ React9.createElement(
578
578
  Card,
@@ -584,9 +584,7 @@ var PricingCard = ({
584
584
  "hawa-flex hawa-flex-col hawa-gap-4 hawa-rounded hawa-p-4 "
585
585
  )
586
586
  },
587
- props.discount && /* @__PURE__ */ React9.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }),
588
- " ",
589
- /* @__PURE__ */ React9.createElement("h5", { className: "hawa-text-md 0 hawa-font-bold hawa-text-primary/70" }, props.texts.title),
587
+ /* @__PURE__ */ React9.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-row hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React9.createElement("span", null, props.texts.title), props.discount && /* @__PURE__ */ React9.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React9.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))),
590
588
  /* @__PURE__ */ React9.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ React9.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ React9.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ React9.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))),
591
589
  /* @__PURE__ */ React9.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle),
592
590
  props.features && /* @__PURE__ */ React9.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
@@ -10702,8 +10700,12 @@ var NoPermission = ({ texts }) => {
10702
10700
 
10703
10701
  // components/blocks/pricing/PricingPlans.tsx
10704
10702
  import React94 from "react";
10705
- var PricingPlans = (props) => {
10706
- return /* @__PURE__ */ React94.createElement("div", null, /* @__PURE__ */ React94.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React94.createElement(
10703
+ var PricingPlans = ({
10704
+ mainContainerProps,
10705
+ cardsContainerProps,
10706
+ ...props
10707
+ }) => {
10708
+ return /* @__PURE__ */ React94.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React94.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React94.createElement(
10707
10709
  Radio,
10708
10710
  {
10709
10711
  design: "tabs",
@@ -10727,33 +10729,40 @@ var PricingPlans = (props) => {
10727
10729
  }
10728
10730
  }
10729
10731
  }
10730
- )), /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-flex-col md:hawa-flex-row hawa-justify-between" }, props.plans.map((plan, index) => {
10731
- var _a, _b;
10732
- return /* @__PURE__ */ React94.createElement(
10733
- PricingCard,
10734
- {
10735
- key: index,
10736
- onPlanClicked: () => {
10737
- var _a2, _b2;
10738
- if (props.onPlanClicked) {
10739
- let clickedData = {
10740
- // plan: plan.id,
10741
- currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
10742
- cycle: (_b2 = props.currentCycle) == null ? void 0 : _b2.value,
10743
- ...plan
10744
- };
10745
- props.onPlanClicked(clickedData);
10732
+ )), /* @__PURE__ */ React94.createElement(
10733
+ "div",
10734
+ {
10735
+ className: "hawa-flex hawa-flex-col hawa-gap-2 md:hawa-flex-row hawa-justify-between",
10736
+ ...cardsContainerProps
10737
+ },
10738
+ props.plans.map((plan, index) => {
10739
+ var _a, _b;
10740
+ return /* @__PURE__ */ React94.createElement(
10741
+ PricingCard,
10742
+ {
10743
+ key: index,
10744
+ onPlanClicked: () => {
10745
+ var _a2, _b2;
10746
+ if (props.onPlanClicked) {
10747
+ let clickedData = {
10748
+ // plan: plan.id,
10749
+ currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
10750
+ cycle: (_b2 = props.currentCycle) == null ? void 0 : _b2.value,
10751
+ ...plan
10752
+ };
10753
+ props.onPlanClicked(clickedData);
10754
+ }
10755
+ },
10756
+ ...plan,
10757
+ texts: {
10758
+ ...plan.texts,
10759
+ currencyText: (_a = props.currentCurrency) == null ? void 0 : _a.label,
10760
+ cycleText: (_b = props.currentCycle) == null ? void 0 : _b.label
10746
10761
  }
10747
- },
10748
- ...plan,
10749
- texts: {
10750
- ...plan.texts,
10751
- currencyText: (_a = props.currentCurrency) == null ? void 0 : _a.label,
10752
- cycleText: (_b = props.currentCycle) == null ? void 0 : _b.label
10753
10762
  }
10754
- }
10755
- );
10756
- })));
10763
+ );
10764
+ })
10765
+ ));
10757
10766
  };
10758
10767
 
10759
10768
  // components/blocks/pricing/ComparingPlans.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.11-next",
3
+ "version": "0.19.12-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",