@sikka/hawa 0.19.29-next → 0.19.31-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.
package/dist/index.css CHANGED
@@ -1428,9 +1428,6 @@ input[type="number"]::-webkit-inner-spin-button,
1428
1428
  .hawa-h-\[48px\] {
1429
1429
  height: 48px;
1430
1430
  }
1431
- .hawa-h-\[70dvh\] {
1432
- height: 70dvh;
1433
- }
1434
1431
  .hawa-h-\[72px\] {
1435
1432
  height: 72px;
1436
1433
  }
@@ -2161,6 +2158,9 @@ input[type="number"]::-webkit-inner-spin-button,
2161
2158
  .hawa-border-t {
2162
2159
  border-top-width: 1px;
2163
2160
  }
2161
+ .hawa-border-t-0 {
2162
+ border-top-width: 0px;
2163
+ }
2164
2164
  .hawa-border-dashed {
2165
2165
  border-style: dashed;
2166
2166
  }
package/dist/index.d.mts CHANGED
@@ -1737,6 +1737,7 @@ type ComparingPlansTypes = {
1737
1737
  onCycleChange?: (e: any) => void;
1738
1738
  onCurrencyChange?: (e: any) => void;
1739
1739
  direction?: DirectionType;
1740
+ showButtons?: boolean;
1740
1741
  };
1741
1742
  declare const ComparingPlans: FC<ComparingPlansTypes>;
1742
1743
 
package/dist/index.d.ts CHANGED
@@ -1737,6 +1737,7 @@ type ComparingPlansTypes = {
1737
1737
  onCycleChange?: (e: any) => void;
1738
1738
  onCurrencyChange?: (e: any) => void;
1739
1739
  direction?: DirectionType;
1740
+ showButtons?: boolean;
1740
1741
  };
1741
1742
  declare const ComparingPlans: FC<ComparingPlansTypes>;
1742
1743
 
package/dist/index.js CHANGED
@@ -11126,7 +11126,7 @@ var ComparingPlans = (props) => {
11126
11126
  )
11127
11127
  )
11128
11128
  );
11129
- return /* @__PURE__ */ import_react70.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full " }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-sticky hawa-top-4 hawa-z-20" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
11129
+ return /* @__PURE__ */ import_react70.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full " }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
11130
11130
  Radio,
11131
11131
  {
11132
11132
  design: "tabs",
@@ -11158,19 +11158,29 @@ var ComparingPlans = (props) => {
11158
11158
  "div",
11159
11159
  {
11160
11160
  className: cn(
11161
- "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
11161
+ "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
11162
11162
  "hawa-bg-primary-foreground"
11163
11163
  )
11164
11164
  },
11165
11165
  /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
11166
- props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement("div", { key: i, className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText))))
11167
- )), /* @__PURE__ */ import_react70.default.createElement(ScrollArea, { className: "hawa-h-[70dvh] hawa-rounded" }, uniqueFeatures.map((featureText, featureIndex) => {
11166
+ props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement(
11167
+ "div",
11168
+ {
11169
+ key: i,
11170
+ className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-justify-center hawa-items-center"
11171
+ },
11172
+ /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
11173
+ ))
11174
+ ), /* @__PURE__ */ import_react70.default.createElement(ScrollArea, { className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border" }, uniqueFeatures.map((featureText, featureIndex) => {
11168
11175
  var _a, _b;
11169
11176
  return /* @__PURE__ */ import_react70.default.createElement(
11170
11177
  "div",
11171
11178
  {
11172
11179
  key: featureIndex,
11173
- className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700"
11180
+ className: cn(
11181
+ "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700",
11182
+ featureIndex === 0 ? "" : "hawa-border-t"
11183
+ )
11174
11184
  },
11175
11185
  /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
11176
11186
  (plan) => plan.features.some(
@@ -11208,9 +11218,26 @@ var ComparingPlans = (props) => {
11208
11218
  const feature = plan.features.find(
11209
11219
  (f) => f.text === featureText
11210
11220
  );
11211
- return /* @__PURE__ */ import_react70.default.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "hawa-text-foreground" }));
11221
+ return /* @__PURE__ */ import_react70.default.createElement(
11222
+ "div",
11223
+ {
11224
+ key: planIndex,
11225
+ className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11226
+ },
11227
+ (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
11228
+ );
11212
11229
  })
11213
11230
  );
11231
+ })), props.showButtons && /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11232
+ var _a;
11233
+ return /* @__PURE__ */ import_react70.default.createElement(
11234
+ "div",
11235
+ {
11236
+ key: i,
11237
+ className: "hawa-flex hawa-justify-center hawa-items-center"
11238
+ },
11239
+ /* @__PURE__ */ import_react70.default.createElement("button", { className: "hawa-bg-primary hawa-text-white hawa-p-2 hawa-rounded hawa-w-full hawa-max-w-xs" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
11240
+ );
11214
11241
  })));
