@kbach/react 0.5.46 → 0.5.47

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.
Files changed (13) hide show
  1. package/README.md +1 -1
  2. package/dist/{chunk-ZN5E7I56.mjs → chunk-LCK5OGHT.mjs} +2 -2
  3. package/dist/{chunk-G76344ZQ.mjs → chunk-NIBECTRQ.mjs} +6 -4
  4. package/dist/{chunk-ISCQQRG5.mjs → chunk-U3GY5Y6J.mjs} +1 -1
  5. package/dist/index.js +6 -4
  6. package/dist/index.mjs +2 -2
  7. package/dist/jsx-dev-runtime.js +6 -4
  8. package/dist/jsx-dev-runtime.mjs +3 -3
  9. package/dist/jsx-runtime.js +6 -4
  10. package/dist/jsx-runtime.mjs +3 -3
  11. package/dist/vite-plugin.js +6 -4
  12. package/dist/vite-plugin.mjs +1 -1
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -334,7 +334,7 @@ Opacity modifier: `bg-blue-6/50` (50% alpha), `bg-blue-6/[0.15]` (arbitrary)
334
334
 
335
335
  Included automatically in `kbach.css` and in runtime injection:
336
336
 
337
- - `*, *::before, *::after { box-sizing: border-box }`
337
+ - `*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor }` — border utilities like `border-2 border-gray-4` work on any element without also needing `border-solid`
338
338
  - `body { margin: 0; padding: 0 }`
339
339
  - `h1–h6` — margin, font-size, font-weight cleared (inherit from parent)
340
340
  - `p`, `ul`, `ol` — margin and list style cleared
package/dist/{chunk-ZN5E7I56.mjs → chunk-LCK5OGHT.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  hasResponsiveBuckets,
5
5
  useConditionalWidth,
6
6
  useGlobalDarkMode
7
- } from "./chunk-ISCQQRG5.mjs";
7
+ } from "./chunk-U3GY5Y6J.mjs";
8
8
  import {
9
9
  flatten,
10
10
  getActiveBreakpoints,
@@ -17,7 +17,7 @@ import {
17
17
  isRuntimeCSSDisabled,
18
18
  normalizeClassString,
19
19
  resolve
20
- } from "./chunk-G76344ZQ.mjs";
20
+ } from "./chunk-NIBECTRQ.mjs";
21
21
 
22
22
  // src/jsx-runtime.tsx
23
23
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
package/dist/{chunk-G76344ZQ.mjs → chunk-NIBECTRQ.mjs} RENAMED
@@ -2435,16 +2435,18 @@ function findOuterColon(s) {
2435
2435
 
2436
2436
  // src/core/reset.ts
2437
2437
  var BASE_RESET = [
2438
- "*, *::before, *::after { box-sizing: border-box; }",
2438
+ // border-style: solid means border-N utilities show a visible border without an extra border-solid class.
2439
+ // border-width: 0 keeps all elements borderless by default.
2440
+ "*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }",
2439
2441
  "body { margin: 0; padding: 0; }",
2440
2442
  "h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }",
2441
2443
  "p { margin: 0; }",
2442
2444
  "a { color: inherit; text-decoration: none; }",
2443
2445
  "ul, ol { margin: 0; padding: 0; list-style: none; }",
2444
2446
  "img, video, svg { display: block; max-width: 100%; }",
2445
- "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2446
- "button { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2447
- "fieldset { border: 0; padding: 0; margin: 0; }",
2447
+ "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2448
+ "button { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2449
+ "fieldset { padding: 0; margin: 0; }",
2448
2450
  "table { border-collapse: collapse; border-spacing: 0; }"
2449
2451
  ].join("\n");
2450
2452
 
package/dist/{chunk-ISCQQRG5.mjs → chunk-U3GY5Y6J.mjs} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  isNative,
7
7
  isWeb,
8
8
  subscribeGlobalWidth
9
- } from "./chunk-G76344ZQ.mjs";
9
+ } from "./chunk-NIBECTRQ.mjs";
10
10
 
