@jobber/components 6.31.1 → 6.32.0

package/dist/Heading/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { TypographyOptions } from "../Typography";
+import { TypographyOptions, TypographyProps } from "../Typography";
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 interface HeadingProps {
     /**
@@ -11,7 +11,19 @@ interface HeadingProps {
      * Allows overriding of the element rendered. Defaults to the heading specified with level.
      */
     readonly element?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    /**
+     * **Use at your own risk:** Custom classNames for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: TypographyProps["UNSAFE_className"];
+    /**
+     * **Use at your own risk:** Custom styles for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: TypographyProps["UNSAFE_style"];
 }
 export type LevelMap = Record<HeadingLevel, TypographyOptions>;
-export declare function Heading({ level, children, element }: HeadingProps): JSX.Element;
+export declare function Heading({ level, children, element, UNSAFE_className, UNSAFE_style, }: HeadingProps): JSX.Element;
 export {};

package/dist/Heading-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Typography = require('./Typography-cjs.js');
 
-function Heading({ level = 5, children, element }) {
+function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style, }) {
     const levelMap = {
         1: {
             element: "h1",
@@ -43,7 +43,7 @@ function Heading({ level = 5, children, element }) {
             textColor: "heading",
         },
     };
-    return (React.createElement(Typography.Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element }), children));
+    return (React.createElement(Typography.Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
 }
 
 exports.Heading = Heading;

package/dist/Heading-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
-function Heading({ level = 5, children, element }) {
+function Heading({ level = 5, children, element, UNSAFE_className, UNSAFE_style, }) {
     const levelMap = {
         1: {
             element: "h1",
@@ -41,7 +41,7 @@ function Heading({ level = 5, children, element }) {
             textColor: "heading",
         },
     };
-    return (React__default.createElement(Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element }), children));
+    return (React__default.createElement(Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }), children));
 }
 
 export { Heading as H };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.31.1",
+  "version": "6.32.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -490,5 +490,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fc7b94413203d2412defd168c6e765e3fd114f8a"
+  "gitHead": "8057aecd00ce2b6891b4b6e054d47f3b9125e8b1"
 }