@kbach/react 0.5.1 → 0.5.3
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/KBACH.md +952 -0
- package/README.md +3 -3
- package/dist/{chunk-EBISJEHP.mjs → chunk-7C3WGTMN.mjs} +4 -9
- package/dist/{chunk-M3LZVDYD.mjs → chunk-OKK7AJ2G.mjs} +386 -245
- package/dist/index.js +386 -245
- package/dist/index.mjs +1 -1
- package/dist/jsx-dev-runtime.js +389 -253
- package/dist/jsx-dev-runtime.mjs +2 -2
- package/dist/jsx-runtime.js +389 -253
- package/dist/jsx-runtime.mjs +2 -2
- package/package.json +6 -3
- package/scripts/postinstall.js +28 -0
package/README.md
CHANGED
|
@@ -315,11 +315,11 @@ Prefix any class with `!` to add `!important` to every CSS declaration it produc
|
|
|
315
315
|
|
|
316
316
|
## Color scale
|
|
317
317
|
|
|
318
|
-
Colors use
|
|
318
|
+
Colors use a 12-shade scale — 1 is lightest, 12 is darkest.
|
|
319
319
|
|
|
320
320
|
```
|
|
321
|
-
shade 1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 · 9 · 10 · 11
|
|
322
|
-
light
|
|
321
|
+
shade 1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 · 9 · 10 · 11 · 12
|
|
322
|
+
light ──────────────────────────────────────────────────────────────── dark
|
|
323
323
|
```
|
|
324
324
|
|
|
325
325
|
Available families: slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
resolve,
|
|
9
9
|
useConditionalWidth,
|
|
10
10
|
useGlobalDarkMode
|
|
11
|
-
} from "./chunk-
|
|
11
|
+
} from "./chunk-OKK7AJ2G.mjs";
|
|
12
12
|
|
|
13
13
|
// src/jsx-runtime.tsx
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
|
|
@@ -88,17 +88,12 @@ var INTERACTIVE_MODS = /* @__PURE__ */ new Set([
|
|
|
88
88
|
"visited",
|
|
89
89
|
"not-visited",
|
|
90
90
|
"placeholder",
|
|
91
|
-
"focus-within",
|
|
92
|
-
"focus-visible",
|
|
93
91
|
"group-hover",
|
|
94
92
|
"group-focus",
|
|
95
93
|
"peer-hover",
|
|
96
|
-
"peer-focus"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
"odd",
|
|
100
|
-
"even",
|
|
101
|
-
"only"
|
|
94
|
+
"peer-focus"
|
|
95
|
+
// focus-within / focus-visible / first / last / odd / even / only are CSS-only —
|
|
96
|
+
// they have no JS state to track, so they don't need InteractiveWrapper.
|
|
102
97
|
]);
|
|
103
98
|
var RESPONSIVE_MODS2 = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "2xl"]);
|
|
104
99
|
var MODE_MODS_JSX = /* @__PURE__ */ new Set(["dark", "light", "not-dark", "not-light"]);
|