@sikka/hawa 0.0.174 → 0.0.176

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 (33) hide show
  1. package/dist/styles.css +16 -13
  2. package/es/blocks/AuthForms/SignInForm.d.ts +1 -0
  3. package/es/blocks/AuthForms/SignUpForm.d.ts +1 -0
  4. package/es/blocks/Misc/Newsletter.d.ts +1 -0
  5. package/es/elements/HawaPricingCard.d.ts +9 -6
  6. package/es/index.es.js +1 -1
  7. package/es/layout/HawaContainer.d.ts +1 -0
  8. package/lib/blocks/AuthForms/SignInForm.d.ts +1 -0
  9. package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -0
  10. package/lib/blocks/Misc/Newsletter.d.ts +1 -0
  11. package/lib/elements/HawaPricingCard.d.ts +9 -6
  12. package/lib/index.js +1 -1
  13. package/lib/layout/HawaContainer.d.ts +1 -0
  14. package/package.json +1 -1
  15. package/src/blocks/AuthForms/SignInForm.tsx +2 -2
  16. package/src/blocks/AuthForms/SignUpForm.tsx +4 -3
  17. package/src/blocks/Misc/EmptyState.tsx +1 -1
  18. package/src/blocks/Misc/Newsletter.tsx +11 -4
  19. package/src/elements/HawaButton.tsx +6 -6
  20. package/src/elements/HawaMenu.tsx +1 -1
  21. package/src/elements/HawaPricingCard.tsx +47 -49
  22. package/src/elements/HawaSpinner.tsx +1 -1
  23. package/src/layout/HawaAppLayout.tsx +2 -2
  24. package/src/layout/HawaBottomAppBar.tsx +1 -1
  25. package/src/layout/HawaContainer.tsx +3 -0
  26. package/src/layout/HawaSiteLayout.tsx +0 -1
  27. package/src/styles.css +16 -13
  28. package/src/tailwind.css +2 -2
  29. package/storybook-static/iframe.html +1 -1
  30. package/storybook-static/main.46fe6f33.iframe.bundle.js +1 -0
  31. package/storybook-static/project.json +1 -1
  32. package/tailwind.config.js +7 -22
  33. package/storybook-static/main.ea6f9b48.iframe.bundle.js +0 -1
package/storybook-static/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1675034893125,"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"}}}
1
+ {"generatedAt":1675063420545,"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,12 +1,5 @@
1
1
  /** @type {import('tailwindcss').Config} */
2
- // const Color = require("color");
3
- // TODO: figure out why adding the same variable and adding !important in global.css not working for buttons but working for layout
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();
2
+
10
3
  const BUTTON_PRIMARY = "#C62E65";
11
4
  const LAYOUT_PRIMARY = "#EEF7FC";
12
5
 
@@ -17,10 +10,6 @@ module.exports = {
17
10
  fontFamily: {
18
11
  plex: ["IBM Plex Sans Arabic"]
19
12
  },
20
- // colors: {
21
- // buttonPrimary: "--button-primary",
22
- // buttonSecondary: "rgb(var(--button-secondary) / <alpha-value>)"
23
- // },
24
13
 
25
14
  extend: {
26
15
  boxShadow: {
@@ -71,7 +60,6 @@ module.exports = {
71
60
  }
72
61
  }
73
62
  },
74
-
75
63
  animation: {
76
64
  collapse: "collapse",
77
65
  expandDown: "expandDown 500ms ease-in-out",
@@ -92,26 +80,23 @@ module.exports = {
92
80
  // #2e218d
93
81
  // #251b73
94
82
  buttonPrimary: {
95
- lighter: "#edebfd",
83
+ 300: "var(--button-primary-300)",
96
84
  500: "var(--button-primary-500)",
97
- 700: "var(--button-primary-700)",
98
- 1000: "#C4DEFD"
85
+ 700: "var(--button-primary-700)"
99
86
  },
100
87
  buttonSecondary: {
101
- default: "var(--button-secondary)",
102
- darker: "var(--button-secondary-darker)",
103
- dark: "#251b73"
104
- // 1000: "#C4DEFD"
88
+ 500: "var(--button-secondary-500)",
89
+ 700: "var(--button-secondary-700)"
105
90
  },
106
91
  layoutPrimary: {
107
92
  300: "var(--layout-primary-300)",
108
93
  500: "var(--layout-primary-500)",
109
- darker: "#b7aff7",
94
+ 700: "#b7aff7",
110
95
  dark: "#251b73",
111
96
  1000: "#C4DEFD"
112
97
  },
113
98
  inputPrimary: {
114
- default: "#EEF7FC",
99
+ 500: "#EEF7FC",
115
100
  1000: "#C4DEFD"
116
101
  }
117
102
  }