@sikka/hawa 0.13.12-next → 0.13.14-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 +3 -3
- package/dist/index.js +4 -4
- package/dist/index.mjs +8 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -738,6 +738,9 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
738
738
|
.hawa-bottom-4 {
|
|
739
739
|
bottom: 1rem;
|
|
740
740
|
}
|
|
741
|
+
.hawa-end-2 {
|
|
742
|
+
inset-inline-end: 0.5rem;
|
|
743
|
+
}
|
|
741
744
|
.hawa-left-0 {
|
|
742
745
|
left: 0px;
|
|
743
746
|
}
|
|
@@ -759,9 +762,6 @@ input[type="number"]::-webkit-inner-spin-button,
|
|
|
759
762
|
.hawa-right-0 {
|
|
760
763
|
right: 0px;
|
|
761
764
|
}
|
|
762
|
-
.hawa-right-1 {
|
|
763
|
-
right: 0.25rem;
|
|
764
|
-
}
|
|
765
765
|
.hawa-right-2 {
|
|
766
766
|
right: 0.5rem;
|
|
767
767
|
}
|
package/dist/index.js
CHANGED
|
@@ -2540,9 +2540,9 @@ var Alert = function(_param) {
|
|
|
2540
2540
|
}, icon), /* @__PURE__ */ import_react16.default.createElement("div", {
|
|
2541
2541
|
className: "hawa-flex hawa-flex-col"
|
|
2542
2542
|
}, /* @__PURE__ */ import_react16.default.createElement("span", {
|
|
2543
|
-
className: (0, import_clsx6.default)("font-
|
|
2543
|
+
className: (0, import_clsx6.default)("hawa-font-bold", direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
|
|
2544
2544
|
}, props.title), /* @__PURE__ */ import_react16.default.createElement("span", {
|
|
2545
|
-
className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
|
|
2545
|
+
className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8", props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]")
|
|
2546
2546
|
}, props.text), props.actions && /* @__PURE__ */ import_react16.default.createElement("div", {
|
|
2547
2547
|
className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2"
|
|
2548
2548
|
}, props.actions.map(function(act, index) {
|
|
@@ -2553,9 +2553,9 @@ var Alert = function(_param) {
|
|
|
2553
2553
|
}, act.label);
|
|
2554
2554
|
})))), !props.persistant && /* @__PURE__ */ import_react16.default.createElement("button", {
|
|
2555
2555
|
type: "button",
|
|
2556
|
-
className: (0, import_clsx6.default)("hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
|
|
2557
2556
|
"data-dismiss-target": "#alert-default",
|
|
2558
2557
|
"aria-label": "Close",
|
|
2558
|
+
className: (0, import_clsx6.default)("hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
|
|
2559
2559
|
onClick: function() {
|
|
2560
2560
|
setClosed(true);
|
|
2561
2561
|
setTimeout(function() {
|
|
@@ -5188,7 +5188,7 @@ var Input = function(_param) {
|
|
|
5188
5188
|
height: 40
|
|
5189
5189
|
}
|
|
5190
5190
|
})), props.iconInside && /* @__PURE__ */ import_react25.default.createElement("div", {
|
|
5191
|
-
className: "hawa-absolute hawa-
|
|
5191
|
+
className: "hawa-absolute hawa-end-2 hawa-top-[41px] hawa-mx-1 hawa--translate-y-1/2"
|
|
5192
5192
|
}, props.iconInside), !forceHideHelperText && /* @__PURE__ */ import_react25.default.createElement("p", {
|
|
5193
5193
|
className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
|
|
5194
5194
|
}, props.helperText))));
|
package/dist/index.mjs
CHANGED
|
@@ -2064,7 +2064,7 @@ var Alert = ({
|
|
|
2064
2064
|
"span",
|
|
2065
2065
|
{
|
|
2066
2066
|
className: clsx6(
|
|
2067
|
-
"font-
|
|
2067
|
+
"hawa-font-bold",
|
|
2068
2068
|
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
|
|
2069
2069
|
)
|
|
2070
2070
|
},
|
|
@@ -2072,7 +2072,10 @@ var Alert = ({
|
|
|
2072
2072
|
), /* @__PURE__ */ React25.createElement(
|
|
2073
2073
|
"span",
|
|
2074
2074
|
{
|
|
2075
|
-
className: clsx6(
|
|
2075
|
+
className: clsx6(
|
|
2076
|
+
direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
|
|
2077
|
+
props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
|
|
2078
|
+
)
|
|
2076
2079
|
},
|
|
2077
2080
|
props.text
|
|
2078
2081
|
), props.actions && /* @__PURE__ */ React25.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React25.createElement(
|
|
@@ -2088,13 +2091,13 @@ var Alert = ({
|
|
|
2088
2091
|
"button",
|
|
2089
2092
|
{
|
|
2090
2093
|
type: "button",
|
|
2094
|
+
"data-dismiss-target": "#alert-default",
|
|
2095
|
+
"aria-label": "Close",
|
|
2091
2096
|
className: clsx6(
|
|
2092
2097
|
"hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
|
|
2093
2098
|
closeButtonStyle[severity],
|
|
2094
2099
|
direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
|
|
2095
2100
|
),
|
|
2096
|
-
"data-dismiss-target": "#alert-default",
|
|
2097
|
-
"aria-label": "Close",
|
|
2098
2101
|
onClick: () => {
|
|
2099
2102
|
setClosed(true);
|
|
2100
2103
|
setTimeout(() => {
|
|
@@ -4854,7 +4857,7 @@ var Input = ({
|
|
|
4854
4857
|
disabled: preview,
|
|
4855
4858
|
style: { height: 40 }
|
|
4856
4859
|
}
|
|
4857
|
-
)), props.iconInside && /* @__PURE__ */ React38.createElement("div", { className: "hawa-absolute hawa-
|
|
4860
|
+
)), props.iconInside && /* @__PURE__ */ React38.createElement("div", { className: "hawa-absolute hawa-end-2 hawa-top-[41px] hawa-mx-1 hawa--translate-y-1/2" }, props.iconInside), !forceHideHelperText && /* @__PURE__ */ React38.createElement(
|
|
4858
4861
|
"p",
|
|
4859
4862
|
{
|
|
4860
4863
|
className: cn(
|