@texturehq/edges 1.17.0 → 1.17.2
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-wUwMI6WH.d.cts → colors-BaVZChH3.d.cts} +1 -1
- package/dist/{colors-wUwMI6WH.d.ts → colors-BaVZChH3.d.ts} +1 -1
- package/dist/components.manifest.json +67 -10
- package/dist/generated/tailwind-tokens-dark.css +1 -1
- package/dist/generated/tailwind-tokens-light.css +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +395 -92
- package/dist/index.d.ts +395 -92
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/server.cjs +1 -1
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +1 -1
- package/dist/server.d.ts +1 -1
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/styles/utilities.css +11 -2
- package/dist/styles.css +11 -7
- package/dist/utilities.manifest.json +2 -2
- package/package.json +1 -1
|
@@ -30,17 +30,26 @@
|
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
32
|
* Remove default focus outlines from menu items and list items
|
|
33
|
-
* We'll use data-[
|
|
33
|
+
* We'll use data-[focus-visible] with custom styling for keyboard focus instead
|
|
34
34
|
*/
|
|
35
35
|
[role="menuitem"],
|
|
36
36
|
[role="option"] {
|
|
37
37
|
outline: none;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
/**
|
|
41
|
+
* Global fix: Remove focus outlines from mouse clicks
|
|
42
|
+
* Only show focus indicators when using keyboard navigation
|
|
43
|
+
* This prevents the focus ring from appearing when clicking buttons, links, etc.
|
|
44
|
+
*/
|
|
45
|
+
:focus:not(:focus-visible) {
|
|
46
|
+
outline: none !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
40
49
|
/**
|
|
41
50
|
* Global focus-visible for keyboard navigation accessibility
|
|
42
51
|
* Applies to buttons, links, and form controls
|
|
43
|
-
* Menu/list items use data-[
|
|
52
|
+
* Menu/list items use data-[focus-visible] with custom styling instead
|
|
44
53
|
*/
|
|
45
54
|
:focus-visible:not([role="menuitem"]):not([role="option"]) {
|
|
46
55
|
outline: 2px solid var(--color-action-default);
|
package/dist/styles.css
CHANGED
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
--color-background-surface: #ffffff;
|
|
105
105
|
--color-background-muted: #f3f4f6;
|
|
106
106
|
--color-background-hover: #f3f4f6;
|
|
107
|
-
--color-background-selected: #
|
|
107
|
+
--color-background-selected: #e5e7eb;
|
|
108
108
|
--color-background-modal: rgba(0, 0, 0, 0.15);
|
|
109
109
|
--color-background-input: #ffffff;
|
|
110
110
|
--color-text-body: #333333;
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
--color-background-surface: #1a2038;
|
|
465
465
|
--color-background-muted: #374151;
|
|
466
466
|
--color-background-hover: #242d47;
|
|
467
|
-
--color-background-selected: #
|
|
467
|
+
--color-background-selected: #4b5563;
|
|
468
468
|
--color-background-modal: rgba(255, 255, 255, 0.12);
|
|
469
469
|
--color-background-input: rgba(255, 255, 255, 0.05);
|
|
470
470
|
--color-text-body: #ededef;
|
|
@@ -1044,6 +1044,9 @@
|
|
|
1044
1044
|
[role="menuitem"], [role="option"] {
|
|
1045
1045
|
outline: none;
|
|
1046
1046
|
}
|
|
1047
|
+
:focus:not(:focus-visible) {
|
|
1048
|
+
outline: none !important;
|
|
1049
|
+
}
|
|
1047
1050
|
:focus-visible:not([role="menuitem"]):not([role="option"]) {
|
|
1048
1051
|
outline: 2px solid var(--color-action-default);
|
|
1049
1052
|
outline-offset: 2px;
|
|
@@ -2335,6 +2338,9 @@
|
|
|
2335
2338
|
.gap-10 {
|
|
2336
2339
|
gap: var(--spacing-10);
|
|
2337
2340
|
}
|
|
2341
|
+
.gap-16 {
|
|
2342
|
+
gap: var(--spacing-16);
|
|
2343
|
+
}
|
|
2338
2344
|
.gap-\[var\(--control-gap-lg\)\] {
|
|
2339
2345
|
gap: var(--control-gap-lg);
|
|
2340
2346
|
}
|
|
@@ -3654,6 +3660,9 @@
|
|
|
3654
3660
|
--tw-tracking: var(--tracking-wider);
|
|
3655
3661
|
letter-spacing: var(--tracking-wider);
|
|
3656
3662
|
}
|
|
3663
|
+
.text-ellipsis {
|
|
3664
|
+
text-overflow: ellipsis;
|
|
3665
|
+
}
|
|
3657
3666
|
.whitespace-nowrap {
|
|
3658
3667
|
white-space: nowrap;
|
|
3659
3668
|
}
|
|
@@ -6070,11 +6079,6 @@
|
|
|
6070
6079
|
color: var(--color-gray-400);
|
|
6071
6080
|
}
|
|
6072
6081
|
}
|
|
6073
|
-
.dark\:text-gray-700 {
|
|
6074
|
-
@media (prefers-color-scheme: dark) {
|
|
6075
|
-
color: var(--color-gray-700);
|
|
6076
|
-
}
|
|
6077
|
-
}
|
|
6078
6082
|
.dark\:text-text-body {
|
|
6079
6083
|
@media (prefers-color-scheme: dark) {
|
|
6080
6084
|
color: var(--color-text-body);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.17.
|
|
3
|
-
"generatedAt": "2025-11-
|
|
2
|
+
"version": "1.17.2",
|
|
3
|
+
"generatedAt": "2025-11-04T18:18:44.060Z",
|
|
4
4
|
"categories": {
|
|
5
5
|
"hooks": {
|
|
6
6
|
"description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
|