11
11
  // src/core/darkModeStore.ts
12
12
  var KEY = "__kbach_dark_store__";
package/dist/index.js CHANGED
@@ -2606,16 +2606,18 @@ function findOuterColon(s) {
2606
2606
 
2607
2607
  // src/core/reset.ts
2608
2608
  var BASE_RESET = [
2609
- "*, *::before, *::after { box-sizing: border-box; }",
2609
+ // border-style: solid means border-N utilities show a visible border without an extra border-solid class.
2610
+ // border-width: 0 keeps all elements borderless by default.
2611
+ "*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }",
2610
2612
  "body { margin: 0; padding: 0; }",
2611
2613
  "h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }",
2612
2614
  "p { margin: 0; }",
2613
2615
  "a { color: inherit; text-decoration: none; }",
2614
2616
  "ul, ol { margin: 0; padding: 0; list-style: none; }",
2615
2617
  "img, video, svg { display: block; max-width: 100%; }",
2616
- "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2617
- "button { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2618
- "fieldset { border: 0; padding: 0; margin: 0; }",
2618
+ "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2619
+ "button { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2620
+ "fieldset { padding: 0; margin: 0; }",
2619
2621
  "table { border-collapse: collapse; border-spacing: 0; }"
2620
2622
  ].join("\n");
2621
2623
 
package/dist/index.mjs CHANGED
@@ -7,7 +7,7 @@ import {
7
7
  useConditionalWidth,
8
8
  useGlobalDarkMode,
9
9
  useGlobalWidth
10
- } from "./chunk-ISCQQRG5.mjs";
10
+ } from "./chunk-U3GY5Y6J.mjs";
11
11
  import {
12
12
  __require,
13
13
  buildConfig,
@@ -29,7 +29,7 @@ import {
29
29
  syncGlobalScreens,
30
30
  syncGlobalWidth,
31
31
  updateConfig
32
- } from "./chunk-G76344ZQ.mjs";
32
+ } from "./chunk-NIBECTRQ.mjs";
33
33
 
34
34
  // src/context.tsx
35
35
  import { createContext, useContext } from "react";
package/dist/jsx-dev-runtime.js CHANGED
@@ -2506,16 +2506,18 @@ function findOuterColon(s) {
2506
2506
 
2507
2507
  // src/core/reset.ts
2508
2508
  var BASE_RESET = [
2509
- "*, *::before, *::after { box-sizing: border-box; }",
2509
+ // border-style: solid means border-N utilities show a visible border without an extra border-solid class.
2510
+ // border-width: 0 keeps all elements borderless by default.
2511
+ "*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }",
2510
2512
  "body { margin: 0; padding: 0; }",
2511
2513
  "h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }",
2512
2514
  "p { margin: 0; }",
2513
2515
  "a { color: inherit; text-decoration: none; }",
2514
2516
  "ul, ol { margin: 0; padding: 0; list-style: none; }",
2515
2517
  "img, video, svg { display: block; max-width: 100%; }",
2516
- "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2517
- "button { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2518
- "fieldset { border: 0; padding: 0; margin: 0; }",
2518
+ "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2519
+ "button { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2520
+ "fieldset { padding: 0; margin: 0; }",
2519
2521
  "table { border-collapse: collapse; border-spacing: 0; }"
2520
2522
  ].join("\n");
2521
2523
 
package/dist/jsx-dev-runtime.mjs CHANGED
@@ -2,9 +2,9 @@ import {
2
2
  Fragment,
3
3
  jsx,
4
4
  jsxs
5
- } from "./chunk-ZN5E7I56.mjs";
6
- import "./chunk-ISCQQRG5.mjs";
7
- import "./chunk-G76344ZQ.mjs";
5
+ } from "./chunk-LCK5OGHT.mjs";
6
+ import "./chunk-U3GY5Y6J.mjs";
7
+ import "./chunk-NIBECTRQ.mjs";
8
8
 
