@nattui/react-components 0.0.29 → 0.0.30
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/dist/{button-background.module-IXCWW4XS.module.css → button-background.module-HYSNMYGR.module.css} +21 -13
- package/dist/{button.module-BGP72ND4.module.css → button.module-ESFQOQUB.module.css} +3 -3
- package/dist/index.d.ts +2 -1
- package/dist/index.js +5 -4
- package/dist/{input.module-IR2FFKFD.module.css → input.module-S7SX2MIF.module.css} +4 -0
- package/package.json +1 -1
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/* Base */
|
|
2
2
|
.button_background {
|
|
3
3
|
position: absolute;
|
|
4
|
-
top: 0;
|
|
5
4
|
right: 0;
|
|
6
|
-
bottom: 50%;
|
|
7
5
|
left: 0;
|
|
8
6
|
z-index: -1;
|
|
9
|
-
opacity: 0.2;
|
|
10
7
|
filter: none !important;
|
|
11
8
|
transition-duration: inherit;
|
|
12
9
|
transition-property: opacity;
|
|
@@ -31,17 +28,28 @@
|
|
|
31
28
|
/* Variant */
|
|
32
29
|
.button_background__variant_accent,
|
|
33
30
|
.button_background__variant_primary {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
31
|
+
top: 0;
|
|
32
|
+
bottom: 50%;
|
|
33
|
+
background-color: #ffffff;
|
|
34
|
+
opacity: 8%;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:global(.dark) .button_background__variant_accent,
|
|
38
|
+
:global(.dark) .button_background__variant_primary {
|
|
39
|
+
top: 50%;
|
|
40
|
+
bottom: 0;
|
|
41
|
+
background-color: #000000;
|
|
39
42
|
}
|
|
40
43
|
|
|
41
44
|
.button_background__variant_secondary {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
top: 50%;
|
|
46
|
+
bottom: 0;
|
|
47
|
+
background-color: #000000;
|
|
48
|
+
opacity: 4%;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
:global(.dark) .button_background__variant_secondary {
|
|
52
|
+
top: 0;
|
|
53
|
+
bottom: 50%;
|
|
54
|
+
background-color: #ffffff;
|
|
47
55
|
}
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
line-height: 1.5;
|
|
44
44
|
cursor: pointer;
|
|
45
45
|
user-select: none;
|
|
46
|
-
outline-width:
|
|
47
|
-
outline-style:
|
|
46
|
+
outline-width: 2px;
|
|
47
|
+
outline-style: hidden;
|
|
48
48
|
outline-color: var(--color-button-primary-9);
|
|
49
49
|
outline-offset: 2px;
|
|
50
50
|
border-color: transparent;
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.button:focus-visible {
|
|
64
|
-
outline-
|
|
64
|
+
outline-style: solid;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.button:enabled[aria-pressed="true"],
|
package/dist/index.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "dis
|
|
|
58
58
|
isReadOnly?: boolean;
|
|
59
59
|
isRequired?: boolean;
|
|
60
60
|
isValid?: boolean;
|
|
61
|
-
size?: 32 | 36 | 40 | 44;
|
|
61
|
+
size?: 32 | 36 | 40 | 44 | 48;
|
|
62
62
|
}
|
|
63
63
|
declare function Input(props: InputProps): JSX.Element;
|
|
64
64
|
declare const INPUT_CLASS_NAME: {
|
|
@@ -69,6 +69,7 @@ declare const INPUT_CLASS_NAME: {
|
|
|
69
69
|
readonly 36: string;
|
|
70
70
|
readonly 40: string;
|
|
71
71
|
readonly 44: string;
|
|
72
|
+
readonly 48: string;
|
|
72
73
|
};
|
|
73
74
|
};
|
|
74
75
|
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
// src/button.tsx
|
|
2
|
-
import styles3 from "./button.module-
|
|
2
|
+
import styles3 from "./button.module-ESFQOQUB.module.css";
|
|
3
3
|
|
|
4
4
|
// src/button-background.tsx
|
|
5
|
-
import styles from "./button-background.module-
|
|
5
|
+
import styles from "./button-background.module-HYSNMYGR.module.css";
|
|
6
6
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
7
7
|
function ButtonBackground(props) {
|
|
8
8
|
const { isRounded = false, variant = "primary" } = props;
|
|
@@ -129,7 +129,7 @@ var BUTTON_CLASS_NAME = {
|
|
|
129
129
|
};
|
|
130
130
|
|
|
131
131
|
// src/input.tsx
|
|
132
|
-
import styles4 from "./input.module-
|
|
132
|
+
import styles4 from "./input.module-S7SX2MIF.module.css";
|
|
133
133
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
134
134
|
function Input(props) {
|
|
135
135
|
const {
|
|
@@ -173,7 +173,8 @@ var INPUT_CLASS_NAME = {
|
|
|
173
173
|
32: styles4.input__size_32,
|
|
174
174
|
36: styles4.input__size_36,
|
|
175
175
|
40: styles4.input__size_40,
|
|
176
|
-
44: styles4.input__size_44
|
|
176
|
+
44: styles4.input__size_44,
|
|
177
|
+
48: styles4.input__size_48
|
|
177
178
|
}
|
|
178
179
|
};
|
|
179
180
|
|
package/package.json
CHANGED