@sikka/hawa 0.0.54 → 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.54",
3
+ "version": "0.0.55",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
@@ -1,44 +1,43 @@
1
1
  import React from "react";
2
- import styled from "@emotion/styled";
3
2
  import PropTypes from "prop-types";
4
3
 
5
- const ColorInput = styled.input`
6
- -webkit-appearance: none;
7
- -moz-appearance: none;
8
- appearance: none;
9
- border: none;
10
- cursor: pointer;
11
- height: 35px;
12
- border-radius: ${(props) => props.borderRadius}px;
13
- background-color: ${(props) => props.value};
14
- &::-webkit-color-swatch {
15
- border: none;
16
- }
17
- &::-moz-color-swatch {
18
- border: none;
19
- }
20
- `;
21
- const ColorText = styled.input`
22
- max-width: 70px;
23
- -webkit-appearance: none;
24
- -moz-appearance: none;
25
- appearance: none;
26
- border: none;
27
- // height: 30px;
28
- padding: 10px;
29
- border-radius: ${(props) => props.borderRadius}px;
30
- &::-webkit-color-swatch {
31
- border: none;
32
- }
33
- &::-moz-color-swatch {
34
- border: none;
35
- }
36
- `;
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
+ // `;
37
36
  export const HawaColorPicker = (props) => {
38
37
  // const theme = useTheme();
39
38
  return (
40
39
  <div style={{ display: "flex", flexDirection: "row" }}>
41
- <ColorText
40
+ {/* <ColorText
42
41
  type={"text"}
43
42
  value={props.color}
44
43
  // borderRadius={theme.allBorderRadius}
@@ -50,7 +49,7 @@ export const HawaColorPicker = (props) => {
50
49
  value={props.color}
51
50
  onChange={props.handleChange}
52
51
  // borderRadius={theme.allBorderRadius}
53
- />
52
+ /> */}
54
53
  </div>
55
54
  );
56
55
  };
@@ -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.e8596a39.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>