@utilitywarehouse/hearth-react 0.13.0 → 0.13.2

package/dist/props/gap.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-V6DSC6VC.js";import"../chunk-NMHPABLW.js";export{a as gapPropDefs};
+import{a}from"../chunk-VAINY4OM.js";import"../chunk-NMHPABLW.js";export{a as gapPropDefs};
 //# sourceMappingURL=gap.props.js.map

package/dist/props/margin.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLAVQWQP2cjs = require('../chunk-LAVQWQP2.cjs');require('../chunk-76HQAMKU.cjs');exports.marginPropDefs = _chunkLAVQWQP2cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHW74KDL7cjs = require('../chunk-HW74KDL7.cjs');require('../chunk-76HQAMKU.cjs');exports.marginPropDefs = _chunkHW74KDL7cjs.a;
 //# sourceMappingURL=margin.props.cjs.map

package/dist/props/margin.props.d.cts

@@ -1,3 +1,4 @@
+import { CssTokenVariable } from '../types/css-token-variable.cjs';
 import { Responsive } from '../types/responsive.cjs';
 
 declare const marginValues: readonly ["auto", "0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
@@ -39,13 +40,13 @@ declare const marginPropDefs: {
     };
 };
 interface MarginProps {
-    margin?: Responsive<(typeof marginValues)[number]>;
-    marginTop?: Responsive<(typeof marginValues)[number]>;
-    marginRight?: Responsive<(typeof marginValues)[number]>;
-    marginBottom?: Responsive<(typeof marginValues)[number]>;
-    marginLeft?: Responsive<(typeof marginValues)[number]>;
-    marginInline?: Responsive<(typeof marginValues)[number]>;
-    marginBlock?: Responsive<(typeof marginValues)[number]>;
+    margin?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginTop?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginRight?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginBottom?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginLeft?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginInline?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginBlock?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
 }
 
 export { type MarginProps, marginPropDefs };

package/dist/props/margin.props.d.ts

@@ -1,3 +1,4 @@
+import { CssTokenVariable } from '../types/css-token-variable.js';
 import { Responsive } from '../types/responsive.js';
 
 declare const marginValues: readonly ["auto", "0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
@@ -39,13 +40,13 @@ declare const marginPropDefs: {
     };
 };
 interface MarginProps {
-    margin?: Responsive<(typeof marginValues)[number]>;
-    marginTop?: Responsive<(typeof marginValues)[number]>;
-    marginRight?: Responsive<(typeof marginValues)[number]>;
-    marginBottom?: Responsive<(typeof marginValues)[number]>;
-    marginLeft?: Responsive<(typeof marginValues)[number]>;
-    marginInline?: Responsive<(typeof marginValues)[number]>;
-    marginBlock?: Responsive<(typeof marginValues)[number]>;
+    margin?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginTop?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginRight?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginBottom?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginLeft?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginInline?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
+    marginBlock?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;
 }
 
 export { type MarginProps, marginPropDefs };

package/dist/props/margin.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-XQ5A24NX.js";import"../chunk-NMHPABLW.js";export{a as marginPropDefs};
+import{a}from"../chunk-HZKPLNEZ.js";import"../chunk-NMHPABLW.js";export{a as marginPropDefs};
 //# sourceMappingURL=margin.props.js.map

package/dist/props/padding.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkCXGQIXJRcjs = require('../chunk-CXGQIXJR.cjs');require('../chunk-76HQAMKU.cjs');exports.paddingPropDefs = _chunkCXGQIXJRcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRO77CVYMcjs = require('../chunk-RO77CVYM.cjs');require('../chunk-76HQAMKU.cjs');exports.paddingPropDefs = _chunkRO77CVYMcjs.a;
 //# sourceMappingURL=padding.props.cjs.map

package/dist/props/padding.props.d.cts

@@ -1,4 +1,5 @@
 import { spaceTokens } from '../tokens/space.cjs';
+import { CssTokenVariable } from '../types/css-token-variable.cjs';
 import { Responsive } from '../types/responsive.cjs';
 
 declare const paddingPropDefs: {
@@ -39,13 +40,13 @@ declare const paddingPropDefs: {
     };
 };
 interface PaddingProps {
-    padding?: Responsive<(typeof spaceTokens)[number]>;
-    paddingTop?: Responsive<(typeof spaceTokens)[number]>;
-    paddingRight?: Responsive<(typeof spaceTokens)[number]>;
-    paddingBottom?: Responsive<(typeof spaceTokens)[number]>;
-    paddingLeft?: Responsive<(typeof spaceTokens)[number]>;
-    paddingInline?: Responsive<(typeof spaceTokens)[number]>;
-    paddingBlock?: Responsive<(typeof spaceTokens)[number]>;
+    padding?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingTop?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingRight?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingBottom?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingLeft?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingInline?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingBlock?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
 }
 
 export { type PaddingProps, paddingPropDefs };

package/dist/props/padding.props.d.ts

@@ -1,4 +1,5 @@
 import { spaceTokens } from '../tokens/space.js';
