@nattstack/ui 0.0.4 → 0.0.5
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/colors/root.css +0 -6
- package/dist/components/{button.module-7VWY2WUV.module.css → button.module-D3HOTJS3.module.css} +7 -7
- package/dist/components/index.js +3 -3
- package/dist/components/{switch.module-TLJBHCSA.module.css → switch.module-U6Q27QB5.module.css} +1 -1
- package/dist/components/{tabs-pill-tab.module-2F7LOGXE.module.css → tabs-pill-tab.module-5SZMEO3Y.module.css} +4 -4
- package/dist/tailwind-colors/color.css +0 -4
- package/package.json +1 -1
package/dist/colors/root.css
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
/* =================================================== */
|
|
3
|
-
/* White & Black
|
|
4
|
-
/* =================================================== */
|
|
5
|
-
--color-white: rgba(255, 255, 255, 1);
|
|
6
|
-
--color-black: rgba(0, 0, 0, 1);
|
|
7
|
-
|
|
8
2
|
/* =================================================== */
|
|
9
3
|
/* Gray */
|
|
10
4
|
/* =================================================== */
|
package/dist/components/{button.module-7VWY2WUV.module.css → button.module-D3HOTJS3.module.css}
RENAMED
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
/* ===================================================== */
|
|
106
106
|
/* Accent */
|
|
107
107
|
.button__variant_accent {
|
|
108
|
-
color:
|
|
108
|
+
color: white;
|
|
109
109
|
background-color: var(--color-primary-9);
|
|
110
110
|
background-image: linear-gradient(
|
|
111
111
|
to bottom,
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
|
|
131
131
|
/* Ghost */
|
|
132
132
|
.button__variant_ghost {
|
|
133
|
-
color:
|
|
133
|
+
color: black;
|
|
134
134
|
background-color: transparent;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -141,12 +141,12 @@
|
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
:global(.dark) .button__variant_ghost {
|
|
144
|
-
color:
|
|
144
|
+
color: white;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
/* Primary */
|
|
148
148
|
.button__variant_primary {
|
|
149
|
-
color:
|
|
149
|
+
color: white;
|
|
150
150
|
background-color: var(--color-gray-dark-1);
|
|
151
151
|
background-image: linear-gradient(
|
|
152
152
|
to bottom,
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
:global(.dark) .button__variant_primary {
|
|
165
|
-
color:
|
|
165
|
+
color: black;
|
|
166
166
|
background-color: var(--color-gray-light-1);
|
|
167
167
|
background-image: linear-gradient(
|
|
168
168
|
to bottom,
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
|
|
180
180
|
/* Secondary */
|
|
181
181
|
.button__variant_secondary {
|
|
182
|
-
color:
|
|
182
|
+
color: black;
|
|
183
183
|
background-color: var(--color-gray-2);
|
|
184
184
|
background-image: linear-gradient(
|
|
185
185
|
to bottom,
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
:global(.dark) .button__variant_secondary {
|
|
199
|
-
color:
|
|
199
|
+
color: white;
|
|
200
200
|
background-image: linear-gradient(
|
|
201
201
|
to bottom,
|
|
202
202
|
color-mix(in oklab, transparent 100%, #ffffff 1%) 50%,
|
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-D3HOTJS3.module.css";
|
|
19
19
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
20
20
|
function Button(props) {
|
|
21
21
|
const {
|
|
@@ -432,7 +432,7 @@ var SPACER_CLASS_NAME = {
|
|
|
432
432
|
|
|
433
433
|
// src/components/switch/switch.tsx
|
|
434
434
|
import { Switch as BaseSwitch } from "@base-ui/react";
|
|
435
|
-
import styles13 from "./switch.module-
|
|
435
|
+
import styles13 from "./switch.module-U6Q27QB5.module.css";
|
|
436
436
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
437
437
|
function Switch(props) {
|
|
438
438
|
const {
|
|
@@ -519,7 +519,7 @@ var TABS_PILL_LIST_CLASS_NAME = {
|
|
|
519
519
|
|
|
520
520
|
// src/components/tabs-pill/tabs-pill-tab.tsx
|
|
521
521
|
import { Tabs as BaseTabs3 } from "@base-ui/react";
|
|
522
|
-
import styles16 from "./tabs-pill-tab.module-
|
|
522
|
+
import styles16 from "./tabs-pill-tab.module-5SZMEO3Y.module.css";
|
|
523
523
|
import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
524
524
|
function TabsPillTab(props) {
|
|
525
525
|
const { className: customClassName = "", isNativeButton = true, ...rest } = props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.tabs_pill_tab {
|
|
2
2
|
align-items: center;
|
|
3
3
|
border-radius: var(--border-radius);
|
|
4
|
-
color:
|
|
4
|
+
color: black;
|
|
5
5
|
column-gap: 8px;
|
|
6
6
|
cursor: pointer;
|
|
7
7
|
display: flex;
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
|
|
30
30
|
.tabs_pill_tab[data-active] {
|
|
31
31
|
background-color: transparent;
|
|
32
|
-
color:
|
|
32
|
+
color: white;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
:global(.dark) .tabs_pill_tab {
|
|
36
|
-
color:
|
|
36
|
+
color: white;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
:global(.dark) .tabs_pill_tab[data-active] {
|
|
40
|
-
color:
|
|
40
|
+
color: black;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
/* Icon size */
|
|
@@ -2,10 +2,6 @@
|
|
|
2
2
|
/* Reset ============================================= */
|
|
3
3
|
--color-\*: initial;
|
|
4
4
|
|
|
5
|
-
/* White & Black ===================================== */
|
|
6
|
-
--color-white: var(--color-white);
|
|
7
|
-
--color-black: var(--color-black);
|
|
8
|
-
|
|
9
5
|
/* Gray ============================================== */
|
|
10
6
|
--color-gray-1: var(--color-gray-1);
|
|
11
7
|
--color-gray-2: var(--color-gray-2);
|