@sikka/hawa 0.0.222 → 0.0.224
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/styles.css +3 -0
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +3 -3
- package/rollup.config.js +1 -1
- package/src/blocks/Pricing/PricingPlans.tsx +2 -1
- package/src/elements/HawaSnackbar.tsx +2 -2
- package/src/elements/HawaTable.tsx +6 -6
- package/src/styles.css +3 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikka/hawa",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.224",
|
|
4
4
|
"description": "SaaS Oriented UI Kit",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.es.js",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"@storybook/theming": "^6.5.8",
|
|
51
51
|
"@types/react": "^18.0.25",
|
|
52
52
|
"@types/react-dom": "^18.0.9",
|
|
53
|
-
"@swc/core": "^1.3.53",
|
|
54
53
|
"babel-loader": "^8.2.2",
|
|
54
|
+
"@swc/core": "^1.3.53",
|
|
55
55
|
"clsx": "^1.2.1",
|
|
56
56
|
"color": "^4.2.3",
|
|
57
57
|
"crypto-js": "^4.1.1",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"rollup-plugin-cleaner": "^1.0.0",
|
|
78
78
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
79
79
|
"rollup-plugin-postcss": "^4.0.0",
|
|
80
|
-
"rollup-plugin-
|
|
80
|
+
"rollup-plugin-swc": "^0.2.1",
|
|
81
81
|
"rollup-plugin-terser": "^7.0.2",
|
|
82
82
|
"tailwindcss": "^3.2.1",
|
|
83
83
|
"tinycolor2": "^1.4.2",
|
package/rollup.config.js
CHANGED
|
@@ -5,7 +5,7 @@ import external from "rollup-plugin-peer-deps-external";
|
|
|
5
5
|
import { terser } from "rollup-plugin-terser";
|
|
6
6
|
import postcss from "rollup-plugin-postcss";
|
|
7
7
|
import typescript from "rollup-plugin-typescript2";
|
|
8
|
-
import
|
|
8
|
+
import swc from "rollup-plugin-swc";
|
|
9
9
|
import cleaner from "rollup-plugin-cleaner";
|
|
10
10
|
|
|
11
11
|
export default [
|
|
@@ -66,9 +66,10 @@ export const PricingPlans: React.FunctionComponent<PricingPlansTypes> = (
|
|
|
66
66
|
</div>
|
|
67
67
|
|
|
68
68
|
<div className="flex flex-row justify-between">
|
|
69
|
-
{props.plans.map((plan: any) => {
|
|
69
|
+
{props.plans.map((plan: any, index) => {
|
|
70
70
|
return (
|
|
71
71
|
<HawaPricingCard
|
|
72
|
+
key={index}
|
|
72
73
|
onPlanClicked={() => props.onPlanClicked(plan)}
|
|
73
74
|
{...plan}
|
|
74
75
|
texts={{
|
|
@@ -85,7 +85,7 @@ export const HawaSnackbar: FC<THawaSnackBar> = ({
|
|
|
85
85
|
closed ? "opacity-0" : "opacity-100"
|
|
86
86
|
)}
|
|
87
87
|
>
|
|
88
|
-
<div className="p-3">
|
|
88
|
+
<div className="p-3 w-full">
|
|
89
89
|
<div className="text-sm font-bold">{title}</div>
|
|
90
90
|
<div className="text-sm font-normal">{description}</div>
|
|
91
91
|
{actions && (
|
|
@@ -105,7 +105,7 @@ export const HawaSnackbar: FC<THawaSnackBar> = ({
|
|
|
105
105
|
</div>
|
|
106
106
|
<button
|
|
107
107
|
type="button"
|
|
108
|
-
className="inline-flex h-8 w-8 rounded p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white"
|
|
108
|
+
className="inline-flex h-8 w-8 rounded p-1.5 right-0 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white"
|
|
109
109
|
data-dismiss-target="#toast-default"
|
|
110
110
|
aria-label="Close"
|
|
111
111
|
onClick={() => setClosed(true)}
|
|
@@ -77,8 +77,8 @@ export const HawaTable: React.FunctionComponent<TableTypes> = ({
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
return (
|
|
80
|
-
<div className="relative flex flex-col gap-2
|
|
81
|
-
<div className="rounded
|
|
80
|
+
<div className="relative flex flex-col gap-2 ">
|
|
81
|
+
<div className="overflow-x-auto rounded bg-gray-200">
|
|
82
82
|
{props.headerTools && (
|
|
83
83
|
<div className="flex flex-row items-center justify-between gap-2 px-4 py-2">
|
|
84
84
|
{/* <div className="w-1/2">
|
|
@@ -101,7 +101,7 @@ export const HawaTable: React.FunctionComponent<TableTypes> = ({
|
|
|
101
101
|
<table
|
|
102
102
|
className={clsx(
|
|
103
103
|
borders === "outer" || borders === "all"
|
|
104
|
-
? `outline outline-
|
|
104
|
+
? `outline outline-[${bordersWidth}px] -outline-offset-1 outline-gray-300`
|
|
105
105
|
: "",
|
|
106
106
|
"w-full rounded bg-gray-300 text-left text-sm text-gray-500 dark:text-gray-400"
|
|
107
107
|
)}
|
|
@@ -191,9 +191,9 @@ export const HawaTable: React.FunctionComponent<TableTypes> = ({
|
|
|
191
191
|
isRTLFirstCell
|
|
192
192
|
? "rounded-bl-none rounded-br"
|
|
193
193
|
: isRTLLastCell
|
|
194
|
-
? "rounded-br-none
|
|
194
|
+
? "rounded-bl rounded-br-none"
|
|
195
195
|
: isLTRFirstCell
|
|
196
|
-
? "rounded-br-none
|
|
196
|
+
? "rounded-bl rounded-br-none"
|
|
197
197
|
: isLTRLastCell
|
|
198
198
|
? "rounded-bl-none rounded-br"
|
|
199
199
|
: "",
|
|
@@ -223,7 +223,7 @@ export const HawaTable: React.FunctionComponent<TableTypes> = ({
|
|
|
223
223
|
<td
|
|
224
224
|
align={isRTL ? "right" : "left"}
|
|
225
225
|
className={clsx(
|
|
226
|
-
isRTL && lastRow ? "rounded-br-none
|
|
226
|
+
isRTL && lastRow ? "rounded-bl rounded-br-none" : "",
|
|
227
227
|
!isRTL && lastRow ? "rounded-bl-none rounded-br" : ""
|
|
228
228
|
// "w-fit bg-red-400"
|
|
229
229
|
)}
|