@jobber/components 6.29.0 → 6.30.0

package/dist/Text/Text.d.ts

@@ -1,8 +1,21 @@
 import { PropsWithChildren } from "react";
+import { TypographyProps } from "../Typography";
 export interface TextProps {
     readonly maxLines?: "single" | "small" | "base" | "large" | "larger" | "unlimited";
     readonly variation?: "default" | "subdued" | "success" | "error" | "warn" | "info" | "disabled";
     readonly align?: "start" | "center" | "end";
     readonly size?: "small" | "base" | "large";
+    /**
+     * **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 style 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 declare function Text({ variation, size, align, children, maxLines, }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function Text({ variation, size, align, children, maxLines, UNSAFE_className, UNSAFE_style, }: PropsWithChildren<TextProps>): JSX.Element;

package/dist/Text-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Typography = require('./Typography-cjs.js');
 
-function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
+function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
     const textColors = {
         default: "text",
         subdued: "textSecondary",
@@ -21,7 +21,7 @@ function Text({ variation = "default", size = "base", align = "start", children,
         larger: 16,
         unlimited: undefined,
     };
-    return (React.createElement(Typography.Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
+    return (React.createElement(Typography.Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
 }
 
 exports.Text = Text;

package/dist/Text-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
-function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
+function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
     const textColors = {
         default: "text",
         subdued: "textSecondary",
@@ -19,7 +19,7 @@ function Text({ variation = "default", size = "base", align = "start", children,
         larger: 16,
         unlimited: undefined,
     };
-    return (React__default.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
+    return (React__default.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
 }
 
 export { Text as T };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.29.0",
+  "version": "6.30.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -490,5 +490,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c89f5374f8dcd1c9c19e79b39adb7cf1de8a5c02"
+  "gitHead": "b3f75928b5f78ae0991ee6660e1759acfc7065cc"
 }