bianic-ui 0.4.4 → 0.4.6
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/cjs/index.js +51 -42
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Button/Button.d.ts +3 -3
- package/dist/esm/index.js +51 -42
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Button/Button.d.ts +3 -3
- package/dist/index.d.ts +3 -3
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2847,8 +2847,8 @@ var reactExports = react.exports;
|
|
|
2847
2847
|
var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
|
2848
2848
|
|
|
2849
2849
|
var Button = function (_a) {
|
|
2850
|
-
var label = _a.label, variant = _a.variant, size = _a.size,
|
|
2851
|
-
var
|
|
2850
|
+
var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
|
|
2851
|
+
var buttonRadius; // size
|
|
2852
2852
|
var text;
|
|
2853
2853
|
var border = "";
|
|
2854
2854
|
var padding;
|
|
@@ -2857,27 +2857,27 @@ var Button = function (_a) {
|
|
|
2857
2857
|
// variant
|
|
2858
2858
|
if (variant === "danger") {
|
|
2859
2859
|
color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
|
|
2860
|
-
text = "text-primary-
|
|
2860
|
+
text = "text-primary-white";
|
|
2861
2861
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
|
|
2862
2862
|
}
|
|
2863
2863
|
else if (variant === "info") {
|
|
2864
2864
|
color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
|
|
2865
|
-
text = "text-primary-
|
|
2865
|
+
text = "text-primary-white";
|
|
2866
2866
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
|
|
2867
2867
|
}
|
|
2868
2868
|
else if (variant === "primary") {
|
|
2869
2869
|
color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
|
|
2870
|
-
text = "text-primary-
|
|
2870
|
+
text = "text-primary-white";
|
|
2871
2871
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
|
|
2872
2872
|
}
|
|
2873
2873
|
else if (variant === "warning") {
|
|
2874
2874
|
color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
|
|
2875
|
-
text = "text-primary-
|
|
2875
|
+
text = "text-primary-white";
|
|
2876
2876
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
|
|
2877
2877
|
}
|
|
2878
2878
|
else if (variant === "success") {
|
|
2879
2879
|
color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
|
|
2880
|
-
text = "text-primary-
|
|
2880
|
+
text = "text-primary-white";
|
|
2881
2881
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
|
|
2882
2882
|
}
|
|
2883
2883
|
else if (variant === "link") {
|
|
@@ -2894,41 +2894,49 @@ var Button = function (_a) {
|
|
|
2894
2894
|
}
|
|
2895
2895
|
else {
|
|
2896
2896
|
color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
|
|
2897
|
-
text = "text-primary-
|
|
2897
|
+
text = "text-primary-black";
|
|
2898
2898
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
|
|
2899
2899
|
}
|
|
2900
2900
|
if (variant === "danger-outlined") {
|
|
2901
2901
|
text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
|
|
2902
2902
|
border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
|
|
2903
|
-
color = "active:bg-bia-red-pastel bg-primary-
|
|
2903
|
+
color = "active:bg-bia-red-pastel bg-primary-white";
|
|
2904
2904
|
}
|
|
2905
2905
|
else if (variant === "info-outlined") {
|
|
2906
2906
|
text = "text-bia-teal active:text-bia-teal-active hover:text-bia-teal-hover";
|
|
2907
2907
|
border = "border-solid border border-bia-teal active:border-bia-teal-active hover:border-bia-teal-hover";
|
|
2908
|
-
color = "active:bg-bia-teal-pastel bg-primary-
|
|
2908
|
+
color = "active:bg-bia-teal-pastel bg-primary-white";
|
|
2909
2909
|
}
|
|
2910
2910
|
else if (variant === "primary-outlined") {
|
|
2911
2911
|
text = "text-bia-blue active:text-bia-blue-active hover:text-bia-blue-hover";
|
|
2912
2912
|
border = "border-solid border border-bia-blue active:border-bia-blue-active hover:border-bia-blue-hover";
|
|
2913
|
-
color = "active:bg-bia-blue-pastel bg-primary-
|
|
2913
|
+
color = "active:bg-bia-blue-pastel bg-primary-white";
|
|
2914
2914
|
}
|
|
2915
2915
|
else if (variant === "warning-outlined") {
|
|
2916
2916
|
text = "text-bia-orange active:text-bia-orange-active hover:text-bia-orange-hover";
|
|
2917
2917
|
border = "border-solid border border-bia-orange active:border-bia-orange-active hover:border-bia-orange-hover";
|
|
2918
|
-
color = "active:bg-bia-orange-pastel bg-primary-
|
|
2918
|
+
color = "active:bg-bia-orange-pastel bg-primary-white";
|
|
2919
2919
|
}
|
|
2920
2920
|
else if (variant === "success-outlined") {
|
|
2921
2921
|
text = "text-bia-green active:text-bia-green-active hover:text-bia-green-hover";
|
|
2922
2922
|
border = "border-solid border border-bia-green active:border-bia-green-active hover:border-bia-green-hover";
|
|
2923
|
-
color = "active:bg-bia-green-pastel bg-primary-
|
|
2923
|
+
color = "active:bg-bia-green-pastel bg-primary-white";
|
|
2924
2924
|
}
|
|
2925
2925
|
else if (variant === "default-outlined") {
|
|
2926
|
-
text = "text-primary-
|
|
2926
|
+
text = "text-primary-black";
|
|
2927
2927
|
border = "border-solid border border-bia-darkgray";
|
|
2928
|
-
color = "hover:bg-bia-darkgray-pastel bg-primary-
|
|
2928
|
+
color = "hover:bg-bia-darkgray-pastel bg-primary-white";
|
|
2929
2929
|
}
|
|
2930
2930
|
// type
|
|
2931
|
-
|
|
2931
|
+
if (radius === "full-rounded") {
|
|
2932
|
+
buttonRadius = "rounded-full";
|
|
2933
|
+
}
|
|
2934
|
+
else if (radius === "rounded") {
|
|
2935
|
+
buttonRadius = "rounded-[1.5rem]";
|
|
2936
|
+
}
|
|
2937
|
+
else {
|
|
2938
|
+
buttonRadius = "rounded-[0.19rem]";
|
|
2939
|
+
}
|
|
2932
2940
|
// size
|
|
2933
2941
|
if (size === "large") {
|
|
2934
2942
|
text += " text-2xl";
|
|
@@ -2950,7 +2958,7 @@ var Button = function (_a) {
|
|
|
2950
2958
|
if (rest.disabled) {
|
|
2951
2959
|
shadow = "";
|
|
2952
2960
|
}
|
|
2953
|
-
return React.createElement("button", __assign({}, rest, { className: "button inline-flex
|
|
2961
|
+
return React.createElement("button", __assign({}, rest, { className: "button inline-flex justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
|
|
2954
2962
|
left,
|
|
2955
2963
|
label,
|
|
2956
2964
|
right);
|
|
@@ -3023,10 +3031,10 @@ var Dump = function () {
|
|
|
3023
3031
|
React.createElement("div", { className: "bg-bia-marquetteblue-active" }),
|
|
3024
3032
|
React.createElement("div", { className: "bg-bia-marquetteblue-pastel" }),
|
|
3025
3033
|
React.createElement("div", { className: "bg-bia-marquetteblue-disabled" }),
|
|
3026
|
-
React.createElement("div", { className: "bg-primary-
|
|
3034
|
+
React.createElement("div", { className: "bg-primary-black" }),
|
|
3027
3035
|
React.createElement("div", { className: "bg-primary-cool" }),
|
|
3028
3036
|
React.createElement("div", { className: "bg-primary-warm" }),
|
|
3029
|
-
React.createElement("div", { className: "bg-primary-
|
|
3037
|
+
React.createElement("div", { className: "bg-primary-white" })));
|
|
3030
3038
|
};
|
|
3031
3039
|
|
|
3032
3040
|
var TextInput = function (_a) {
|
|
@@ -3070,7 +3078,7 @@ var TextInput = function (_a) {
|
|
|
3070
3078
|
label,
|
|
3071
3079
|
rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3072
3080
|
React.createElement("div", { className: "w-full relative" },
|
|
3073
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3081
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " ").concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
|
|
3074
3082
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center ").concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
|
|
3075
3083
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3076
3084
|
};
|
|
@@ -3080,7 +3088,7 @@ var Radio = function (_a) {
|
|
|
3080
3088
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3081
3089
|
React.createElement("div", { className: "bg-white rounded-full ".concat(InputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
|
|
3082
3090
|
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
|
|
3083
|
-
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-
|
|
3091
|
+
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" })),
|
|
3084
3092
|
React.createElement("label", { id: "label1", className: "ml-2 ".concat(InputSize === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
|
|
3085
3093
|
};
|
|
3086
3094
|
|
|
@@ -3095,7 +3103,7 @@ var TextArea = function (_a) {
|
|
|
3095
3103
|
label,
|
|
3096
3104
|
rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3097
3105
|
React.createElement("div", { className: "w-full h-full" },
|
|
3098
|
-
React.createElement("textarea", __assign({ className: "field bg-primary-
|
|
3106
|
+
React.createElement("textarea", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded" }, rest, { rows: inputRow }))),
|
|
3099
3107
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3100
3108
|
};
|
|
3101
3109
|
|
|
@@ -3104,8 +3112,8 @@ var Checkbox = function (_a) {
|
|
|
3104
3112
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3105
3113
|
React.createElement("div", { className: "bg-white rounded-full ".concat(inputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
|
|
3106
3114
|
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest, { checked: rest.data === rest.value })),
|
|
3107
|
-
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-
|
|
3108
|
-
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-
|
|
3115
|
+
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
|
|
3116
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-white peer-checked:peer-hover:group-[]:fill-primary-white peer-hover:group-[]:fill-bia-blue-hover", viewBox: "-5 -7 24 24", width: "24" },
|
|
3109
3117
|
React.createElement("path", { d: "M5.486 9.73a.997.997 0 0 1-.707-.292L.537 5.195A1 1 0 1 1 1.95 3.78l3.535 3.535L11.85.952a1 1 0 0 1 1.415 1.414L6.193 9.438a.997.997 0 0 1-.707.292z" })))),
|
|
3110
3118
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3111
3119
|
};
|
|
@@ -3119,9 +3127,9 @@ var SelectInput = function (_a) {
|
|
|
3119
3127
|
label,
|
|
3120
3128
|
React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3121
3129
|
React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
|
|
3122
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3130
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
|
|
3123
3131
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center pointer-events-none") }, selectIcon),
|
|
3124
|
-
isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-
|
|
3132
|
+
isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-white border-gray-100 rounded-md shadow-lg z-10" },
|
|
3125
3133
|
React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setSelected(option); setIsOpen(false); } }, option.label)); })))),
|
|
3126
3134
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3127
3135
|
};
|
|
@@ -3135,9 +3143,9 @@ var LiveSearch = function (_a) {
|
|
|
3135
3143
|
rest.label,
|
|
3136
3144
|
React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3137
3145
|
React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
|
|
3138
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3146
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
|
|
3139
3147
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center") }, icon),
|
|
3140
|
-
isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-
|
|
3148
|
+
isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-white border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
|
|
3141
3149
|
React.createElement("ul", null, rest.searchData.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setValue(option); setIsOpen(false); } }, option.label)); })))),
|
|
3142
3150
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, rest.descText)));
|
|
3143
3151
|
};
|
|
@@ -3146,8 +3154,8 @@ var Toggle = function (_a) {
|
|
|
3146
3154
|
var label = _a.label, inputSize = _a.inputSize, onClick = _a.onClick, rest = __rest(_a, ["label", "inputSize", "onClick"]);
|
|
3147
3155
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3148
3156
|
React.createElement("div", { className: " rounded-full ".concat(inputSize === "small" ? " w-[28px] h-[16px]" : "w-[42px] h-[22px]", " py-[2px] flex flex-shrink-0 ").concat(rest.data === rest.value ? "justify-end" : "justify-start", " items-center relative cursor-pointer"), onClick: onClick },
|
|
3149
|
-
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue bg-primary-
|
|
3150
|
-
React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-
|
|
3157
|
+
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue bg-primary-white checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
|
|
3158
|
+
React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-white peer-checked:hover:bg-primary-white peer-checked:bg-primary-white bg-bia-gray peer-checked:peer-hover:bg-primary-white peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
|
|
3151
3159
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3152
3160
|
};
|
|
3153
3161
|
|
|
@@ -3323,9 +3331,9 @@ var ModalBody = function (_a) {
|
|
|
3323
3331
|
else {
|
|
3324
3332
|
size = "w-[540px]";
|
|
3325
3333
|
}
|
|
3326
|
-
return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-
|
|
3327
|
-
React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-
|
|
3328
|
-
React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-
|
|
3334
|
+
return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20") },
|
|
3335
|
+
React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
|
|
3336
|
+
React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-white shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
|
|
3329
3337
|
React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
|
|
3330
3338
|
React.createElement("div", { className: "Modal modal-title" },
|
|
3331
3339
|
React.createElement(Heading, { variant: "5" }, rest.title)),
|
|
@@ -3371,7 +3379,7 @@ var Table = function (_a) {
|
|
|
3371
3379
|
|
|
3372
3380
|
var TableRow = function (_a) {
|
|
3373
3381
|
_a.colNum; var className = _a.className, children = _a.children, rest = __rest(_a, ["colNum", "className", "children"]);
|
|
3374
|
-
return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-
|
|
3382
|
+
return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-white even:bg-[#f4f6f8] ".concat(className) }, rest), children));
|
|
3375
3383
|
};
|
|
3376
3384
|
|
|
3377
3385
|
var TableCol = function (_a) {
|
|
@@ -3384,7 +3392,7 @@ var TableCol = function (_a) {
|
|
|
3384
3392
|
background = "bg-[#f4f6f8]";
|
|
3385
3393
|
}
|
|
3386
3394
|
else if (color === "white") {
|
|
3387
|
-
background = "bg-primary-
|
|
3395
|
+
background = "bg-primary-white";
|
|
3388
3396
|
}
|
|
3389
3397
|
else {
|
|
3390
3398
|
background = "";
|
|
@@ -3427,6 +3435,7 @@ var TagLabel = function (_a) {
|
|
|
3427
3435
|
var fontPadding = "px-[5px]";
|
|
3428
3436
|
var padding = "p-[7px]";
|
|
3429
3437
|
var closefill = "fill-primary-cool";
|
|
3438
|
+
var svgSize = "w-5 h-5";
|
|
3430
3439
|
// Setting color scheme
|
|
3431
3440
|
if (color === "base" || color === "black") {
|
|
3432
3441
|
bg = "bg-primary-black border border-bia-black";
|
|
@@ -3467,7 +3476,7 @@ var TagLabel = function (_a) {
|
|
|
3467
3476
|
padding = "p-[4px]";
|
|
3468
3477
|
}
|
|
3469
3478
|
else if (size === "tiny") {
|
|
3470
|
-
padding = "p-[
|
|
3479
|
+
padding = "p-[2.5px]";
|
|
3471
3480
|
}
|
|
3472
3481
|
else {
|
|
3473
3482
|
padding = "p-[7px]";
|
|
@@ -3478,21 +3487,21 @@ var TagLabel = function (_a) {
|
|
|
3478
3487
|
fontSize = "text-xs font-normal";
|
|
3479
3488
|
padding = "px-[5px] py-[2px]";
|
|
3480
3489
|
fontPadding = "px-[5px] pb-[2px]";
|
|
3490
|
+
svgSize = "w-3 h-3";
|
|
3481
3491
|
}
|
|
3482
3492
|
else if (size === "tiny") {
|
|
3483
|
-
fontSize = "text-xs align-top font-normal leading-
|
|
3493
|
+
fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
|
|
3484
3494
|
fontPadding = "px-[5px]";
|
|
3485
|
-
padding = "px-[5px]
|
|
3495
|
+
padding = "px-[5px] pb-[2px]";
|
|
3496
|
+
svgSize = "mt-[1px] w-3 h-3";
|
|
3486
3497
|
}
|
|
3487
3498
|
}
|
|
3488
|
-
var closeButton = React.createElement("svg", { width: "
|
|
3499
|
+
var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3489
3500
|
React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
|
|
3490
|
-
React.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3491
|
-
React.createElement("path", { d: "M6.707 6L8.1215 4.586C8.21532 4.49218 8.26803 4.36493 8.26803 4.23225C8.26803 4.09957 8.21532 3.97232 8.1215 3.8785C8.02768 3.78468 7.90043 3.73197 7.76775 3.73197C7.63507 3.73197 7.50782 3.78468 7.414 3.8785L6 5.293L4.586 3.8785C4.49218 3.78468 4.36493 3.73197 4.23225 3.73197C4.09957 3.73197 3.97232 3.78468 3.8785 3.8785C3.78468 3.97232 3.73197 4.09957 3.73197 4.23225C3.73197 4.36493 3.78468 4.49218 3.8785 4.586L5.293 6L3.8785 7.414C3.78468 7.50782 3.73197 7.63507 3.73197 7.76775C3.73197 7.90043 3.78468 8.02768 3.8785 8.1215C3.97232 8.21532 4.09957 8.26803 4.23225 8.26803C4.36493 8.26803 4.49218 8.21532 4.586 8.1215L6 6.707L7.414 8.1215C7.50782 8.21532 7.63507 8.26803 7.76775 8.26803C7.90043 8.26803 8.02768 8.21532 8.1215 8.1215C8.21532 8.02768 8.26803 7.90043 8.26803 7.76775C8.26803 7.63507 8.21532 7.50782 8.1215 7.414L6.707 6ZM6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11Z", fill: "white" }));
|
|
3492
3501
|
return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
|
|
3493
3502
|
left,
|
|
3494
3503
|
text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
|
|
3495
|
-
variant === "closable" && closeHandler && React.createElement("button", { type: "button", onClick: function () { return closeHandler(); } }, closeButton),
|
|
3504
|
+
variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
|
|
3496
3505
|
right));
|
|
3497
3506
|
};
|
|
3498
3507
|
|
package/dist/cjs/lib.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*
|
|
2
2
|
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
|
|
3
|
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-4{width:1rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[3px\]{padding:3px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.py-\[3px\]{padding-bottom:3px;padding-top:3px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[13px\]{line-height:13px}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}
|
|
3
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.mt-\[1px\]{margin-top:1px}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[2\.5px\]{padding:2.5px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.odd\:bg-primary-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-primary-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-white{fill:#fff}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked:hover~.peer-checked\:peer-hover\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-white{fill:#fff}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
2
|
export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
3
|
-
label?:
|
|
3
|
+
label?: any;
|
|
4
4
|
variant?: string;
|
|
5
5
|
size?: string;
|
|
6
|
-
|
|
6
|
+
radius?: string;
|
|
7
7
|
left?: any;
|
|
8
8
|
right?: any;
|
|
9
9
|
}
|
|
10
|
-
declare const Button: ({ label, variant, size,
|
|
10
|
+
declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
|
|
11
11
|
export default Button;
|
package/dist/esm/index.js
CHANGED
|
@@ -2845,8 +2845,8 @@ var reactExports = react.exports;
|
|
|
2845
2845
|
var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
|
2846
2846
|
|
|
2847
2847
|
var Button = function (_a) {
|
|
2848
|
-
var label = _a.label, variant = _a.variant, size = _a.size,
|
|
2849
|
-
var
|
|
2848
|
+
var label = _a.label, variant = _a.variant, size = _a.size, radius = _a.radius, left = _a.left, right = _a.right, rest = __rest(_a, ["label", "variant", "size", "radius", "left", "right"]);
|
|
2849
|
+
var buttonRadius; // size
|
|
2850
2850
|
var text;
|
|
2851
2851
|
var border = "";
|
|
2852
2852
|
var padding;
|
|
@@ -2855,27 +2855,27 @@ var Button = function (_a) {
|
|
|
2855
2855
|
// variant
|
|
2856
2856
|
if (variant === "danger") {
|
|
2857
2857
|
color = "active:bg-bia-red-active hover:bg-bia-red-hover disabled:bg-bia-red-disabled bg-bia-red";
|
|
2858
|
-
text = "text-primary-
|
|
2858
|
+
text = "text-primary-white";
|
|
2859
2859
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-red-disabled";
|
|
2860
2860
|
}
|
|
2861
2861
|
else if (variant === "info") {
|
|
2862
2862
|
color = "active:bg-bia-teal-active hover:bg-bia-teal-hover disabled:bg-bia-teal-disabled bg-bia-teal ";
|
|
2863
|
-
text = "text-primary-
|
|
2863
|
+
text = "text-primary-white";
|
|
2864
2864
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-teal-disabled";
|
|
2865
2865
|
}
|
|
2866
2866
|
else if (variant === "primary") {
|
|
2867
2867
|
color = "hover:bg-bia-blue-hover disabled:bg-bia-blue-disabled bg-bia-blue active:bg-bia-blue-active";
|
|
2868
|
-
text = "text-primary-
|
|
2868
|
+
text = "text-primary-white";
|
|
2869
2869
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-blue-disabled";
|
|
2870
2870
|
}
|
|
2871
2871
|
else if (variant === "warning") {
|
|
2872
2872
|
color = "hover:bg-bia-orange-hover disabled:bg-bia-orange-disabled bg-bia-orange active:bg-bia-orange-active";
|
|
2873
|
-
text = "text-primary-
|
|
2873
|
+
text = "text-primary-white";
|
|
2874
2874
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-orange-disabled";
|
|
2875
2875
|
}
|
|
2876
2876
|
else if (variant === "success") {
|
|
2877
2877
|
color = "hover:bg-bia-green-hover disabled:bg-bia-green-disabled bg-bia-green active:bg-bia-green-active";
|
|
2878
|
-
text = "text-primary-
|
|
2878
|
+
text = "text-primary-white";
|
|
2879
2879
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-green-disabled";
|
|
2880
2880
|
}
|
|
2881
2881
|
else if (variant === "link") {
|
|
@@ -2892,41 +2892,49 @@ var Button = function (_a) {
|
|
|
2892
2892
|
}
|
|
2893
2893
|
else {
|
|
2894
2894
|
color = "hover:bg-bia-gray-hover bg-bia-gray active:bg-bia-gray-active";
|
|
2895
|
-
text = "text-primary-
|
|
2895
|
+
text = "text-primary-black";
|
|
2896
2896
|
shadow = "shadow-[0_6px_18px_1px_rgba(0,0,0,0.5)] shadow-bia-gray-disabled";
|
|
2897
2897
|
}
|
|
2898
2898
|
if (variant === "danger-outlined") {
|
|
2899
2899
|
text = "text-bia-red active:text-bia-red-active hover:text-bia-red-hover";
|
|
2900
2900
|
border = "border-solid border border-bia-red active:border-bia-red-active hover:border-bia-red-hover";
|
|
2901
|
-
color = "active:bg-bia-red-pastel bg-primary-
|
|
2901
|
+
color = "active:bg-bia-red-pastel bg-primary-white";
|
|
2902
2902
|
}
|
|
2903
2903
|
else if (variant === "info-outlined") {
|
|
2904
2904
|
text = "text-bia-teal active:text-bia-teal-active hover:text-bia-teal-hover";
|
|
2905
2905
|
border = "border-solid border border-bia-teal active:border-bia-teal-active hover:border-bia-teal-hover";
|
|
2906
|
-
color = "active:bg-bia-teal-pastel bg-primary-
|
|
2906
|
+
color = "active:bg-bia-teal-pastel bg-primary-white";
|
|
2907
2907
|
}
|
|
2908
2908
|
else if (variant === "primary-outlined") {
|
|
2909
2909
|
text = "text-bia-blue active:text-bia-blue-active hover:text-bia-blue-hover";
|
|
2910
2910
|
border = "border-solid border border-bia-blue active:border-bia-blue-active hover:border-bia-blue-hover";
|
|
2911
|
-
color = "active:bg-bia-blue-pastel bg-primary-
|
|
2911
|
+
color = "active:bg-bia-blue-pastel bg-primary-white";
|
|
2912
2912
|
}
|
|
2913
2913
|
else if (variant === "warning-outlined") {
|
|
2914
2914
|
text = "text-bia-orange active:text-bia-orange-active hover:text-bia-orange-hover";
|
|
2915
2915
|
border = "border-solid border border-bia-orange active:border-bia-orange-active hover:border-bia-orange-hover";
|
|
2916
|
-
color = "active:bg-bia-orange-pastel bg-primary-
|
|
2916
|
+
color = "active:bg-bia-orange-pastel bg-primary-white";
|
|
2917
2917
|
}
|
|
2918
2918
|
else if (variant === "success-outlined") {
|
|
2919
2919
|
text = "text-bia-green active:text-bia-green-active hover:text-bia-green-hover";
|
|
2920
2920
|
border = "border-solid border border-bia-green active:border-bia-green-active hover:border-bia-green-hover";
|
|
2921
|
-
color = "active:bg-bia-green-pastel bg-primary-
|
|
2921
|
+
color = "active:bg-bia-green-pastel bg-primary-white";
|
|
2922
2922
|
}
|
|
2923
2923
|
else if (variant === "default-outlined") {
|
|
2924
|
-
text = "text-primary-
|
|
2924
|
+
text = "text-primary-black";
|
|
2925
2925
|
border = "border-solid border border-bia-darkgray";
|
|
2926
|
-
color = "hover:bg-bia-darkgray-pastel bg-primary-
|
|
2926
|
+
color = "hover:bg-bia-darkgray-pastel bg-primary-white";
|
|
2927
2927
|
}
|
|
2928
2928
|
// type
|
|
2929
|
-
|
|
2929
|
+
if (radius === "full-rounded") {
|
|
2930
|
+
buttonRadius = "rounded-full";
|
|
2931
|
+
}
|
|
2932
|
+
else if (radius === "rounded") {
|
|
2933
|
+
buttonRadius = "rounded-[1.5rem]";
|
|
2934
|
+
}
|
|
2935
|
+
else {
|
|
2936
|
+
buttonRadius = "rounded-[0.19rem]";
|
|
2937
|
+
}
|
|
2930
2938
|
// size
|
|
2931
2939
|
if (size === "large") {
|
|
2932
2940
|
text += " text-2xl";
|
|
@@ -2948,7 +2956,7 @@ var Button = function (_a) {
|
|
|
2948
2956
|
if (rest.disabled) {
|
|
2949
2957
|
shadow = "";
|
|
2950
2958
|
}
|
|
2951
|
-
return React.createElement("button", __assign({}, rest, { className: "button inline-flex
|
|
2959
|
+
return React.createElement("button", __assign({}, rest, { className: "button inline-flex justify-center align-middle gap-[5px] font-medium font-['Segoe UI'] ".concat(buttonRadius, " ").concat(text, " ").concat(padding, " ").concat(color, " ").concat(border, " ").concat(shadow, " ").concat(rest.className) }),
|
|
2952
2960
|
left,
|
|
2953
2961
|
label,
|
|
2954
2962
|
right);
|
|
@@ -3021,10 +3029,10 @@ var Dump = function () {
|
|
|
3021
3029
|
React.createElement("div", { className: "bg-bia-marquetteblue-active" }),
|
|
3022
3030
|
React.createElement("div", { className: "bg-bia-marquetteblue-pastel" }),
|
|
3023
3031
|
React.createElement("div", { className: "bg-bia-marquetteblue-disabled" }),
|
|
3024
|
-
React.createElement("div", { className: "bg-primary-
|
|
3032
|
+
React.createElement("div", { className: "bg-primary-black" }),
|
|
3025
3033
|
React.createElement("div", { className: "bg-primary-cool" }),
|
|
3026
3034
|
React.createElement("div", { className: "bg-primary-warm" }),
|
|
3027
|
-
React.createElement("div", { className: "bg-primary-
|
|
3035
|
+
React.createElement("div", { className: "bg-primary-white" })));
|
|
3028
3036
|
};
|
|
3029
3037
|
|
|
3030
3038
|
var TextInput = function (_a) {
|
|
@@ -3068,7 +3076,7 @@ var TextInput = function (_a) {
|
|
|
3068
3076
|
label,
|
|
3069
3077
|
rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3070
3078
|
React.createElement("div", { className: "w-full relative" },
|
|
3071
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3079
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " ").concat(pad && "pe-8", " w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded") }, rest)),
|
|
3072
3080
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center ").concat(rest.type === "password" ? "" : "pointer-events-none") }, iconPic)),
|
|
3073
3081
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3074
3082
|
};
|
|
@@ -3078,7 +3086,7 @@ var Radio = function (_a) {
|
|
|
3078
3086
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3079
3087
|
React.createElement("div", { className: "bg-white rounded-full ".concat(InputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
|
|
3080
3088
|
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "radio", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest)),
|
|
3081
|
-
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-
|
|
3089
|
+
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" })),
|
|
3082
3090
|
React.createElement("label", { id: "label1", className: "ml-2 ".concat(InputSize === "small" ? "text-xs" : "text-sm", " leading-4 font-normal text-gray-800") }, label)));
|
|
3083
3091
|
};
|
|
3084
3092
|
|
|
@@ -3093,7 +3101,7 @@ var TextArea = function (_a) {
|
|
|
3093
3101
|
label,
|
|
3094
3102
|
rest.required && React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3095
3103
|
React.createElement("div", { className: "w-full h-full" },
|
|
3096
|
-
React.createElement("textarea", __assign({ className: "field bg-primary-
|
|
3104
|
+
React.createElement("textarea", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none p-2 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded" }, rest, { rows: inputRow }))),
|
|
3097
3105
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3098
3106
|
};
|
|
3099
3107
|
|
|
@@ -3102,8 +3110,8 @@ var Checkbox = function (_a) {
|
|
|
3102
3110
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3103
3111
|
React.createElement("div", { className: "bg-white rounded-full ".concat(inputSize ? " w-4 h-4" : "w-[22px] h-[22px]", " flex flex-shrink-0 justify-center items-center relative") },
|
|
3104
3112
|
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox box-content appearance-none focus:opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue hover:border-bia-blue-hover border-2 absolute cursor-pointer w-full h-full" }, rest, { checked: rest.data === rest.value })),
|
|
3105
|
-
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-
|
|
3106
|
-
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-
|
|
3113
|
+
React.createElement("div", { className: "check-icon flex text-bia-grey group justify-center border-2 border-primary-white peer-checked:hover:border-bia-blue-hover peer-checked:bg-bia-blue peer-checked:peer-hover:bg-bia-blue-hover outline-2 peer-checked:hover:outline-bia-blue-hover outline-bia-blue rounded-full w-full h-full z-1" },
|
|
3114
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: " fill-bia-gray peer-checked:group-[]:fill-primary-white peer-checked:peer-hover:group-[]:fill-primary-white peer-hover:group-[]:fill-bia-blue-hover", viewBox: "-5 -7 24 24", width: "24" },
|
|
3107
3115
|
React.createElement("path", { d: "M5.486 9.73a.997.997 0 0 1-.707-.292L.537 5.195A1 1 0 1 1 1.95 3.78l3.535 3.535L11.85.952a1 1 0 0 1 1.415 1.414L6.193 9.438a.997.997 0 0 1-.707.292z" })))),
|
|
3108
3116
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3109
3117
|
};
|
|
@@ -3117,9 +3125,9 @@ var SelectInput = function (_a) {
|
|
|
3117
3125
|
label,
|
|
3118
3126
|
React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3119
3127
|
React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
|
|
3120
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3128
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none cursor-pointer rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: selected.label }, rest, { readOnly: true })),
|
|
3121
3129
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center pointer-events-none") }, selectIcon),
|
|
3122
|
-
isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-
|
|
3130
|
+
isOpen && React.createElement("div", { className: "absolute border w-full bg-primary-white border-gray-100 rounded-md shadow-lg z-10" },
|
|
3123
3131
|
React.createElement("ul", null, options.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setSelected(option); setIsOpen(false); } }, option.label)); })))),
|
|
3124
3132
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, descText)));
|
|
3125
3133
|
};
|
|
@@ -3133,9 +3141,9 @@ var LiveSearch = function (_a) {
|
|
|
3133
3141
|
rest.label,
|
|
3134
3142
|
React.createElement("span", { className: "p-1 text-bia-red" }, "*")),
|
|
3135
3143
|
React.createElement("div", { className: "group w-full relative", onMouseLeave: function () { return setIsOpen(false); } },
|
|
3136
|
-
React.createElement("input", __assign({ className: "field bg-primary-
|
|
3144
|
+
React.createElement("input", __assign({ className: "field bg-primary-white disabled:bg-[#ebecf0] disabled:text-bia-gray-active read-only:border-bia-gray-disabled read-only:pointer-events-none ".concat(inputSize === "small" ? "text-xs p-[6px]" : "text-sm p-[10px]", " pe-8 w-full border border-[#cbd0e0] enabled:hover:border-b-bia-blue enabled:hover:rounded-b-none enabled:focus:border-b-bia-blue enabled:focus:rounded-b-none focus-visible:outline-none rounded"), onClick: function () { return setIsOpen(!isOpen); }, value: value.label }, rest)),
|
|
3137
3145
|
React.createElement("div", { className: "absolute inset-y-0 ".concat(inputSize === "small" ? "right-[7px]" : "right-[10px]", " pl-3 flex items-center") }, icon),
|
|
3138
|
-
isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-
|
|
3146
|
+
isOpen && React.createElement("div", { className: "absolute border w-full max-h-60 bg-primary-white border-gray-100 rounded-md shadow-lg z-10 overflow-y-auto" },
|
|
3139
3147
|
React.createElement("ul", null, rest.searchData.map(function (option) { return (React.createElement("li", { className: "".concat(inputSize === "small" ? "text-xs px-[10px] pt-[6.5px] pb-[5.5px]" : "text-sm p-[10px]", " hover:bg-bia-blue-pastel"), onClick: function () { setValue(option); setIsOpen(false); } }, option.label)); })))),
|
|
3140
3148
|
React.createElement("span", { className: "desc text-primary-cool text-xs" }, rest.descText)));
|
|
3141
3149
|
};
|
|
@@ -3144,8 +3152,8 @@ var Toggle = function (_a) {
|
|
|
3144
3152
|
var label = _a.label, inputSize = _a.inputSize, onClick = _a.onClick, rest = __rest(_a, ["label", "inputSize", "onClick"]);
|
|
3145
3153
|
return (React.createElement("div", { className: "flex items-center" },
|
|
3146
3154
|
React.createElement("div", { className: " rounded-full ".concat(inputSize === "small" ? " w-[28px] h-[16px]" : "w-[42px] h-[22px]", " py-[2px] flex flex-shrink-0 ").concat(rest.data === rest.value ? "justify-end" : "justify-start", " items-center relative cursor-pointer"), onClick: onClick },
|
|
3147
|
-
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue bg-primary-
|
|
3148
|
-
React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-
|
|
3155
|
+
React.createElement("input", __assign({ "aria-labelledby": "label1", type: "checkbox", className: "peer checkbox ".concat(inputSize === "small" ? " px-2 py-1" : "p-2", " appearance-none opacity-100 focus:ring-1 focus:ring-offset-2 focus:ring-bia-blue focus:outline-none rounded-full border-bia-gray checked:border-bia-blue bg-primary-white checked:bg-bia-blue checked:hover:bg-bia-blue-hover cursor-pointer hover:border-bia-blue-hover peer-hover:border-bia-blue-hover border-2 absolute w-full h-full") }, rest, { checked: rest.data === rest.value })),
|
|
3156
|
+
React.createElement("div", { className: "peer check-icon flex m-[2px] text-bia-grey group justify-center border-2 peer-checked:border-bia-blue border-primary-white peer-checked:hover:bg-primary-white peer-checked:bg-primary-white bg-bia-gray peer-checked:peer-hover:bg-primary-white peer-hover:bg-bia-blue-hover outline-2 rounded-full w-5/12 h-full z-10" })),
|
|
3149
3157
|
React.createElement("label", { id: "label1", className: "ml-2 text-sm leading-4 font-normal text-gray-800" }, label)));
|
|
3150
3158
|
};
|
|
3151
3159
|
|
|
@@ -3321,9 +3329,9 @@ var ModalBody = function (_a) {
|
|
|
3321
3329
|
else {
|
|
3322
3330
|
size = "w-[540px]";
|
|
3323
3331
|
}
|
|
3324
|
-
return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-
|
|
3325
|
-
React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-
|
|
3326
|
-
React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-
|
|
3332
|
+
return (React.createElement("div", { className: "fixed ".concat(rest.isShow ? "" : " hidden", " flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20") },
|
|
3333
|
+
React.createElement("div", { className: "backscreen fixed flex items-center justify-center inset-0 bg-primary-black bg-opacity-25 overflow-y-auto h-screen w-screen z-20", onClick: function () { return rest.setIsShow(false); } }),
|
|
3334
|
+
React.createElement("div", { className: "modal container absolute mx-auto grid grid-cols-5 ".concat(size, " bg-primary-white shadow p-5 pb-[30px] rounded-[5px] gap-5 z-30 ") },
|
|
3327
3335
|
React.createElement("div", { className: "modal modal-header col-span-5 flex flex-row justify-between" },
|
|
3328
3336
|
React.createElement("div", { className: "Modal modal-title" },
|
|
3329
3337
|
React.createElement(Heading, { variant: "5" }, rest.title)),
|
|
@@ -3369,7 +3377,7 @@ var Table = function (_a) {
|
|
|
3369
3377
|
|
|
3370
3378
|
var TableRow = function (_a) {
|
|
3371
3379
|
_a.colNum; var className = _a.className, children = _a.children, rest = __rest(_a, ["colNum", "className", "children"]);
|
|
3372
|
-
return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-
|
|
3380
|
+
return (React.createElement("tr", __assign({ className: "table-row odd:bg-primary-white even:bg-[#f4f6f8] ".concat(className) }, rest), children));
|
|
3373
3381
|
};
|
|
3374
3382
|
|
|
3375
3383
|
var TableCol = function (_a) {
|
|
@@ -3382,7 +3390,7 @@ var TableCol = function (_a) {
|
|
|
3382
3390
|
background = "bg-[#f4f6f8]";
|
|
3383
3391
|
}
|
|
3384
3392
|
else if (color === "white") {
|
|
3385
|
-
background = "bg-primary-
|
|
3393
|
+
background = "bg-primary-white";
|
|
3386
3394
|
}
|
|
3387
3395
|
else {
|
|
3388
3396
|
background = "";
|
|
@@ -3425,6 +3433,7 @@ var TagLabel = function (_a) {
|
|
|
3425
3433
|
var fontPadding = "px-[5px]";
|
|
3426
3434
|
var padding = "p-[7px]";
|
|
3427
3435
|
var closefill = "fill-primary-cool";
|
|
3436
|
+
var svgSize = "w-5 h-5";
|
|
3428
3437
|
// Setting color scheme
|
|
3429
3438
|
if (color === "base" || color === "black") {
|
|
3430
3439
|
bg = "bg-primary-black border border-bia-black";
|
|
@@ -3465,7 +3474,7 @@ var TagLabel = function (_a) {
|
|
|
3465
3474
|
padding = "p-[4px]";
|
|
3466
3475
|
}
|
|
3467
3476
|
else if (size === "tiny") {
|
|
3468
|
-
padding = "p-[
|
|
3477
|
+
padding = "p-[2.5px]";
|
|
3469
3478
|
}
|
|
3470
3479
|
else {
|
|
3471
3480
|
padding = "p-[7px]";
|
|
@@ -3476,21 +3485,21 @@ var TagLabel = function (_a) {
|
|
|
3476
3485
|
fontSize = "text-xs font-normal";
|
|
3477
3486
|
padding = "px-[5px] py-[2px]";
|
|
3478
3487
|
fontPadding = "px-[5px] pb-[2px]";
|
|
3488
|
+
svgSize = "w-3 h-3";
|
|
3479
3489
|
}
|
|
3480
3490
|
else if (size === "tiny") {
|
|
3481
|
-
fontSize = "text-xs align-top font-normal leading-
|
|
3491
|
+
fontSize = "text-xs inline-block align-text-top font-normal leading-tight";
|
|
3482
3492
|
fontPadding = "px-[5px]";
|
|
3483
|
-
padding = "px-[5px]
|
|
3493
|
+
padding = "px-[5px] pb-[2px]";
|
|
3494
|
+
svgSize = "mt-[1px] w-3 h-3";
|
|
3484
3495
|
}
|
|
3485
3496
|
}
|
|
3486
|
-
var closeButton = React.createElement("svg", { width: "
|
|
3497
|
+
var closeButton = React.createElement("svg", { width: "100%", height: "100%", className: closefill, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3487
3498
|
React.createElement("path", { d: "M11.1777 9.99996L13.5352 7.64329C13.6916 7.48693 13.7794 7.27485 13.7794 7.05371C13.7794 6.83257 13.6916 6.62049 13.5352 6.46413C13.3788 6.30776 13.1667 6.21991 12.9456 6.21991C12.7245 6.21991 12.5124 6.30776 12.356 6.46413L9.99935 8.82163L7.64268 6.46413C7.48632 6.30776 7.27424 6.21991 7.0531 6.21991C6.83196 6.21991 6.61988 6.30776 6.46352 6.46413C6.30715 6.62049 6.2193 6.83257 6.2193 7.05371C6.2193 7.27485 6.30715 7.48693 6.46352 7.64329L8.82102 9.99996L6.46352 12.3566C6.30715 12.513 6.2193 12.7251 6.2193 12.9462C6.2193 13.1673 6.30715 13.3794 6.46352 13.5358C6.61988 13.6922 6.83196 13.78 7.0531 13.78C7.27424 13.78 7.48632 13.6922 7.64268 13.5358L9.99935 11.1783L12.356 13.5358C12.5124 13.6922 12.7245 13.78 12.9456 13.78C13.1667 13.78 13.3788 13.6922 13.5352 13.5358C13.6916 13.3794 13.7794 13.1673 13.7794 12.9462C13.7794 12.7251 13.6916 12.513 13.5352 12.3566L11.1777 9.99996ZM9.99935 18.3333C5.39685 18.3333 1.66602 14.6025 1.66602 9.99996C1.66602 5.39746 5.39685 1.66663 9.99935 1.66663C14.6018 1.66663 18.3327 5.39746 18.3327 9.99996C18.3327 14.6025 14.6018 18.3333 9.99935 18.3333Z" }));
|
|
3488
|
-
React.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3489
|
-
React.createElement("path", { d: "M6.707 6L8.1215 4.586C8.21532 4.49218 8.26803 4.36493 8.26803 4.23225C8.26803 4.09957 8.21532 3.97232 8.1215 3.8785C8.02768 3.78468 7.90043 3.73197 7.76775 3.73197C7.63507 3.73197 7.50782 3.78468 7.414 3.8785L6 5.293L4.586 3.8785C4.49218 3.78468 4.36493 3.73197 4.23225 3.73197C4.09957 3.73197 3.97232 3.78468 3.8785 3.8785C3.78468 3.97232 3.73197 4.09957 3.73197 4.23225C3.73197 4.36493 3.78468 4.49218 3.8785 4.586L5.293 6L3.8785 7.414C3.78468 7.50782 3.73197 7.63507 3.73197 7.76775C3.73197 7.90043 3.78468 8.02768 3.8785 8.1215C3.97232 8.21532 4.09957 8.26803 4.23225 8.26803C4.36493 8.26803 4.49218 8.21532 4.586 8.1215L6 6.707L7.414 8.1215C7.50782 8.21532 7.63507 8.26803 7.76775 8.26803C7.90043 8.26803 8.02768 8.21532 8.1215 8.1215C8.21532 8.02768 8.26803 7.90043 8.26803 7.76775C8.26803 7.63507 8.21532 7.50782 8.1215 7.414L6.707 6ZM6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11Z", fill: "white" }));
|
|
3490
3499
|
return (React.createElement("div", { className: "taglabel flex items-center rounded-full ".concat(padding, " ").concat(bg, " rounded-full w-fit h-fit") },
|
|
3491
3500
|
left,
|
|
3492
3501
|
text && React.createElement("span", __assign({ className: "text ".concat(fontPadding, " font-['Segoe UI'] line-clamp-1 break-word ").concat(fontSize, " ").concat(fontColor) }, rest), text),
|
|
3493
|
-
variant === "closable" && closeHandler && React.createElement("button", { type: "button", onClick: function () { return closeHandler(); } }, closeButton),
|
|
3502
|
+
variant === "closable" && closeHandler && React.createElement("button", { type: "button", className: svgSize, onClick: function () { return closeHandler(); } }, closeButton),
|
|
3494
3503
|
right));
|
|
3495
3504
|
};
|
|
3496
3505
|
|
package/dist/esm/lib.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*
|
|
2
2
|
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
|
|
3
|
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-4{width:1rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[3px\]{padding:3px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.py-\[3px\]{padding-bottom:3px;padding-top:3px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[13px\]{line-height:13px}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}
|
|
3
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-\[10px\]{right:10px}.right-\[7px\]{right:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.m-\[2px\]{margin:2px}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.ml-2{margin-left:.5rem}.mt-\[1px\]{margin-top:1px}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[16px\]{height:16px}.h-\[22px\]{height:22px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-\[1140px\]{width:1140px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[300px\]{width:300px}.w-\[42px\]{width:42px}.w-\[540px\]{width:540px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.table-auto{table-layout:auto}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-\[0\.63rem\]{gap:.63rem}.gap-\[5px\]{gap:5px}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[0\.19rem\]{border-radius:.19rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[\#cbd0e0\]{--tw-border-opacity:1;border-color:rgb(203 208 224/var(--tw-border-opacity))}.border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.border-bia-darkgray{--tw-border-opacity:1;border-color:rgb(139 139 166/var(--tw-border-opacity))}.border-bia-gray{--tw-border-opacity:1;border-color:rgb(218 222 235/var(--tw-border-opacity))}.border-bia-gray-active{--tw-border-opacity:1;border-color:rgb(196 200 211/var(--tw-border-opacity))}.border-bia-gray-disabled{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.border-bia-green{--tw-border-opacity:1;border-color:rgb(33 186 69/var(--tw-border-opacity))}.border-bia-orange{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-bia-red{--tw-border-opacity:1;border-color:rgb(219 40 40/var(--tw-border-opacity))}.border-bia-teal{--tw-border-opacity:1;border-color:rgb(0 181 173/var(--tw-border-opacity))}.border-bia-yellow{--tw-border-opacity:1;border-color:rgb(255 123 0/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-primary-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.bg-bia-blue-active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.bg-bia-blue-disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.bg-bia-blue-pastel{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.bg-bia-darkgray{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-bia-darkgray-active{--tw-bg-opacity:1;background-color:rgb(126 126 149/var(--tw-bg-opacity))}.bg-bia-darkgray-disabled{--tw-bg-opacity:1;background-color:rgb(197 197 211/var(--tw-bg-opacity))}.bg-bia-darkgray-hover{--tw-bg-opacity:1;background-color:rgb(152 152 175/var(--tw-bg-opacity))}.bg-bia-darkgray-pastel{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.bg-bia-gray{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-bia-gray-active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.bg-bia-gray-disabled{--tw-bg-opacity:1;background-color:rgb(237 239 245/var(--tw-bg-opacity))}.bg-bia-gray-hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.bg-bia-gray-pastel{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity))}.bg-bia-green{--tw-bg-opacity:1;background-color:rgb(33 186 69/var(--tw-bg-opacity))}.bg-bia-green-active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.bg-bia-green-disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.bg-bia-green-hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.bg-bia-green-pastel{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.bg-bia-marquetteblue{--tw-bg-opacity:1;background-color:rgb(101 90 175/var(--tw-bg-opacity))}.bg-bia-marquetteblue-active{--tw-bg-opacity:1;background-color:rgb(91 81 157/var(--tw-bg-opacity))}.bg-bia-marquetteblue-disabled{--tw-bg-opacity:1;background-color:rgb(178 172 215/var(--tw-bg-opacity))}.bg-bia-marquetteblue-hover{--tw-bg-opacity:1;background-color:rgb(116 106 183/var(--tw-bg-opacity))}.bg-bia-marquetteblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 237 247/var(--tw-bg-opacity))}.bg-bia-olympicblue{--tw-bg-opacity:1;background-color:rgb(84 138 231/var(--tw-bg-opacity))}.bg-bia-olympicblue-active{--tw-bg-opacity:1;background-color:rgb(76 124 208/var(--tw-bg-opacity))}.bg-bia-olympicblue-disabled{--tw-bg-opacity:1;background-color:rgb(169 196 243/var(--tw-bg-opacity))}.bg-bia-olympicblue-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-olympicblue-pastel{--tw-bg-opacity:1;background-color:rgb(238 243 253/var(--tw-bg-opacity))}.bg-bia-orange{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-orange-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-orange-disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.bg-bia-orange-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-orange-pastel{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.bg-bia-purple{--tw-bg-opacity:1;background-color:rgb(168 79 232/var(--tw-bg-opacity))}.bg-bia-purple-active{--tw-bg-opacity:1;background-color:rgb(151 71 209/var(--tw-bg-opacity))}.bg-bia-purple-disabled{--tw-bg-opacity:1;background-color:rgb(211 167 244/var(--tw-bg-opacity))}.bg-bia-purple-hover{--tw-bg-opacity:1;background-color:rgb(177 97 234/var(--tw-bg-opacity))}.bg-bia-purple-pastel{--tw-bg-opacity:1;background-color:rgb(246 237 253/var(--tw-bg-opacity))}.bg-bia-red{--tw-bg-opacity:1;background-color:rgb(219 40 40/var(--tw-bg-opacity))}.bg-bia-red-active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.bg-bia-red-disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.bg-bia-red-hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.bg-bia-red-pastel{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.bg-bia-sky{--tw-bg-opacity:1;background-color:rgb(84 160 249/var(--tw-bg-opacity))}.bg-bia-sky-active{--tw-bg-opacity:1;background-color:rgb(55 145 229/var(--tw-bg-opacity))}.bg-bia-sky-disabled{--tw-bg-opacity:1;background-color:rgb(158 208 255/var(--tw-bg-opacity))}.bg-bia-sky-hover{--tw-bg-opacity:1;background-color:rgb(101 150 233/var(--tw-bg-opacity))}.bg-bia-sky-pastel{--tw-bg-opacity:1;background-color:rgb(236 246 255/var(--tw-bg-opacity))}.bg-bia-teal{--tw-bg-opacity:1;background-color:rgb(0 181 173/var(--tw-bg-opacity))}.bg-bia-teal-active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.bg-bia-teal-disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.bg-bia-teal-hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.bg-bia-teal-pastel{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.bg-bia-verdantgreen{--tw-bg-opacity:1;background-color:rgb(85 207 69/var(--tw-bg-opacity))}.bg-bia-verdantgreen-active{--tw-bg-opacity:1;background-color:rgb(76 186 62/var(--tw-bg-opacity))}.bg-bia-verdantgreen-disabled{--tw-bg-opacity:1;background-color:rgb(170 231 162/var(--tw-bg-opacity))}.bg-bia-verdantgreen-hover{--tw-bg-opacity:1;background-color:rgb(102 212 88/var(--tw-bg-opacity))}.bg-bia-verdantgreen-pastel{--tw-bg-opacity:1;background-color:rgb(238 250 236/var(--tw-bg-opacity))}.bg-bia-yellow{--tw-bg-opacity:1;background-color:rgb(255 123 0/var(--tw-bg-opacity))}.bg-bia-yellow-active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.bg-bia-yellow-disabled{--tw-bg-opacity:1;background-color:rgb(251 216 128/var(--tw-bg-opacity))}.bg-bia-yellow-hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.bg-bia-yellow-pastel{--tw-bg-opacity:1;background-color:rgb(254 247 229/var(--tw-bg-opacity))}.bg-primary-black{--tw-bg-opacity:1;background-color:rgb(47 47 47/var(--tw-bg-opacity))}.bg-primary-cool{--tw-bg-opacity:1;background-color:rgb(139 139 166/var(--tw-bg-opacity))}.bg-primary-warm{--tw-bg-opacity:1;background-color:rgb(218 222 235/var(--tw-bg-opacity))}.bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity:0.25}.fill-bia-blue-disabled{fill:#aeaef5}.fill-bia-gray{fill:#dadeeb}.fill-bia-gray-active{fill:#c4c8d3}.fill-bia-green-disabled{fill:#90dca2}.fill-bia-red-disabled{fill:#ed9393}.fill-bia-teal-disabled{fill:#80dad6}.fill-bia-yellow-disabled{fill:#fbd880}.fill-primary-cool{fill:#8b8ba6}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[11px\]{padding:11px}.p-\[13px\]{padding:13px}.p-\[2\.5px\]{padding:2.5px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[7px\]{padding:7px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.pb-2{padding-bottom:.5rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\.5px\]{padding-bottom:5.5px}.pe-8{padding-inline-end:2rem}.pl-3{padding-left:.75rem}.pt-\[6\.5px\]{padding-top:6.5px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.font-\[\'Arial\'\]{font-family:Arial}.font-\[\'Consolas\'\]{font-family:Consolas}.font-humnst777{font-family:Humnst777,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[22px\]{font-size:22px}.text-\[9rem\]{font-size:9rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-\[0\.875rem\]{line-height:.875rem}.leading-\[150\%\]{line-height:150%}.leading-\[21px\]{line-height:21px}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-bia-blue{--tw-text-opacity:1;color:rgb(93 93 234/var(--tw-text-opacity))}.text-bia-blue-active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.text-bia-blue-disabled{--tw-text-opacity:1;color:rgb(174 174 245/var(--tw-text-opacity))}.text-bia-blue-hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.text-bia-blue-pastel{--tw-text-opacity:1;color:rgb(239 239 253/var(--tw-text-opacity))}.text-bia-darkgray{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-bia-green{--tw-text-opacity:1;color:rgb(33 186 69/var(--tw-text-opacity))}.text-bia-orange{--tw-text-opacity:1;color:rgb(255 123 0/var(--tw-text-opacity))}.text-bia-red{--tw-text-opacity:1;color:rgb(219 40 40/var(--tw-text-opacity))}.text-bia-red-active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.text-bia-red-disabled{--tw-text-opacity:1;color:rgb(237 147 147/var(--tw-text-opacity))}.text-bia-red-hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.text-bia-red-pastel{--tw-text-opacity:1;color:rgb(251 233 233/var(--tw-text-opacity))}.text-bia-teal{--tw-text-opacity:1;color:rgb(0 181 173/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-primary-black{--tw-text-opacity:1;color:rgb(47 47 47/var(--tw-text-opacity))}.text-primary-cool{--tw-text-opacity:1;color:rgb(139 139 166/var(--tw-text-opacity))}.text-primary-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_1px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 6px 18px 1px rgba(0,0,0,.5);--tw-shadow-colored:0 6px 18px 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bia-blue-disabled{--tw-shadow-color:#aeaef5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-gray-disabled{--tw-shadow-color:#edeff5;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-green-disabled{--tw-shadow-color:#90dca2;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-orange-disabled{--tw-shadow-color:#ffbd80;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-red-disabled{--tw-shadow-color:#ed9393;--tw-shadow:var(--tw-shadow-colored)}.shadow-bia-teal-disabled{--tw-shadow-color:#80dad6;--tw-shadow:var(--tw-shadow-colored)}.outline-2{outline-width:2px}.outline-bia-blue{outline-color:#5d5dea}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Humnst777;src:url(https://res.cloudinary.com/dudxirl1c/raw/upload/v1699259772/w7srqk016qudhpzn2h6v.ttf)}.odd\:bg-primary-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.even\:bg-\[\#f4f6f8\]:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(244 246 248/var(--tw-bg-opacity))}.checked\:border-bia-blue:checked{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.checked\:bg-bia-blue:checked{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.read-only\:pointer-events-none:-moz-read-only{pointer-events:none}.read-only\:pointer-events-none:read-only{pointer-events:none}.read-only\:border-bia-gray-disabled:-moz-read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.read-only\:border-bia-gray-disabled:read-only{--tw-border-opacity:1;border-color:rgb(237 239 245/var(--tw-border-opacity))}.focus-within\:absolute:focus-within{position:absolute}.focus-within\:left-0:focus-within{left:0}.focus-within\:top-0:focus-within{top:0}.focus-within\:overflow-visible:focus-within{overflow:visible}.hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.hover\:border-bia-green-hover:hover{--tw-border-opacity:1;border-color:rgb(55 193 88/var(--tw-border-opacity))}.hover\:border-bia-orange-hover:hover{--tw-border-opacity:1;border-color:rgb(255 136 25/var(--tw-border-opacity))}.hover\:border-bia-red-hover:hover{--tw-border-opacity:1;border-color:rgb(223 62 62/var(--tw-border-opacity))}.hover\:border-bia-teal-hover:hover{--tw-border-opacity:1;border-color:rgb(25 188 181/var(--tw-border-opacity))}.hover\:bg-bia-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.hover\:bg-bia-blue-pastel:hover{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.hover\:bg-bia-darkgray-pastel:hover{--tw-bg-opacity:1;background-color:rgb(243 243 246/var(--tw-bg-opacity))}.hover\:bg-bia-gray-hover:hover{--tw-bg-opacity:1;background-color:rgb(222 225 237/var(--tw-bg-opacity))}.hover\:bg-bia-green-hover:hover{--tw-bg-opacity:1;background-color:rgb(55 193 88/var(--tw-bg-opacity))}.hover\:bg-bia-orange-hover:hover{--tw-bg-opacity:1;background-color:rgb(255 136 25/var(--tw-bg-opacity))}.hover\:bg-bia-red-hover:hover{--tw-bg-opacity:1;background-color:rgb(223 62 62/var(--tw-bg-opacity))}.hover\:bg-bia-teal-hover:hover{--tw-bg-opacity:1;background-color:rgb(25 188 181/var(--tw-bg-opacity))}.hover\:text-bia-blue-hover:hover{--tw-text-opacity:1;color:rgb(109 109 236/var(--tw-text-opacity))}.hover\:text-bia-green-hover:hover{--tw-text-opacity:1;color:rgb(55 193 88/var(--tw-text-opacity))}.hover\:text-bia-orange-hover:hover{--tw-text-opacity:1;color:rgb(255 136 25/var(--tw-text-opacity))}.hover\:text-bia-red-hover:hover{--tw-text-opacity:1;color:rgb(223 62 62/var(--tw-text-opacity))}.hover\:text-bia-teal-hover:hover{--tw-text-opacity:1;color:rgb(25 188 181/var(--tw-text-opacity))}.checked\:hover\:bg-bia-blue-hover:hover:checked{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-bia-blue:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(93 93 234/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-bia-blue-active:active{--tw-border-opacity:1;border-color:rgb(84 84 211/var(--tw-border-opacity))}.active\:border-bia-green-active:active{--tw-border-opacity:1;border-color:rgb(30 167 62/var(--tw-border-opacity))}.active\:border-bia-orange-active:active{--tw-border-opacity:1;border-color:rgb(229 111 0/var(--tw-border-opacity))}.active\:border-bia-red-active:active{--tw-border-opacity:1;border-color:rgb(197 36 36/var(--tw-border-opacity))}.active\:border-bia-teal-active:active{--tw-border-opacity:1;border-color:rgb(0 163 156/var(--tw-border-opacity))}.active\:bg-bia-blue-active:active{--tw-bg-opacity:1;background-color:rgb(84 84 211/var(--tw-bg-opacity))}.active\:bg-bia-blue-pastel:active{--tw-bg-opacity:1;background-color:rgb(239 239 253/var(--tw-bg-opacity))}.active\:bg-bia-gray-active:active{--tw-bg-opacity:1;background-color:rgb(196 200 211/var(--tw-bg-opacity))}.active\:bg-bia-green-active:active{--tw-bg-opacity:1;background-color:rgb(30 167 62/var(--tw-bg-opacity))}.active\:bg-bia-green-pastel:active{--tw-bg-opacity:1;background-color:rgb(233 248 236/var(--tw-bg-opacity))}.active\:bg-bia-orange-active:active{--tw-bg-opacity:1;background-color:rgb(229 111 0/var(--tw-bg-opacity))}.active\:bg-bia-orange-pastel:active{--tw-bg-opacity:1;background-color:rgb(255 242 229/var(--tw-bg-opacity))}.active\:bg-bia-red-active:active{--tw-bg-opacity:1;background-color:rgb(197 36 36/var(--tw-bg-opacity))}.active\:bg-bia-red-pastel:active{--tw-bg-opacity:1;background-color:rgb(251 233 233/var(--tw-bg-opacity))}.active\:bg-bia-teal-active:active{--tw-bg-opacity:1;background-color:rgb(0 163 156/var(--tw-bg-opacity))}.active\:bg-bia-teal-pastel:active{--tw-bg-opacity:1;background-color:rgb(229 248 247/var(--tw-bg-opacity))}.active\:text-bia-blue-active:active{--tw-text-opacity:1;color:rgb(84 84 211/var(--tw-text-opacity))}.active\:text-bia-green-active:active{--tw-text-opacity:1;color:rgb(30 167 62/var(--tw-text-opacity))}.active\:text-bia-orange-active:active{--tw-text-opacity:1;color:rgb(229 111 0/var(--tw-text-opacity))}.active\:text-bia-red-active:active{--tw-text-opacity:1;color:rgb(197 36 36/var(--tw-text-opacity))}.active\:text-bia-teal-active:active{--tw-text-opacity:1;color:rgb(0 163 156/var(--tw-text-opacity))}.enabled\:hover\:rounded-b-none:hover:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:hover\:border-b-bia-blue:hover:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.enabled\:focus\:rounded-b-none:focus:enabled{border-bottom-left-radius:0;border-bottom-right-radius:0}.enabled\:focus\:border-b-bia-blue:focus:enabled{--tw-border-opacity:1;border-bottom-color:rgb(93 93 234/var(--tw-border-opacity))}.disabled\:bg-\[\#ebecf0\]:disabled{--tw-bg-opacity:1;background-color:rgb(235 236 240/var(--tw-bg-opacity))}.disabled\:bg-bia-blue-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(174 174 245/var(--tw-bg-opacity))}.disabled\:bg-bia-green-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(144 220 162/var(--tw-bg-opacity))}.disabled\:bg-bia-orange-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(255 189 128/var(--tw-bg-opacity))}.disabled\:bg-bia-red-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(237 147 147/var(--tw-bg-opacity))}.disabled\:bg-bia-teal-disabled:disabled{--tw-bg-opacity:1;background-color:rgb(128 218 214/var(--tw-bg-opacity))}.disabled\:text-bia-gray-active:disabled{--tw-text-opacity:1;color:rgb(196 200 211/var(--tw-text-opacity))}.peer:checked~.peer-checked\:border-bia-blue{--tw-border-opacity:1;border-color:rgb(93 93 234/var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-bia-blue{--tw-bg-opacity:1;background-color:rgb(93 93 234/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:border-bia-blue-hover:hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:checked~.peer-checked\:hover\:bg-primary-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:hover\:outline-bia-blue-hover:hover{outline-color:#6d6dec}.peer:checked~.group .peer-checked\:group-\[\]\:fill-primary-white{fill:#fff}.peer:hover~.peer-hover\:border-bia-blue-hover{--tw-border-opacity:1;border-color:rgb(109 109 236/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:hover~.group .peer-hover\:group-\[\]\:fill-bia-blue-hover{fill:#6d6dec}.peer:checked:hover~.peer-checked\:peer-hover\:bg-bia-blue-hover{--tw-bg-opacity:1;background-color:rgb(109 109 236/var(--tw-bg-opacity))}.peer:checked:hover~.peer-checked\:peer-hover\:bg-primary-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.peer:checked:hover~.group .peer-checked\:peer-hover\:group-\[\]\:fill-primary-white{fill:#fff}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
2
|
export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
3
|
-
label?:
|
|
3
|
+
label?: any;
|
|
4
4
|
variant?: string;
|
|
5
5
|
size?: string;
|
|
6
|
-
|
|
6
|
+
radius?: string;
|
|
7
7
|
left?: any;
|
|
8
8
|
right?: any;
|
|
9
9
|
}
|
|
10
|
-
declare const Button: ({ label, variant, size,
|
|
10
|
+
declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
|
|
11
11
|
export default Button;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
|
|
3
3
|
interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
4
|
-
label?:
|
|
4
|
+
label?: any;
|
|
5
5
|
variant?: string;
|
|
6
6
|
size?: string;
|
|
7
|
-
|
|
7
|
+
radius?: string;
|
|
8
8
|
left?: any;
|
|
9
9
|
right?: any;
|
|
10
10
|
}
|
|
11
|
-
declare const Button: ({ label, variant, size,
|
|
11
|
+
declare const Button: ({ label, variant, size, radius, left, right, ...rest }: ButtonProps) => React.JSX.Element;
|
|
12
12
|
|
|
13
13
|
declare const Dump: () => React.JSX.Element;
|
|
14
14
|
|
package/package.json
CHANGED