@ztwoint/z-ui 0.1.36 → 0.1.38
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/collapsible-side-nav-bar/side-nav-bar-item.js +1 -1
- package/dist/css/config/colors/semantic-colors.css +17 -21
- package/dist/css/config/typography/2xl.css +2 -2
- package/dist/css/config/typography/3xl.css +2 -2
- package/dist/css/config/typography/4xl.css +2 -2
- package/dist/css/config/typography/base.css +2 -2
- package/dist/css/config/typography/lg.css +2 -2
- package/dist/css/config/typography/sm.css +2 -2
- package/dist/css/config/typography/xl.css +2 -2
- package/dist/css/config/typography/xs.css +2 -2
- package/dist/css/styles/tailwind.css +1 -1
- package/package.json +1 -1
|
@@ -124,7 +124,7 @@ const K = d.forwardRef(
|
|
|
124
124
|
...C,
|
|
125
125
|
children: [
|
|
126
126
|
f && /* @__PURE__ */ r("span", { className: "nav-item-icon flex-shrink-0 flex items-center justify-center w-3.5 h-3.5", children: f }),
|
|
127
|
-
c && i && /* @__PURE__ */ r("div", { className: "nav-item-label-container flex items-center gap-2.5 flex-1 px-0.5 relative", children: /* @__PURE__ */ r("div", { className: "nav-item-label flex-1
|
|
127
|
+
c && i && /* @__PURE__ */ r("div", { className: "nav-item-label-container flex items-center gap-2.5 flex-1 px-0.5 relative", children: /* @__PURE__ */ r("div", { className: "nav-item-label flex-1 leading-none-medium-sm tracking-tight text-black relative", children: i }) }),
|
|
128
128
|
!c || !i ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2.5 flex-1 px-0.5 relative", children: p }) : p,
|
|
129
129
|
c && n && /* @__PURE__ */ r(D, { children: t ? /* @__PURE__ */ r(
|
|
130
130
|
M,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/* Semantic Colors - Design System Foundation */
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
|
|
5
|
-
/* Background Colors - Neutral */
|
|
4
|
+
/* Background Colors - Neutral */
|
|
6
5
|
--background-neutral-default: var(--neutral-0);
|
|
7
6
|
--background-neutral-on-top: var(--neutral-0);
|
|
8
7
|
--background-neutral-light: var(--neutral-25);
|
|
@@ -119,17 +118,15 @@
|
|
|
119
118
|
}
|
|
120
119
|
|
|
121
120
|
.dark {
|
|
122
|
-
|
|
123
|
-
|
|
124
121
|
/* Background Colors - Neutral - Dark Mode */
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
122
|
+
--background-neutral-default: var(--neutral-0);
|
|
123
|
+
--background-neutral-on-top: var(--neutral-50);
|
|
124
|
+
--background-neutral-light: var(--neutral-25);
|
|
125
|
+
--background-neutral-medium: var(--neutral-25);
|
|
126
|
+
--background-neutral-high: var(--neutral-100);
|
|
127
|
+
--background-neutral-pressed: var(--neutral-75);
|
|
128
|
+
--background-neutral-hover: var(--neutral-50);
|
|
129
|
+
--background-neutral-focused: var(--neutral-25);
|
|
133
130
|
/* Surface Colors - Neutral - Dark Mode */
|
|
134
131
|
--surface-neutral-default: var(--neutral-0);
|
|
135
132
|
--surface-neutral-hover: var(--neutral-75);
|
|
@@ -239,16 +236,15 @@
|
|
|
239
236
|
|
|
240
237
|
/* Tailwind v4 Theme Integration */
|
|
241
238
|
@theme inline {
|
|
242
|
-
|
|
243
239
|
/* Background Colors - Neutral */
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
240
|
+
--color-background-neutral-default: var(--background-neutral-default);
|
|
241
|
+
--color-background-neutral-on-top: var(--background-neutral-on-top);
|
|
242
|
+
--color-background-neutral-light: var(--background-neutral-light);
|
|
243
|
+
--color-background-neutral-medium: var(--background-neutral-medium);
|
|
244
|
+
--color-background-neutral-high: var(--background-neutral-high);
|
|
245
|
+
--color-background-neutral-pressed: var(--background-neutral-pressed);
|
|
246
|
+
--color-background-neutral-hover: var(--background-neutral-hover);
|
|
247
|
+
--color-background-neutral-focused: var(--background-neutral-focused);
|
|
252
248
|
/* Surface Colors - Neutral */
|
|
253
249
|
--color-surface-neutral-default: var(--surface-neutral-default);
|
|
254
250
|
--color-surface-neutral-hover: var(--surface-neutral-hover);
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 1.5rem;
|
|
12
12
|
line-height: 2rem;
|
|
13
13
|
letter-spacing: -0.05rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-2xl {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 1.5rem;
|
|
63
63
|
line-height: 1.5rem;
|
|
64
64
|
letter-spacing: -0.05rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 2rem;
|
|
12
12
|
line-height: 2.25rem;
|
|
13
13
|
letter-spacing: -0.1rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-3xl {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 2rem;
|
|
63
63
|
line-height: 2rem;
|
|
64
64
|
letter-spacing: -0.1rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 2.25rem;
|
|
12
12
|
line-height: 2.5rem;
|
|
13
13
|
letter-spacing: -0.1rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-4xl {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 2.25rem;
|
|
63
63
|
line-height: 2.25rem;
|
|
64
64
|
letter-spacing: -0.1rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 1rem;
|
|
12
12
|
line-height: 1.5rem;
|
|
13
13
|
letter-spacing: -0.025rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 1rem;
|
|
63
63
|
line-height: 1rem;
|
|
64
64
|
letter-spacing: -0.025rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 1.125rem;
|
|
12
12
|
line-height: 1.75rem;
|
|
13
13
|
letter-spacing: -0.025rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-lg {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 1.125rem;
|
|
63
63
|
line-height: 1.125rem;
|
|
64
64
|
letter-spacing: -0.025rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 0.875rem;
|
|
12
12
|
line-height: 1.25rem;
|
|
13
13
|
letter-spacing: -0.025rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-sm {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 0.875rem;
|
|
63
63
|
line-height: 0.875rem;
|
|
64
64
|
letter-spacing: -0.025rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 1.25rem;
|
|
12
12
|
line-height: 1.75rem;
|
|
13
13
|
letter-spacing: -0.05rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-xl {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 1.25rem;
|
|
63
63
|
line-height: 1.25rem;
|
|
64
64
|
letter-spacing: -0.05rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
font-size: 0.75rem;
|
|
12
12
|
line-height: 1rem;
|
|
13
13
|
letter-spacing: -0.0125rem;
|
|
14
|
-
font-weight:
|
|
14
|
+
font-weight: 450;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.leading-normal-semibold-xs {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-size: 0.75rem;
|
|
63
63
|
line-height: 0.75rem;
|
|
64
64
|
letter-spacing: -0.0125rem;
|
|
65
|
-
font-weight:
|
|
65
|
+
font-weight: 450;
|
|
66
66
|
overflow-y: visible;
|
|
67
67
|
}
|
|
68
68
|
|