11215
11242
  };
11216
11243
 
package/dist/index.mjs CHANGED
@@ -10910,7 +10910,7 @@ var ComparingPlans = (props) => {
10910
10910
  )
10911
10911
  )
10912
10912
  );
10913
- return /* @__PURE__ */ React96.createElement("div", { id: "detailed-pricing", className: "hawa-w-full " }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-sticky hawa-top-4 hawa-z-20" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React96.createElement(
10913
+ return /* @__PURE__ */ React96.createElement("div", { id: "detailed-pricing", className: "hawa-w-full " }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React96.createElement(
10914
10914
  Radio,
10915
10915
  {
10916
10916
  design: "tabs",
@@ -10942,19 +10942,29 @@ var ComparingPlans = (props) => {
10942
10942
  "div",
10943
10943
  {
10944
10944
  className: cn(
10945
- "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
10945
+ "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
10946
10946
  "hawa-bg-primary-foreground"
10947
10947
  )
10948
10948
  },
10949
10949
  /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }),
10950
- props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement("div", { key: i, className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText))))
10951
- )), /* @__PURE__ */ React96.createElement(ScrollArea, { className: "hawa-h-[70dvh] hawa-rounded" }, uniqueFeatures.map((featureText, featureIndex) => {
10950
+ props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement(
10951
+ "div",
10952
+ {
10953
+ key: i,
10954
+ className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-justify-center hawa-items-center"
10955
+ },
10956
+ /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
10957
+ ))
10958
+ ), /* @__PURE__ */ React96.createElement(ScrollArea, { className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border" }, uniqueFeatures.map((featureText, featureIndex) => {
10952
10959
  var _a, _b;
10953
10960
  return /* @__PURE__ */ React96.createElement(
10954
10961
  "div",
10955
10962
  {
10956
10963
  key: featureIndex,
10957
- className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700"
10964
+ className: cn(
10965
+ "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700",
10966
+ featureIndex === 0 ? "" : "hawa-border-t"
10967
+ )
10958
10968
  },
10959
10969
  /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
10960
10970
  (plan) => plan.features.some(
@@ -10992,9 +11002,26 @@ var ComparingPlans = (props) => {
10992
11002
  const feature = plan.features.find(
10993
11003
  (f) => f.text === featureText
10994
11004
  );
10995
- return /* @__PURE__ */ React96.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "hawa-text-foreground" }));
11005
+ return /* @__PURE__ */ React96.createElement(
11006
+ "div",
11007
+ {
11008
+ key: planIndex,
11009
+ className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11010
+ },
11011
+ (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "hawa-text-foreground" })
11012
+ );
10996
11013
  })
10997
11014
  );
11015
+ })), props.showButtons && /* @__PURE__ */ React96.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11016
+ var _a;
11017
+ return /* @__PURE__ */ React96.createElement(
11018
+ "div",
11019
+ {
11020
+ key: i,
11021
+ className: "hawa-flex hawa-justify-center hawa-items-center"
11022
+ },
11023
+ /* @__PURE__ */ React96.createElement("button", { className: "hawa-bg-primary hawa-text-white hawa-p-2 hawa-rounded hawa-w-full hawa-max-w-xs" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
11024
+ );
10998
11025
  })));
10999
11026
  };
11000
11027
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.29-next",
3
+ "version": "0.19.31-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",