@sikka/hawa 0.19.34-next → 0.19.35-next

package/dist/index.css

@@ -4169,6 +4169,11 @@ body {
     top: auto;
   }
 
+  .sm\:hawa-max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
+
   .sm\:hawa-max-w-sm {
     max-width: 24rem;
   }

package/dist/index.d.mts

@@ -353,13 +353,14 @@ type RadioTypes = {
     orientation?: OrientationType;
     design?: "default" | "tabs" | "cards" | "bordered";
     options: RadioOptionsTypes[];
-    width?: "default" | "full";
+    width?: "default" | "full" | "none";
     onChangeTab?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;
     labelProps?: LabelProps;
     label?: string;
+    tabsContainerClassName?: string;
 };
 declare const Radio: FC<RadioTypes>;
 

package/dist/index.d.ts

@@ -353,13 +353,14 @@ type RadioTypes = {
     orientation?: OrientationType;
     design?: "default" | "tabs" | "cards" | "bordered";
     options: RadioOptionsTypes[];
-    width?: "default" | "full";
+    width?: "default" | "full" | "none";
     onChangeTab?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;
     labelProps?: LabelProps;
     label?: string;
+    tabsContainerClassName?: string;
 };
 declare const Radio: FC<RadioTypes>;
 

package/dist/index.js

@@ -3610,6 +3610,7 @@ var Radio = ({
   width = "default",
   orientation = "horizontal",
   labelProps,
+  tabsContainerClassName,
   ...props
 }) => {
   var _a, _b, _c;
@@ -3621,6 +3622,7 @@ var Radio = ({
     vertical: "hawa-flex hawa-flex-col"
   };
   let widthStyle = {
+    none: "",
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
@@ -3645,8 +3647,9 @@ var Radio = ({
           className: cn(
             props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
             "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-text-sm hawa-font-medium",
+            orientationStyle[orientation],
             widthStyle[width],
-            orientationStyle[orientation]
+            tabsContainerClassName
           )
         },
         (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react14.default.createElement(
@@ -11124,9 +11127,11 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  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(
+  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-flex-col hawa-gap-2 sm:hawa-flex-row hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
     Radio,
     {
+      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
+      width: "none",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -11139,6 +11144,8 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ import_react70.default.createElement(
     Radio,
     {
+      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
+      width: "none",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -11152,7 +11159,7 @@ var ComparingPlans = (props) => {
     "div",
     {
       className: cn(
-        "hawa-sticky  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",
+        "hawa-sticky 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",
         "hawa-bg-primary-foreground"
       ),
       style: {

package/dist/index.mjs

@@ -3377,6 +3377,7 @@ var Radio = ({
   width = "default",
   orientation = "horizontal",
   labelProps,
+  tabsContainerClassName,
   ...props
 }) => {
   var _a, _b, _c;
@@ -3388,6 +3389,7 @@ var Radio = ({
     vertical: "hawa-flex hawa-flex-col"
   };
   let widthStyle = {
+    none: "",
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
@@ -3412,8 +3414,9 @@ var Radio = ({
           className: cn(
             props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
             "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-text-sm hawa-font-medium",
+            orientationStyle[orientation],
             widthStyle[width],
-            orientationStyle[orientation]
+            tabsContainerClassName
           )
         },
         (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React20.createElement(
@@ -10908,9 +10911,11 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  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(
+  return /* @__PURE__ */ React96.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-flex-col hawa-gap-2 sm:hawa-flex-row hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React96.createElement(
     Radio,
     {
+      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
+      width: "none",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -10923,6 +10928,8 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ React96.createElement(
     Radio,
     {
+      tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
+      width: "none",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -10936,7 +10943,7 @@ var ComparingPlans = (props) => {
     "div",
     {
       className: cn(
-        "hawa-sticky  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",
+        "hawa-sticky 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",
         "hawa-bg-primary-foreground"
       ),
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.19.34-next",
+  "version": "0.19.35-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",