@sikka/hawa 0.0.145 → 0.0.147
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 +195 -72
- package/es/blocks/Misc/EmptyState.d.ts +3 -1
- package/es/blocks/Misc/NotFound.d.ts +3 -1
- package/es/index.es.js +1 -1
- package/es/layout/HawaContainer.d.ts +1 -1
- package/es/util.d.ts +8 -4
- package/lib/blocks/Misc/EmptyState.d.ts +3 -1
- package/lib/blocks/Misc/NotFound.d.ts +3 -1
- package/lib/index.js +1 -1
- package/lib/layout/HawaContainer.d.ts +1 -1
- package/lib/util.d.ts +8 -4
- package/package.json +3 -2
- package/src/blocks/Misc/EmptyState.tsx +13 -11
- package/src/blocks/Misc/NotFound.tsx +11 -16
- package/src/blocks/Payment/SelectPayment.tsx +0 -1
- package/src/elements/DraggableCard.tsx +1 -1
- package/src/elements/HawaButton.tsx +6 -5
- package/src/elements/HawaLogoButton.tsx +1 -1
- package/src/elements/HawaMenu.tsx +1 -1
- package/src/layout/HawaAppLayout.tsx +139 -95
- package/src/layout/HawaContainer.tsx +6 -4
- package/src/styles.css +195 -72
- package/src/tailwind.css +0 -14
- package/src/util.ts +142 -29
- package/storybook-static/{767.232e4e4c88bb0a2ed02d.manager.bundle.js → 767.8e4ffb17eae12c283b3b.manager.bundle.js} +2 -2
- package/storybook-static/{767.232e4e4c88bb0a2ed02d.manager.bundle.js.LICENSE.txt → 767.8e4ffb17eae12c283b3b.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/870.c002064e.iframe.bundle.js +2 -0
- package/storybook-static/{870.32eb3abe.iframe.bundle.js.LICENSE.txt → 870.c002064e.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.html +1 -1
- package/storybook-static/main.780d09cf.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/tailwind.config.js +62 -0
- package/storybook-static/870.32eb3abe.iframe.bundle.js +0 -2
- package/storybook-static/main.caad440f.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1674082075782,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.15"},"@storybook/addons":{"version":"6.5.15"},"@storybook/builder-webpack5":{"version":"6.5.15"},"@storybook/manager-webpack5":{"version":"6.5.15"},"@storybook/react":{"version":"6.5.15"},"@storybook/storybook-deployer":{"version":"2.8.16"},"@storybook/theming":{"version":"6.5.15"}},"framework":{"name":"react"},"addons":{"storybook-tailwind-dark-mode":{"version":null},"@storybook/addon-links":{"version":"6.5.15"},"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-essentials":{"version":"6.5.15"},"@storybook/addon-postcss":{"options":{"cssLoaderOptions":{"importLoaders":1},"postcssLoaderOptions":{}},"version":"2.0.0"}}}
|
package/tailwind.config.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
/** @type {import('tailwindcss').Config} */
|
|
2
|
+
// const Color = require("color");
|
|
3
|
+
|
|
4
|
+
// const themeColors = {
|
|
5
|
+
// buttonPrimar
|
|
6
|
+
// }
|
|
7
|
+
// const alpha = (clr, val) => Color(clr).alpha(val).rgb().string();
|
|
8
|
+
// const lighten = (clr, val) => Color(clr).lighten(val).rgb().string();
|
|
9
|
+
// const darken = (clr, val) => Color(clr).darken(val).rgb().string();
|
|
10
|
+
const BUTTON_PRIMARY = "#C62E65";
|
|
11
|
+
const LAYOUT_PRIMARY = "#EEF7FC";
|
|
12
|
+
|
|
2
13
|
module.exports = {
|
|
3
14
|
content: ["./src/**/*.{js,ts,jsx,tsx}"],
|
|
4
15
|
darkMode: "class",
|
|
@@ -6,7 +17,15 @@ module.exports = {
|
|
|
6
17
|
fontFamily: {
|
|
7
18
|
plex: ["IBM Plex Sans Arabic"]
|
|
8
19
|
},
|
|
20
|
+
// colors: {
|
|
21
|
+
// buttonPrimary: "--button-primary",
|
|
22
|
+
// buttonSecondary: "rgb(var(--button-secondary) / <alpha-value>)"
|
|
23
|
+
// },
|
|
24
|
+
|
|
9
25
|
extend: {
|
|
26
|
+
boxShadow: {
|
|
27
|
+
neobrutalism: "10px 10px 0px 0px rgba(0,0,0,1);"
|
|
28
|
+
},
|
|
10
29
|
screens: {
|
|
11
30
|
xs: "440px"
|
|
12
31
|
},
|
|
@@ -56,6 +75,34 @@ module.exports = {
|
|
|
56
75
|
expandUp: "expandUp 100ms ease-in-out"
|
|
57
76
|
},
|
|
58
77
|
colors: {
|
|
78
|
+
buttonPrimary: {
|
|
79
|
+
lighter: "#edebfd",
|
|
80
|
+
default: "#4c37eb",
|
|
81
|
+
darker: "#3929b0",
|
|
82
|
+
1000: "#C4DEFD"
|
|
83
|
+
|
|
84
|
+
// #f6f5fe
|
|
85
|
+
// #edebfd lighter
|
|
86
|
+
// #d2cdfa
|
|
87
|
+
// #b7aff7
|
|
88
|
+
// #8273f1
|
|
89
|
+
// #4c37eb default
|
|
90
|
+
// #4432d4
|
|
91
|
+
// #3929b0 700 (darker)
|
|
92
|
+
// #2e218d
|
|
93
|
+
// #251b73
|
|
94
|
+
},
|
|
95
|
+
layoutPrimary: {
|
|
96
|
+
default: "#d2cdfa",
|
|
97
|
+
darker: "#b7aff7",
|
|
98
|
+
dark: "#251b73",
|
|
99
|
+
1000: "#C4DEFD"
|
|
100
|
+
},
|
|
101
|
+
inputPrimary: {
|
|
102
|
+
default: "#EEF7FC",
|
|
103
|
+
1000: "#C4DEFD"
|
|
104
|
+
},
|
|
105
|
+
|
|
59
106
|
primary: {
|
|
60
107
|
default: "#1279F8",
|
|
61
108
|
200: "#C4DEFD",
|
|
@@ -67,6 +114,21 @@ module.exports = {
|
|
|
67
114
|
800: "#054A9E",
|
|
68
115
|
900: "#043777"
|
|
69
116
|
},
|
|
117
|
+
layout: {
|
|
118
|
+
default: "#9ECDEE",
|
|
119
|
+
100: "#4896DA",
|
|
120
|
+
200: "#58A4E0",
|
|
121
|
+
300: "#65ACE4",
|
|
122
|
+
400: "#74B4E6",
|
|
123
|
+
500: "#81BCE8",
|
|
124
|
+
600: "#90C3EB",
|
|
125
|
+
700: "#9ECDEE",
|
|
126
|
+
800: "#AFD6F1",
|
|
127
|
+
900: "#BEDEF3",
|
|
128
|
+
1000: "#CFE6F6",
|
|
129
|
+
1100: "#DFEDFA",
|
|
130
|
+
1200: "#EEF7FC"
|
|
131
|
+
},
|
|
70
132
|
secondary: {
|
|
71
133
|
default: "#A3D039",
|
|
72
134
|
200: "#E0EFBD",
|