@utilitywarehouse/hearth-react 0.21.0 → 0.22.0

package/dist/props/overflow.props.d.cts

@@ -0,0 +1,27 @@
+import { Responsive } from '../types/responsive.cjs';
+
+declare const values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+declare const overflowPropDefs: {
+    overflow: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+    overflowX: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+    overflowY: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+};
+interface OverflowProps {
+    overflow?: Responsive<(typeof values)[number]>;
+    overflowX?: Responsive<(typeof values)[number]>;
+    overflowY?: Responsive<(typeof values)[number]>;
+}
+
+export { type OverflowProps, overflowPropDefs };

package/dist/props/overflow.props.d.ts

@@ -0,0 +1,27 @@
+import { Responsive } from '../types/responsive.js';
+
+declare const values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+declare const overflowPropDefs: {
+    overflow: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+    overflowX: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+    overflowY: {
+        className: string;
+        tokens: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+        responsive: true;
+    };
+};
+interface OverflowProps {
+    overflow?: Responsive<(typeof values)[number]>;
+    overflowX?: Responsive<(typeof values)[number]>;
+    overflowY?: Responsive<(typeof values)[number]>;
+}
+
+export { type OverflowProps, overflowPropDefs };

package/dist/props/overflow.props.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-COZ4PWO4.js";export{a as overflowPropDefs};
+//# sourceMappingURL=overflow.props.js.map

package/dist/props/overflow.props.js.map

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

package/dist/props/padding.props.cjs

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

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