9
9
  // src/jsx-dev-runtime.tsx
10
10
  function jsxDEV(type, props, key, isStaticChildren, source, self) {
package/dist/jsx-runtime.js CHANGED
@@ -2506,16 +2506,18 @@ function findOuterColon(s) {
2506
2506
 
2507
2507
  // src/core/reset.ts
2508
2508
  var BASE_RESET = [
2509
- "*, *::before, *::after { box-sizing: border-box; }",
2509
+ // border-style: solid means border-N utilities show a visible border without an extra border-solid class.
2510
+ // border-width: 0 keeps all elements borderless by default.
2511
+ "*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }",
2510
2512
  "body { margin: 0; padding: 0; }",
2511
2513
  "h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }",
2512
2514
  "p { margin: 0; }",
2513
2515
  "a { color: inherit; text-decoration: none; }",
2514
2516
  "ul, ol { margin: 0; padding: 0; list-style: none; }",
2515
2517
  "img, video, svg { display: block; max-width: 100%; }",
2516
- "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2517
- "button { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2518
- "fieldset { border: 0; padding: 0; margin: 0; }",
2518
+ "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
2519
+ "button { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
2520
+ "fieldset { padding: 0; margin: 0; }",
2519
2521
  "table { border-collapse: collapse; border-spacing: 0; }"
2520
2522
  ].join("\n");
2521
2523
 
package/dist/jsx-runtime.mjs CHANGED
@@ -3,9 +3,9 @@ import {
3
3
  _invalidateDefaultFontCache,
4
4
  jsx,
5
5
  jsxs
6
- } from "./chunk-ZN5E7I56.mjs";
7
- import "./chunk-ISCQQRG5.mjs";
8
- import "./chunk-G76344ZQ.mjs";
6
+ } from "./chunk-LCK5OGHT.mjs";
7
+ import "./chunk-U3GY5Y6J.mjs";
8
+ import "./chunk-NIBECTRQ.mjs";
9
9
  export {
10
10
  Fragment,
11
11
  _invalidateDefaultFontCache,
package/dist/vite-plugin.js CHANGED
@@ -49,16 +49,18 @@ function escapeCSSSelector(cls) {
49
49
 
50
50
  // src/core/reset.ts
51
51
  var BASE_RESET = [
52
- "*, *::before, *::after { box-sizing: border-box; }",
52
+ // border-style: solid means border-N utilities show a visible border without an extra border-solid class.
53
+ // border-width: 0 keeps all elements borderless by default.
54
+ "*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }",
53
55
  "body { margin: 0; padding: 0; }",
54
56
  "h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }",
55
57
  "p { margin: 0; }",
56
58
  "a { color: inherit; text-decoration: none; }",
57
59
  "ul, ol { margin: 0; padding: 0; list-style: none; }",
58
60
  "img, video, svg { display: block; max-width: 100%; }",
59
- "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
60
- "button { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
61
- "fieldset { border: 0; padding: 0; margin: 0; }",
61
+ "input, textarea, select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; line-height: inherit; }",
62
+ "button { appearance: none; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; line-height: inherit; text-align: inherit; }",
63
+ "fieldset { padding: 0; margin: 0; }",
62
64
  "table { border-collapse: collapse; border-spacing: 0; }"
63
65
  ].join("\n");
64
66
 
package/dist/vite-plugin.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  generateClassCSS,
5
5
  setCSSGenMode,
6
6
  splitClassTokens
7
- } from "./chunk-G76344ZQ.mjs";
7
+ } from "./chunk-NIBECTRQ.mjs";
8
8
 
9
9
  // src/vite-plugin.ts
10
10
  import { readFileSync, writeFileSync, readdirSync, statSync } from "fs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kbach/react",
3
- "version": "0.5.46",
3
+ "version": "0.5.47",
4
4
  "description": "React / React Native components and hooks for the Kbach framework",
5
5
  "source": "./src/index.ts",
6
6
  "main": "./dist/index.js",