@sikka/hawa 0.0.53 → 0.0.55

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 (14) hide show
  1. package/es/index.es.js +1 -1
  2. package/lib/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/elements/DragDropImages.js +0 -2
  5. package/src/elements/HawaColorPicker.js +37 -39
  6. package/storybook-static/iframe.html +1 -1
  7. package/storybook-static/main.4a18d932.iframe.bundle.js +1 -0
  8. package/storybook-static/project.json +1 -1
  9. package/storybook-static/vendors~main.8cb76571.iframe.bundle.js +76 -0
  10. package/storybook-static/{vendors~main.f32ea22a.iframe.bundle.js.LICENSE.txt → vendors~main.8cb76571.iframe.bundle.js.LICENSE.txt} +0 -0
  11. package/storybook-static/vendors~main.8cb76571.iframe.bundle.js.map +1 -0
  12. package/storybook-static/main.d1517396.iframe.bundle.js +0 -1
  13. package/storybook-static/vendors~main.f32ea22a.iframe.bundle.js +0 -76
  14. package/storybook-static/vendors~main.f32ea22a.iframe.bundle.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.53",
3
+ "version": "0.0.55",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
package/src/elements/DragDropImages.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import React, { useEffect, useState } from "react";
2
2
  import { useDropzone } from "react-dropzone";
3
- import { useTheme } from "@mui/system";
4
3
  import { HawaAlert } from "./HawaAlert";
5
4
  import { HawaButton } from "./HawaButton";
6
5
 
@@ -30,7 +29,6 @@ export const DragDropImages = ({
30
29
  const [cmp, setCmp] = useState(0);
31
30
  const [max, setMax] = useState(0);
32
31
  //const [thumbs, setThumbs] = useState("");
33
- const theme = useTheme();
34
32
  const {
35
33
  getRootProps,
36
34
  getInputProps,
package/src/elements/HawaColorPicker.js CHANGED
@@ -1,48 +1,46 @@
1
- import { useTheme } from "@mui/system";
2
1
  import React from "react";
3
- import styled from "@emotion/styled";
4
2
  import PropTypes from "prop-types";
5
3
 
6
- const ColorInput = styled.input`
7
- -webkit-appearance: none;
8
- -moz-appearance: none;
9
- appearance: none;
10
- border: none;
11
- cursor: pointer;
12
- height: 35px;
13
- border-radius: ${(props) => props.borderRadius}px;
14
- background-color: ${(props) => props.value};
15
- &::-webkit-color-swatch {
16
- border: none;
17
- }
18
- &::-moz-color-swatch {
19
- border: none;
20
- }
21
- `;
22
- const ColorText = styled.input`
23
- max-width: 70px;
24
- -webkit-appearance: none;
25
- -moz-appearance: none;
26
- appearance: none;
27
- border: none;
28
- // height: 30px;
29
- padding: 10px;
30
- border-radius: ${(props) => props.borderRadius}px;
31
- &::-webkit-color-swatch {
32
- border: none;
33
- }
34
- &::-moz-color-swatch {
35
- border: none;
36
- }
37
- `;
4
+ // const ColorInput = styled.input`
5
+ // -webkit-appearance: none;
6
+ // -moz-appearance: none;
7
+ // appearance: none;
8
+ // border: none;
9
+ // cursor: pointer;
10
+ // height: 35px;
11
+ // border-radius: ${(props) => props.borderRadius}px;
12
+ // background-color: ${(props) => props.value};
13
+ // &::-webkit-color-swatch {
14
+ // border: none;
15
+ // }
16
+ // &::-moz-color-swatch {
17
+ // border: none;
18
+ // }
19
+ // `;
20
+ // const ColorText = styled.input`
21
+ // max-width: 70px;
22
+ // -webkit-appearance: none;
23
+ // -moz-appearance: none;
24
+ // appearance: none;
25
+ // border: none;
26
+ // // height: 30px;
27
+ // padding: 10px;
28
+ // border-radius: ${(props) => props.borderRadius}px;
29
+ // &::-webkit-color-swatch {
30
+ // border: none;
31
+ // }
32
+ // &::-moz-color-swatch {
33
+ // border: none;
34
+ // }
35
+ // `;
38
36
  export const HawaColorPicker = (props) => {
39
- const theme = useTheme();
37
+ // const theme = useTheme();
40
38
  return (
41
39
  <div style={{ display: "flex", flexDirection: "row" }}>
42
- <ColorText
40
+ {/* <ColorText
43
41
  type={"text"}
44
42
  value={props.color}
45
- borderRadius={theme.allBorderRadius}
43
+ // borderRadius={theme.allBorderRadius}
46
44
  onChange={props.handleChange}
47
45
  />
48
46
  <div style={{ width: 10 }} />
@@ -50,8 +48,8 @@ export const HawaColorPicker = (props) => {
50
48
  type={"color"}
51
49
  value={props.color}
52
50
  onChange={props.handleChange}
53
- borderRadius={theme.allBorderRadius}
54
- />
51
+ // borderRadius={theme.allBorderRadius}
52
+ /> */}
55
53
  </div>
56
54
  );
57
55
  };
package/storybook-static/iframe.html CHANGED
@@ -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.e7e3ab5b.iframe.bundle.js"></script><script src="vendors~main.f32ea22a.iframe.bundle.js"></script><script src="main.d1517396.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.e7e3ab5b.iframe.bundle.js"></script><script src="vendors~main.8cb76571.iframe.bundle.js"></script><script src="main.4a18d932.iframe.bundle.js"></script></body></html>