@jobber/components 6.3.0 → 6.3.1-JOB-97733-cb11119.2

package/dist/Divider/Divider.d.ts

@@ -1,16 +1,22 @@
+import sizes from "./DividerSizes.module.css";
+import directions from "./DividerDirections.module.css";
 interface DividerProps {
     /**
      * The weight of the divider.
      *
      * @default "base"
      */
-    readonly size?: "base" | "large" | "larger" | "largest";
+    readonly size?: keyof typeof sizes;
     /**
      * The direction of the divider
      *
      * @default "horizontal"
      */
-    readonly direction?: "horizontal" | "vertical";
+    readonly direction?: keyof typeof directions;
+    /**
+     * A reference to the element in the rendered output
+     */
+    readonly testID?: string;
 }
-export declare function Divider({ size, direction, }: DividerProps): JSX.Element;
+export declare function Divider({ size, direction, testID, }: DividerProps): JSX.Element;
 export {};

package/dist/Divider-cjs.js

@@ -3,17 +3,15 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"divider":"XLgPB38fKeE-","large":"EE23aLif9TE-","larger":"_3YM8cDUaQ0s-","largest":"bFtwsJp-w1g-","horizontal":"c4gI9U9imFo-","vertical":"_6-PzHAVWQP8-","spinning":"JenuDN3dhh4-"};
+var styles = {"divider":"XLgPB38fKeE-","spinning":"JenuDN3dhh4-"};
 
-function Divider({ size = "base", direction = "horizontal", }) {
-    const className = classnames(styles.divider, {
-        [styles.large]: size === "large",
-        [styles.larger]: size === "larger",
-        [styles.largest]: size === "largest",
-        [styles.horizontal]: direction == "horizontal",
-        [styles.vertical]: direction == "vertical",
-    });
-    return React.createElement("div", { className: className, role: "none presentation" });
+var sizes = {"base":"t44-9xW2xyI-","large":"DZLf49GmKvc-","larger":"D9ovrKetww8-","largest":"_8uEysWndSQc-","spinning":"XYvD7J9XpzM-"};
+
+var directions = {"horizontal":"evwHY54TitY-","vertical":"qT-G2Sn0Wm8-","spinning":"MPB4A2OgAUE-"};
+
+function Divider({ size = "base", direction = "horizontal", testID, }) {
+    const className = classnames(styles.divider, sizes[size], directions[direction]);
+    return (React.createElement("div", { className: className, "data-testid": testID, role: "none presentation" }));
 }
 
 exports.Divider = Divider;

package/dist/Divider-es.js

@@ -1,17 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
 
-var styles = {"divider":"XLgPB38fKeE-","large":"EE23aLif9TE-","larger":"_3YM8cDUaQ0s-","largest":"bFtwsJp-w1g-","horizontal":"c4gI9U9imFo-","vertical":"_6-PzHAVWQP8-","spinning":"JenuDN3dhh4-"};
+var styles = {"divider":"XLgPB38fKeE-","spinning":"JenuDN3dhh4-"};
 
-function Divider({ size = "base", direction = "horizontal", }) {
-    const className = classnames(styles.divider, {
-        [styles.large]: size === "large",
-        [styles.larger]: size === "larger",
-        [styles.largest]: size === "largest",
-        [styles.horizontal]: direction == "horizontal",
-        [styles.vertical]: direction == "vertical",
-    });
-    return React.createElement("div", { className: className, role: "none presentation" });
+var sizes = {"base":"t44-9xW2xyI-","large":"DZLf49GmKvc-","larger":"D9ovrKetww8-","largest":"_8uEysWndSQc-","spinning":"XYvD7J9XpzM-"};
+
+var directions = {"horizontal":"evwHY54TitY-","vertical":"qT-G2Sn0Wm8-","spinning":"MPB4A2OgAUE-"};
+
+function Divider({ size = "base", direction = "horizontal", testID, }) {
+    const className = classnames(styles.divider, sizes[size], directions[direction]);
+    return (React.createElement("div", { className: className, "data-testid": testID, role: "none presentation" }));
 }
 
 export { Divider as D };

package/dist/styles.css

@@ -6459,35 +6459,38 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .XLgPB38fKeE- {
-  --divider-width: var(--border-base);
   --divider-color: var(--color-border);
   margin: 0;
   padding: 0;
   border: none;
 }
 
-.EE23aLif9TE- {
+.t44-9xW2xyI- {
+  --divider-width: var(--border-base);
+}
+
+.DZLf49GmKvc- {
   --divider-width: var(--border-thick);
   opacity: 0.875;
 }
 
-._3YM8cDUaQ0s- {
+.D9ovrKetww8- {
   --divider-width: var(--border-thicker);
   opacity: 0.625;
 }
 
-.bFtwsJp-w1g- {
+._8uEysWndSQc- {
   --divider-width: var(--border-thickest);
   opacity: 0.375;
 }
 
-.c4gI9U9imFo- {
+.evwHY54TitY- {
   height: 1px;
   height: var(--space-minuscule);
   border-bottom: var(--divider-width) solid var(--divider-color);
 }
 
-._6-PzHAVWQP8- {
+.qT-G2Sn0Wm8- {
   width: 1px;
   width: var(--space-minuscule);
   height: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.3.0",
+  "version": "6.3.1-JOB-97733-cb11119.2+cb111193",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "0c3eed63915c81704d5ebaa9c1f4b68b10d13e47"
+  "gitHead": "cb1111932f4fe1c7e60730feb46f7407a076b6d5"
 }