+import { CssTokenVariable } from '../types/css-token-variable.js';
 import { Responsive } from '../types/responsive.js';
 
 declare const paddingPropDefs: {
@@ -39,13 +40,13 @@ declare const paddingPropDefs: {
     };
 };
 interface PaddingProps {
-    padding?: Responsive<(typeof spaceTokens)[number]>;
-    paddingTop?: Responsive<(typeof spaceTokens)[number]>;
-    paddingRight?: Responsive<(typeof spaceTokens)[number]>;
-    paddingBottom?: Responsive<(typeof spaceTokens)[number]>;
-    paddingLeft?: Responsive<(typeof spaceTokens)[number]>;
-    paddingInline?: Responsive<(typeof spaceTokens)[number]>;
-    paddingBlock?: Responsive<(typeof spaceTokens)[number]>;
+    padding?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingTop?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingRight?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingBottom?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingLeft?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingInline?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingBlock?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
 }
 
 export { type PaddingProps, paddingPropDefs };

package/dist/props/padding.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-ND4U26VB.js";import"../chunk-NMHPABLW.js";export{a as paddingPropDefs};
+import{a}from"../chunk-JKVDNRMX.js";import"../chunk-NMHPABLW.js";export{a as paddingPropDefs};
 //# sourceMappingURL=padding.props.js.map

package/dist/props/position.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSZO4CNE5cjs = require('../chunk-SZO4CNE5.cjs');exports.positionPropDefs = _chunkSZO4CNE5cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5LHF6N4Ccjs = require('../chunk-5LHF6N4C.cjs');require('../chunk-76HQAMKU.cjs');exports.positionPropDefs = _chunk5LHF6N4Ccjs.a;
 //# sourceMappingURL=position.props.cjs.map

package/dist/props/position.props.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/position.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,+CAA8B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/position.props.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/position.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,+CAA8B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/position.props.cjs"}

package/dist/props/position.props.d.cts

@@ -1,4 +1,6 @@
 import { Responsive } from '../types/responsive.cjs';
+import { spaceTokens } from '../tokens/space.cjs';
+import { Union } from '../types/union.cjs';
 
 declare const positionValues: readonly ["static", "relative", "absolute", "fixed", "sticky"];
 declare const positionPropDefs: {
@@ -9,32 +11,37 @@ declare const positionPropDefs: {
     };
     inset: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     top: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     right: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     bottom: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     left: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
 };
 interface PositionProps {
     position?: Responsive<(typeof positionValues)[number]>;
-    inset?: Responsive<string>;
-    top?: Responsive<string>;
-    right?: Responsive<string>;
-    bottom?: Responsive<string>;
-    left?: Responsive<string>;
+    inset?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    top?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    right?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    bottom?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    left?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
 }
 
 export { type PositionProps, positionPropDefs };

package/dist/props/position.props.d.ts

@@ -1,4 +1,6 @@
 import { Responsive } from '../types/responsive.js';
+import { spaceTokens } from '../tokens/space.js';
+import { Union } from '../types/union.js';
 
 declare const positionValues: readonly ["static", "relative", "absolute", "fixed", "sticky"];
 declare const positionPropDefs: {
@@ -9,32 +11,37 @@ declare const positionPropDefs: {
     };
     inset: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     top: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     right: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     bottom: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
     left: {
         className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
 };
 interface PositionProps {
     position?: Responsive<(typeof positionValues)[number]>;
-    inset?: Responsive<string>;
-    top?: Responsive<string>;
-    right?: Responsive<string>;
-    bottom?: Responsive<string>;
-    left?: Responsive<string>;
+    inset?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    top?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    right?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    bottom?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
+    left?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
 }
 
 export { type PositionProps, positionPropDefs };

package/dist/props/position.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-CJ2QDEW6.js";export{a as positionPropDefs};
+import{a}from"../chunk-ZWAW5JVJ.js";import"../chunk-NMHPABLW.js";export{a as positionPropDefs};
 //# sourceMappingURL=position.props.js.map

package/dist/types/css-token-variable.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=css-token-variable.cjs.map

package/dist/types/css-token-variable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"}

package/dist/types/css-token-variable.d.cts

@@ -0,0 +1,3 @@
+type CssTokenVariable = `var(--h-${string})`;
+
+export type { CssTokenVariable };

package/dist/types/css-token-variable.d.ts

@@ -0,0 +1,3 @@
+type CssTokenVariable = `var(--h-${string})`;
+
+export type { CssTokenVariable };

package/dist/types/css-token-variable.js

@@ -0,0 +1 @@
+//# sourceMappingURL=css-token-variable.js.map

package/dist/types/css-token-variable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/union.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=union.cjs.map

package/dist/types/union.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"}

package/dist/types/union.d.cts

@@ -0,0 +1,3 @@
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+
+export type { Union };

package/dist/types/union.d.ts

@@ -0,0 +1,3 @@
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+
+export type { Union };

package/dist/types/union.js

@@ -0,0 +1 @@
+//# sourceMappingURL=union.js.map

package/dist/types/union.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -34,7 +34,7 @@
     "@utilitywarehouse/hearth-react-icons": "0.5.0",
     "react": "^18.0.0 || ^19.0.0 ",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@utilitywarehouse/hearth-fonts": "0.0.3"
+    "@utilitywarehouse/hearth-fonts": "0.0.4"
   },
   "dependencies": {
     "@radix-ui/react-use-controllable-state": "^1.0.1",