@sikka/hawa 0.0.156 → 0.0.157

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.156",
3
+ "version": "0.0.157",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
@@ -58,6 +58,7 @@ type SignUpFormTypes = {
58
58
  errorTitle: any
59
59
  errorText: any
60
60
  signUpFields: any[]
61
+ isLoading?: boolean
61
62
  }
62
63
 
63
64
  export const SignUpForm: React.FunctionComponent<SignUpFormTypes> = (props) => {
@@ -274,7 +275,12 @@ export const SignUpForm: React.FunctionComponent<SignUpFormTypes> = (props) => {
274
275
  />
275
276
  </div>
276
277
  )}
277
- <HawaButton color="primary" width="full" type="submit">
278
+ <HawaButton
279
+ isLoading={props.isLoading}
280
+ color="primary"
281
+ width="full"
282
+ type="submit"
283
+ >
278
284
  {props.texts.signUpText}
279
285
  </HawaButton>
280
286
  </form>
package/src/styles.css CHANGED
@@ -1276,8 +1276,7 @@ video {
1276
1276
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1277
1277
  }
1278
1278
  .bg-layoutPrimary-default {
1279
- --tw-bg-opacity: 1;
1280
- background-color: rgb(210 205 250 / var(--tw-bg-opacity));
1279
+ background-color: var(--layout-primary);
1281
1280
  }
1282
1281
  .bg-white {
1283
1282
  --tw-bg-opacity: 1;
@@ -1307,8 +1306,7 @@ video {
1307
1306
  background-color: transparent;
1308
1307
  }
1309
1308
  .bg-buttonPrimary-default {
1310
- --tw-bg-opacity: 1;
1311
- background-color: rgb(76 55 235 / var(--tw-bg-opacity));
1309
+ background-color: var(--button-primary);
1312
1310
  }
1313
1311
  .bg-red-200 {
1314
1312
  --tw-bg-opacity: 1;
@@ -1932,8 +1930,7 @@ body {
1932
1930
  }
1933
1931
 
1934
1932
  .hover\:ring-buttonPrimary-default:hover {
1935
- --tw-ring-opacity: 1;
1936
- --tw-ring-color: rgb(76 55 235 / var(--tw-ring-opacity));
1933
+ --tw-ring-color: var(--button-primary);
1937
1934
  }
1938
1935
 
1939
1936
  .hover\:brightness-90:hover {
@@ -361,4 +361,4 @@
361
361
 
362
362
 
363
363
 
364
- window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.4a2964ac.iframe.bundle.js"></script><script src="870.6284ce82.iframe.bundle.js"></script><script src="main.e0e4e1a0.iframe.bundle.js"></script></body></html>
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.4a2964ac.iframe.bundle.js"></script><script src="870.6284ce82.iframe.bundle.js"></script><script src="main.72e575dd.iframe.bundle.js"></script></body></html>