@nattstack/ui 0.0.27 → 0.0.29
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/baseline/index.css
CHANGED
package/dist/components/{button.module-UJI7Y25W.module.css → button.module-4EHK5C4W.module.css}
RENAMED
|
@@ -103,31 +103,6 @@
|
|
|
103
103
|
/* ===================================================== */
|
|
104
104
|
/* Variant */
|
|
105
105
|
/* ===================================================== */
|
|
106
|
-
/* Accent */
|
|
107
|
-
.button__variant_accent {
|
|
108
|
-
color: white;
|
|
109
|
-
background-color: var(--color-primary-9);
|
|
110
|
-
background-image: linear-gradient(
|
|
111
|
-
to bottom,
|
|
112
|
-
color-mix(in oklab, transparent 100%, #ffffff 5%) 50%,
|
|
113
|
-
color-mix(in oklab, transparent 100%, #ffffff 0%) 50%
|
|
114
|
-
);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.button__variant_accent:active:not(:disabled),
|
|
118
|
-
.button__variant_accent:hover:not(:disabled),
|
|
119
|
-
.button__variant_accent[aria-pressed="true"]:not(:disabled) {
|
|
120
|
-
background-color: color-mix(in oklab, var(--color-primary-9) 100%, #ffffff 10%);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
:global(.dark) .button__variant_accent {
|
|
124
|
-
background-image: linear-gradient(
|
|
125
|
-
to bottom,
|
|
126
|
-
color-mix(in oklab, transparent 100%, #000000 0%) 50%,
|
|
127
|
-
color-mix(in oklab, transparent 100%, #000000 5%) 50%
|
|
128
|
-
);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
106
|
/* Ghost */
|
|
132
107
|
.button__variant_ghost {
|
|
133
108
|
color: black;
|
|
@@ -147,10 +122,10 @@
|
|
|
147
122
|
/* Primary */
|
|
148
123
|
.button__variant_primary {
|
|
149
124
|
color: white;
|
|
150
|
-
background-color: var(--color-
|
|
125
|
+
background-color: var(--color-primary-9);
|
|
151
126
|
background-image: linear-gradient(
|
|
152
127
|
to bottom,
|
|
153
|
-
color-mix(in oklab, transparent 100%, #ffffff
|
|
128
|
+
color-mix(in oklab, transparent 100%, #ffffff 5%) 50%,
|
|
154
129
|
color-mix(in oklab, transparent 100%, #ffffff 0%) 50%
|
|
155
130
|
);
|
|
156
131
|
}
|
|
@@ -158,12 +133,10 @@
|
|
|
158
133
|
.button__variant_primary:active:not(:disabled),
|
|
159
134
|
.button__variant_primary:hover:not(:disabled),
|
|
160
135
|
.button__variant_primary[aria-pressed="true"]:not(:disabled) {
|
|
161
|
-
background-color: color-mix(in oklab, var(--color-
|
|
136
|
+
background-color: color-mix(in oklab, var(--color-primary-9) 100%, #ffffff 10%);
|
|
162
137
|
}
|
|
163
138
|
|
|
164
139
|
:global(.dark) .button__variant_primary {
|
|
165
|
-
color: black;
|
|
166
|
-
background-color: var(--color-gray-light-1);
|
|
167
140
|
background-image: linear-gradient(
|
|
168
141
|
to bottom,
|
|
169
142
|
color-mix(in oklab, transparent 100%, #000000 0%) 50%,
|
|
@@ -171,12 +144,6 @@
|
|
|
171
144
|
);
|
|
172
145
|
}
|
|
173
146
|
|
|
174
|
-
:global(.dark) .button__variant_primary:active:not(:disabled),
|
|
175
|
-
:global(.dark) .button__variant_primary:hover:not(:disabled),
|
|
176
|
-
:global(.dark) .button__variant_primary[aria-pressed="true"]:not(:disabled) {
|
|
177
|
-
background-color: color-mix(in oklab, var(--color-gray-light-2) 100%, #000000 10%);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
147
|
/* Secondary */
|
|
181
148
|
.button__variant_secondary {
|
|
182
149
|
color: black;
|
|
@@ -21,7 +21,7 @@ interface ButtonInternalProps extends Omit<ComponentProps<"button">, "aria-press
|
|
|
21
21
|
isLoading?: boolean;
|
|
22
22
|
isRounded?: boolean;
|
|
23
23
|
size?: 32 | 36 | 40 | 44 | 48;
|
|
24
|
-
variant?: "
|
|
24
|
+
variant?: "ghost" | "primary" | "secondary";
|
|
25
25
|
}
|
|
26
26
|
type ButtonUnionProps = ButtonIconProps | ButtonProps;
|
|
27
27
|
declare function Button(props: ButtonUnionProps): JSX.Element;
|
|
@@ -40,7 +40,6 @@ declare const BUTTON_CLASS_NAME: {
|
|
|
40
40
|
readonly 48: string;
|
|
41
41
|
};
|
|
42
42
|
readonly VARIANT: {
|
|
43
|
-
readonly ACCENT: string;
|
|
44
43
|
readonly GHOST: string;
|
|
45
44
|
readonly PRIMARY: string;
|
|
46
45
|
readonly SECONDARY: 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-4EHK5C4W.module.css";
|
|
19
19
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
20
20
|
function Button(props) {
|
|
21
21
|
const {
|
|
@@ -75,7 +75,6 @@ var BUTTON_CLASS_NAME = {
|
|
|
75
75
|
48: styles2.button__size_48
|
|
76
76
|
},
|
|
77
77
|
VARIANT: {
|
|
78
|
-
ACCENT: styles2.button__variant_accent,
|
|
79
78
|
GHOST: styles2.button__variant_ghost,
|
|
80
79
|
PRIMARY: styles2.button__variant_primary,
|
|
81
80
|
SECONDARY: styles2.button__variant_secondary
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nattstack/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.29",
|
|
4
4
|
"description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"base-ui",
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
"release": "bun publish"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@base-ui/react": "1.
|
|
51
|
+
"@base-ui/react": "1.4.0"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@types/bun": "1.3.
|
|
54
|
+
"@types/bun": "1.3.12",
|
|
55
55
|
"@types/react": "19.2.14",
|
|
56
56
|
"tsup": "8.5.1",
|
|
57
57
|
"typescript": "5.9.3"
|