@nattstack/ui 0.0.19 → 0.0.21
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/components/{button.module-WP2NJQZI.module.css → button.module-SGPL52QX.module.css} +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +3 -6
- package/dist/components/{input.module-DOM3NIU5.module.css → input.module-ROD7EEVW.module.css} +5 -12
- package/package.json +1 -1
|
@@ -102,7 +102,6 @@ interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "dis
|
|
|
102
102
|
declare function Input(props: InputProps): JSX.Element;
|
|
103
103
|
declare const INPUT_CLASS_NAME: {
|
|
104
104
|
readonly BASE: string;
|
|
105
|
-
readonly PASSWORD: string;
|
|
106
105
|
readonly ROUNDED: {
|
|
107
106
|
readonly BASE: string;
|
|
108
107
|
readonly FULL: string;
|
package/dist/components/index.js
CHANGED
|
@@ -15,7 +15,7 @@ function normalizeWhitespace(value) {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
// src/components/button/button.tsx
|
|
18
|
-
import styles2 from "./button.module-
|
|
18
|
+
import styles2 from "./button.module-SGPL52QX.module.css";
|
|
19
19
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
20
20
|
function Button(props) {
|
|
21
21
|
const {
|
|
@@ -298,7 +298,7 @@ function DialogResponsiveTrigger(props) {
|
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
// src/components/input/input.tsx
|
|
301
|
-
import styles9 from "./input.module-
|
|
301
|
+
import styles9 from "./input.module-ROD7EEVW.module.css";
|
|
302
302
|
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
303
303
|
function Input(props) {
|
|
304
304
|
const {
|
|
@@ -314,11 +314,9 @@ function Input(props) {
|
|
|
314
314
|
type = "text",
|
|
315
315
|
...rest
|
|
316
316
|
} = props;
|
|
317
|
-
const isPassword = type === "password";
|
|
318
317
|
const combinedClassName = normalizeWhitespace(`
|
|
319
318
|
${INPUT_CLASS_NAME.BASE}
|
|
320
319
|
${INPUT_CLASS_NAME.SIZE[size]}
|
|
321
|
-
${isPassword ? INPUT_CLASS_NAME.PASSWORD : ""}
|
|
322
320
|
${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
|
|
323
321
|
${customClassName}
|
|
324
322
|
`);
|
|
@@ -339,7 +337,6 @@ function Input(props) {
|
|
|
339
337
|
}
|
|
340
338
|
var INPUT_CLASS_NAME = {
|
|
341
339
|
BASE: styles9.input,
|
|
342
|
-
PASSWORD: styles9.input__password,
|
|
343
340
|
ROUNDED: {
|
|
344
341
|
BASE: styles9.input__rounded_base,
|
|
345
342
|
FULL: styles9.input__rounded_full
|
|
@@ -717,7 +714,7 @@ var TABS_PANEL_CLASS_NAME = {
|
|
|
717
714
|
};
|
|
718
715
|
|
|
719
716
|
// src/components/textarea/textarea.tsx
|
|
720
|
-
import inputStyles from "./input.module-
|
|
717
|
+
import inputStyles from "./input.module-ROD7EEVW.module.css";
|
|
721
718
|
import styles25 from "./textarea.module-LK25MKCZ.module.css";
|
|
722
719
|
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
723
720
|
function Textarea(props) {
|
package/dist/components/{input.module-DOM3NIU5.module.css → input.module-ROD7EEVW.module.css}
RENAMED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
width: 100%;
|
|
6
6
|
min-height: var(--height);
|
|
7
7
|
padding: 0 12px;
|
|
8
|
-
font-family: var(--font-
|
|
8
|
+
font-family: var(--font-body, sans-serif);
|
|
9
9
|
font-size: 14px;
|
|
10
10
|
font-weight: 400;
|
|
11
11
|
line-height: 1.5;
|
|
12
|
-
color: var(--color-gray-12
|
|
12
|
+
color: var(--color-gray-12);
|
|
13
13
|
text-decoration: none;
|
|
14
14
|
appearance: none;
|
|
15
15
|
cursor: text;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
outline-style: solid;
|
|
18
18
|
outline-color: transparent;
|
|
19
19
|
outline-offset: -2px;
|
|
20
|
-
background-color: var(--color-
|
|
20
|
+
background-color: var(--color-bg-primary);
|
|
21
21
|
border-style: none;
|
|
22
22
|
box-shadow: 0 0 0 1px var(--color-gray-4) inset;
|
|
23
23
|
transition-duration: 150ms;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.input::placeholder {
|
|
28
|
-
color: var(--color-gray-9
|
|
28
|
+
color: var(--color-gray-9);
|
|
29
29
|
user-select: none;
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -51,14 +51,7 @@
|
|
|
51
51
|
|
|
52
52
|
/* Focus overrides valid and invalid */
|
|
53
53
|
.input:focus-visible {
|
|
54
|
-
outline-color: var(--color-primary-9
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* ===================================================== */
|
|
58
|
-
/* Password */
|
|
59
|
-
/* ===================================================== */
|
|
60
|
-
.input__password {
|
|
61
|
-
font-family: var(--font-mono, monospace);
|
|
54
|
+
outline-color: var(--color-primary-9);
|
|
62
55
|
}
|
|
63
56
|
|
|
64
57
|
/* ===================================================== */
|