@@ -28,12 +28,12 @@ declare const paddingPropDefs: {
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
-    paddingInline: {
+    paddingX: {
         className: string;
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
-    paddingBlock: {
+    paddingY: {
         className: string;
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
@@ -45,8 +45,8 @@ interface PaddingProps {
     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>;
+    paddingX?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingY?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
 }
 
 export { type PaddingProps, paddingPropDefs };

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

@@ -28,12 +28,12 @@ declare const paddingPropDefs: {
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
-    paddingInline: {
+    paddingX: {
         className: string;
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
     };
-    paddingBlock: {
+    paddingY: {
         className: string;
         tokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
         responsive: true;
@@ -45,8 +45,8 @@ interface PaddingProps {
     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>;
+    paddingX?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
+    paddingY?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;
 }
 
 export { type PaddingProps, paddingPropDefs };

package/dist/props/padding.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-JKVDNRMX.js";import"../chunk-NMHPABLW.js";export{a as paddingPropDefs};
+import{a}from"../chunk-KGPZIPOA.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 _chunk5LHF6N4Ccjs = require('../chunk-5LHF6N4C.cjs');require('../chunk-76HQAMKU.cjs');exports.positionPropDefs = _chunk5LHF6N4Ccjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFGO7V5QUcjs = require('../chunk-FGO7V5QU.cjs');require('../chunk-76HQAMKU.cjs');exports.positionPropDefs = _chunkFGO7V5QUcjs.a;
 //# sourceMappingURL=position.props.cjs.map

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

@@ -2,7 +2,7 @@ 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 values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
 declare const positionPropDefs: {
     position: {
         className: string;
@@ -36,7 +36,7 @@ declare const positionPropDefs: {
     };
 };
 interface PositionProps {
-    position?: Responsive<(typeof positionValues)[number]>;
+    position?: Responsive<(typeof values)[number]>;
     inset?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
     top?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
     right?: Responsive<Union<string, (typeof spaceTokens)[number]>>;

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

@@ -2,7 +2,7 @@ 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 values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
 declare const positionPropDefs: {
     position: {
         className: string;
@@ -36,7 +36,7 @@ declare const positionPropDefs: {
     };
 };
 interface PositionProps {
-    position?: Responsive<(typeof positionValues)[number]>;
+    position?: Responsive<(typeof values)[number]>;
     inset?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
     top?: Responsive<Union<string, (typeof spaceTokens)[number]>>;
     right?: Responsive<Union<string, (typeof spaceTokens)[number]>>;

package/dist/props/position.props.js

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

package/dist/props/prop-def.d.cts

@@ -9,7 +9,7 @@
  * const colorProp: PropDef<string> = {
  *   className: 'color',
  *   responsive: false,
- *   tokens: ['grey-100', 'grey-200', 'blue-500'],
+ *   tokens: ['100', '200', '500'],
  * };
  * ```
  */

package/dist/props/prop-def.d.ts

@@ -9,7 +9,7 @@
  * const colorProp: PropDef<string> = {
  *   className: 'color',
  *   responsive: false,
- *   tokens: ['grey-100', 'grey-200', 'blue-500'],
+ *   tokens: ['100', '200', '500'],
  * };
  * ```
  */

package/dist/props/size.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkIYSVQSPGcjs = require('../chunk-IYSVQSPG.cjs');exports.sizePropDefs = _chunkIYSVQSPGcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFHPC6D24cjs = require('../chunk-FHPC6D24.cjs');exports.sizePropDefs = _chunkFHPC6D24cjs.a;
 //# sourceMappingURL=size.props.cjs.map

package/dist/props/size.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-EUTKQ2DV.js";export{a as sizePropDefs};
+import{a}from"../chunk-G4IYVCCQ.js";export{a as sizePropDefs};
 //# sourceMappingURL=size.props.js.map

package/dist/props/spacing.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk4PUYMJD4cjs = require('../chunk-4PUYMJD4.cjs');exports.spacingPropDefs = _chunk4PUYMJD4cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPXAQVKXRcjs = require('../chunk-PXAQVKXR.cjs');exports.spacingPropDefs = _chunkPXAQVKXRcjs.a;
 //# sourceMappingURL=spacing.props.cjs.map

package/dist/props/spacing.props.d.cts

@@ -1,4 +1,4 @@
-declare const spacingValues: readonly ["none", "2xs", "xs", "sm", "md", "lg", "xl", "2xl"];
+declare const values: readonly ["none", "2xs", "xs", "sm", "md", "lg", "xl", "2xl"];
 declare const spacingPropDefs: {
     spacing: {
         className: string;
@@ -20,15 +20,15 @@ interface SpacingProps {
     /**
      * Set responsive spacing between child elements.
      */
-    spacing?: (typeof spacingValues)[number];
+    spacing?: (typeof values)[number];
     /**
      * Set responsive row spacing between child elements.
      */
-    rowSpacing?: (typeof spacingValues)[number];
+    rowSpacing?: (typeof values)[number];
     /**
      * Set responsive column spacing between child elements.
      */
-    columnSpacing?: (typeof spacingValues)[number];
+    columnSpacing?: (typeof values)[number];
 }
 
 export { type SpacingProps, spacingPropDefs };

package/dist/props/spacing.props.d.ts

@@ -1,4 +1,4 @@
-declare const spacingValues: readonly ["none", "2xs", "xs", "sm", "md", "lg", "xl", "2xl"];
+declare const values: readonly ["none", "2xs", "xs", "sm", "md", "lg", "xl", "2xl"];
 declare const spacingPropDefs: {
     spacing: {
         className: string;
@@ -20,15 +20,15 @@ interface SpacingProps {
     /**
      * Set responsive spacing between child elements.
      */
-    spacing?: (typeof spacingValues)[number];
+    spacing?: (typeof values)[number];
     /**
      * Set responsive row spacing between child elements.
      */
-    rowSpacing?: (typeof spacingValues)[number];
+    rowSpacing?: (typeof values)[number];
     /**
      * Set responsive column spacing between child elements.
      */
-    columnSpacing?: (typeof spacingValues)[number];
+    columnSpacing?: (typeof values)[number];
 }
 
 export { type SpacingProps, spacingPropDefs };

package/dist/props/spacing.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-E7ZCZZM6.js";export{a as spacingPropDefs};
+import{a}from"../chunk-5B5OGUUS.js";export{a as spacingPropDefs};
 //# sourceMappingURL=spacing.props.js.map

package/dist/props/text-align.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6XA5OQRTcjs = require('../chunk-6XA5OQRT.cjs');exports.textAlignPropDefs = _chunk6XA5OQRTcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSYIQVRDTcjs = require('../chunk-SYIQVRDT.cjs');exports.textAlignPropDefs = _chunkSYIQVRDTcjs.a;
 //# sourceMappingURL=text-align.props.cjs.map

package/dist/props/text-align.props.d.cts

@@ -1,6 +1,6 @@
 import { Responsive } from '../types/responsive.cjs';
 
-declare const textAlignValues: readonly ["left", "center", "right"];
+declare const values: readonly ["left", "center", "right"];
 declare const textAlignPropDefs: {
     textAlign: {
         className: string;
@@ -9,10 +9,7 @@ declare const textAlignPropDefs: {
     };
 };
 interface TextAlignProps {
-    /**
-     * Set the text-align on the component.
-     */
-    textAlign?: Responsive<(typeof textAlignValues)[number]>;
+    textAlign?: Responsive<(typeof values)[number]>;
 }
 
 export { type TextAlignProps, textAlignPropDefs };

package/dist/props/text-align.props.d.ts

@@ -1,6 +1,6 @@
 import { Responsive } from '../types/responsive.js';
 
-declare const textAlignValues: readonly ["left", "center", "right"];
+declare const values: readonly ["left", "center", "right"];
 declare const textAlignPropDefs: {
     textAlign: {
         className: string;
@@ -9,10 +9,7 @@ declare const textAlignPropDefs: {
     };
 };
 interface TextAlignProps {
-    /**
-     * Set the text-align on the component.
-     */
-    textAlign?: Responsive<(typeof textAlignValues)[number]>;
+    textAlign?: Responsive<(typeof values)[number]>;
 }
 
 export { type TextAlignProps, textAlignPropDefs };

package/dist/props/text-align.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-LFUFY26R.js";export{a as textAlignPropDefs};
+import{a}from"../chunk-VG3SD2O6.js";export{a as textAlignPropDefs};
 //# sourceMappingURL=text-align.props.js.map

package/dist/props/text-transform.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUICIKADYcjs = require('../chunk-UICIKADY.cjs');exports.textTransformPropDefs = _chunkUICIKADYcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR7DFRCL2cjs = require('../chunk-R7DFRCL2.cjs');exports.textTransformPropDefs = _chunkR7DFRCL2cjs.a;
 //# sourceMappingURL=text-transform.props.cjs.map

package/dist/props/text-transform.props.d.cts

@@ -1,4 +1,4 @@
-declare const textTransformValues: readonly ["none", "uppercase", "lowercase", "capitalize"];
+declare const values: readonly ["none", "uppercase", "lowercase", "capitalize"];
 declare const textTransformPropDefs: {
     textTransform: {
         className: string;
@@ -10,7 +10,7 @@ interface TextTransformProps {
     /**
      * Set the text-transform on the component.
      */
-    textTransform?: (typeof textTransformValues)[number];
+    textTransform?: (typeof values)[number];
 }
 
 export { type TextTransformProps, textTransformPropDefs };

package/dist/props/text-transform.props.d.ts

@@ -1,4 +1,4 @@
-declare const textTransformValues: readonly ["none", "uppercase", "lowercase", "capitalize"];
+declare const values: readonly ["none", "uppercase", "lowercase", "capitalize"];
 declare const textTransformPropDefs: {
     textTransform: {
         className: string;
@@ -10,7 +10,7 @@ interface TextTransformProps {
     /**
      * Set the text-transform on the component.
      */
-    textTransform?: (typeof textTransformValues)[number];
+    textTransform?: (typeof values)[number];
 }
 
 export { type TextTransformProps, textTransformPropDefs };

package/dist/props/text-transform.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-AFZ3OJUA.js";export{a as textTransformPropDefs};
+import{a}from"../chunk-WP323DDO.js";export{a as textTransformPropDefs};
 //# sourceMappingURL=text-transform.props.js.map

package/dist/props/text-wrap.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3Q4XWRALcjs = require('../chunk-3Q4XWRAL.cjs');exports.textWrapPropDefs = _chunk3Q4XWRALcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQ2IHR4F5cjs = require('../chunk-Q2IHR4F5.cjs');exports.textWrapPropDefs = _chunkQ2IHR4F5cjs.a;
 //# sourceMappingURL=text-wrap.props.cjs.map

package/dist/props/text-wrap.props.d.cts

@@ -1,6 +1,6 @@
 import { Responsive } from '../types/responsive.cjs';
 
-declare const textWrapValues: readonly ["wrap", "nowrap", "balance", "pretty"];
+declare const values: readonly ["wrap", "nowrap", "balance", "pretty"];
 declare const textWrapPropDefs: {
     wrap: {
         className: string;
@@ -9,10 +9,7 @@ declare const textWrapPropDefs: {
     };
 };
 interface TextWrapProps {
-    /**
-     * Set the text-wrap on the component.
-     */
-    wrap?: Responsive<(typeof textWrapValues)[number]>;
+    wrap?: Responsive<(typeof values)[number]>;
 }
 
 export { type TextWrapProps, textWrapPropDefs };

package/dist/props/text-wrap.props.d.ts

@@ -1,6 +1,6 @@
 import { Responsive } from '../types/responsive.js';
 
-declare const textWrapValues: readonly ["wrap", "nowrap", "balance", "pretty"];
+declare const values: readonly ["wrap", "nowrap", "balance", "pretty"];
 declare const textWrapPropDefs: {
     wrap: {
         className: string;
@@ -9,10 +9,7 @@ declare const textWrapPropDefs: {
     };
 };
 interface TextWrapProps {
-    /**
-     * Set the text-wrap on the component.
-     */
-    wrap?: Responsive<(typeof textWrapValues)[number]>;
+    wrap?: Responsive<(typeof values)[number]>;
 }
 
 export { type TextWrapProps, textWrapPropDefs };

package/dist/props/text-wrap.props.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-VV7AHCQF.js";export{a as textWrapPropDefs};
+import{a}from"../chunk-WRZZBLWS.js";export{a as textWrapPropDefs};
 //# sourceMappingURL=text-wrap.props.js.map

package/dist/props/z-index.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKRKVIREPcjs = require('../chunk-KRKVIREP.cjs');exports.zIndexPropDefs = _chunkKRKVIREPcjs.a;
+//# sourceMappingURL=z-index.props.cjs.map

package/dist/props/z-index.props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,6CAA4B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"}

package/dist/props/z-index.props.d.cts

@@ -0,0 +1,13 @@
+import { Responsive } from '../types/responsive.cjs';
+
+declare const zIndexPropDefs: {
+    zIndex: {
+        className: string;
+        responsive: true;
+    };
+};
+interface ZIndexProps {
+    zIndex?: Responsive<string>;
+}
+
+export { type ZIndexProps, zIndexPropDefs };

package/dist/props/z-index.props.d.ts

@@ -0,0 +1,13 @@
+import { Responsive } from '../types/responsive.js';
+
+declare const zIndexPropDefs: {
+    zIndex: {
+        className: string;
+        responsive: true;
+    };
+};
+interface ZIndexProps {
+    zIndex?: Responsive<string>;
+}
+
+export { type ZIndexProps, zIndexPropDefs };

package/dist/props/z-index.props.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-FRRPRW67.js";export{a as zIndexPropDefs};
+//# sourceMappingURL=z-index.props.js.map

package/dist/props/z-index.props.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -48,6 +48,7 @@
     "@figma/code-connect": "^1.3.11",
     "@types/node": "^22.9.0",
     "autoprefixer": "^10.4.20",
+    "browserslist": "^4.28.1",
     "cssnano": "^7.0.6",
     "ejs": "^3.1.10",
     "postcss": "^8.4.49",
@@ -68,7 +69,8 @@
   "scripts": {
     "clean": "rm -rf .turbo node_modules dist *.css",
     "build": "pnpm build:css && pnpm build:js",
-    "build:css": "postcss ./src/styles/index.css -o styles.css",
+    "build:breakpoints": "cp ./src/styles/breakpoints.css ./breakpoints.css",
+    "build:css": "postcss ./src/styles/index.css -o styles.css && pnpm build:breakpoints",
     "build:js": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
     "dev:js": "NODE_OPTIONS='--max-old-space-size=16384' tsup --watch",
     "dev:css": "postcss --watch --verbose src/styles/index.css -o styles.css",