@sikka/hawa 0.0.144 → 0.0.146

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.
Files changed (42) hide show
  1. package/dist/styles.css +86 -58
  2. package/es/blocks/Misc/EmptyState.d.ts +3 -1
  3. package/es/blocks/Misc/NotFound.d.ts +3 -1
  4. package/es/index.es.js +1 -1
  5. package/es/layout/HawaAppLayout.d.ts +1 -1
  6. package/es/layout/HawaContainer.d.ts +1 -1
  7. package/es/util.d.ts +8 -4
  8. package/lib/blocks/Misc/EmptyState.d.ts +3 -1
  9. package/lib/blocks/Misc/NotFound.d.ts +3 -1
  10. package/lib/index.js +1 -1
  11. package/lib/layout/HawaAppLayout.d.ts +1 -1
  12. package/lib/layout/HawaContainer.d.ts +1 -1
  13. package/lib/util.d.ts +8 -4
  14. package/package.json +3 -2
  15. package/src/blocks/Misc/EmptyState.tsx +13 -11
  16. package/src/blocks/Misc/NotFound.tsx +11 -16
  17. package/src/blocks/Payment/SelectPayment.tsx +0 -1
  18. package/src/elements/DraggableCard.tsx +1 -1
  19. package/src/elements/HawaButton.tsx +6 -5
  20. package/src/elements/HawaLogoButton.tsx +1 -1
  21. package/src/elements/HawaMenu.tsx +5 -2
  22. package/src/elements/HawaPanelTabs.tsx +2 -2
  23. package/src/elements/HawaPricingCard.tsx +2 -2
  24. package/src/elements/HawaRadio.tsx +2 -2
  25. package/src/elements/HawaTabs.tsx +2 -2
  26. package/src/layout/HawaAppLayout.tsx +148 -89
  27. package/src/layout/HawaContainer.tsx +6 -4
  28. package/src/layout/HawaSiteLayout.tsx +4 -4
  29. package/src/styles.css +86 -58
  30. package/src/tailwind.css +4 -0
  31. package/src/util.ts +142 -29
  32. package/storybook-static/{767.232e4e4c88bb0a2ed02d.manager.bundle.js → 767.8e4ffb17eae12c283b3b.manager.bundle.js} +2 -2
  33. package/storybook-static/{767.232e4e4c88bb0a2ed02d.manager.bundle.js.LICENSE.txt → 767.8e4ffb17eae12c283b3b.manager.bundle.js.LICENSE.txt} +0 -0
  34. package/storybook-static/870.c002064e.iframe.bundle.js +2 -0
  35. package/storybook-static/{870.32eb3abe.iframe.bundle.js.LICENSE.txt → 870.c002064e.iframe.bundle.js.LICENSE.txt} +0 -0
  36. package/storybook-static/iframe.html +1 -1
  37. package/storybook-static/index.html +1 -1
  38. package/storybook-static/main.8977634c.iframe.bundle.js +1 -0
  39. package/storybook-static/project.json +1 -1
  40. package/tailwind.config.js +63 -0
  41. package/storybook-static/870.32eb3abe.iframe.bundle.js +0 -2
  42. package/storybook-static/main.f25e7d6a.iframe.bundle.js +0 -1
package/storybook-static/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1673577641402,"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/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"}}}
1
+ {"generatedAt":1674075556952,"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,35 @@ module.exports = {
56
75
  expandUp: "expandUp 100ms ease-in-out"
57
76
  },
58
77
  colors: {
78
+ buttonPrimary: {
79
+ lighter: "#edebfd",
80
+ default: "var(--color-text)",
81
+ default: "#4c37eb",
82
+ darker: "#3929b0",
83
+ 1000: "#C4DEFD"
84
+
85
+ // #f6f5fe
86
+ // #edebfd lighter
87
+ // #d2cdfa
88
+ // #b7aff7
89
+ // #8273f1
90
+ // #4c37eb default
91
+ // #4432d4
92
+ // #3929b0 700 (darker)
93
+ // #2e218d
94
+ // #251b73
95
+ },
96
+ layoutPrimary: {
97
+ default: "#d2cdfa",
98
+ darker: "#b7aff7",
99
+ dark: "#251b73",
100
+ 1000: "#C4DEFD"
101
+ },
102
+ inputPrimary: {
103
+ default: "#EEF7FC",
104
+ 1000: "#C4DEFD"
105
+ },
106
+
59
107
  primary: {
60
108
  default: "#1279F8",
61
109
  200: "#C4DEFD",
@@ -67,6 +115,21 @@ module.exports = {
67
115
  800: "#054A9E",
68
116
  900: "#043777"
69
117
  },
118
+ layout: {
119
+ default: "#EEF7FC",
120
+ 100: "#4896DA",
121
+ 200: "#58A4E0",
122
+ 300: "#65ACE4",
123
+ 400: "#74B4E6",
124
+ 500: "#81BCE8",
125
+ 600: "#90C3EB",
126
+ 700: "#9ECDEE",
127
+ 800: "#AFD6F1",
128
+ 900: "#BEDEF3",
129
+ 1000: "#CFE6F6",
130
+ 1100: "#DFEDFA",
131
+ 1200: "#EEF7FC"
132
+ },
70
133
  secondary: {
71
134
  default: "#A3D039",
72
135
  200: "#E0EFBD",