@jobber/components 2.86.0 → 2.86.2

package/dist/Popover/index.js

@@ -2,61 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
+var reactPopper = require('react-popper');
+var hooks = require('@jobber/hooks');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var ButtonDismiss = require('../ButtonDismiss-4cde8f7c.js');
+require('../Button-5b2f1636.js');
 require('classnames');
-require('../Typography/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
 require('react-router-dom');
-require('../Button/index.js');
-var hooks = require('@jobber/hooks');
-var index$1$1 = require('../ButtonDismiss/index.js');
-var reactPopper = require('react-popper');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var css = ":root {\n  --card--base-padding: var(--space-base);\n  --popover--padding: var(--space-base);\n  --popover--width: calc(var(--base-unit) * 21.875);\n  --dismiss--button-padding: calc(var(--base-unit) / 4);\n}\n\n.bmcwfoRgxW9uxv0uyXH04 {\n  display: -ms-flexbox;\n  display: flex;\n  position: \"relative\";\n  padding: var(--space-base);\n  padding: var(--space-base);\n  padding: var(--popover--padding);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.TjIegPUFwvTBnPHT-hzfN {\n  float: right;\n  padding: calc(var(--base-unit) / 4);\n  padding: calc(var(--base-unit) / 4);\n  padding: var(--dismiss--button-padding);\n  text-align: right;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z {\n  z-index: var(--elevation-tooltip);\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: calc(var(--base-unit) * 21.875);\n  max-width: var(--popover--width);\n  box-shadow: var(--shadow-base);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n  font-size: var(--base-unit);\n  line-height: normal;\n  background: var(--color-surface);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z > * {\n  --public-content--padding: var(--card--base-padding);\n}\n\n.ZBY5pcUZw7V-86CZwsJcF {\n  visibility: hidden;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF,\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  position: absolute;\n  width: var(--base-unit);\n  height: var(--base-unit);\n  background: inherit;\n}\n\n.ZBY5pcUZw7V-86CZwsJcF::before {\n  content: \"\";\n  visibility: visible;\n  border: var(--border-base) solid var(--color-border);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n          clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  bottom: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"top\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-135deg);\n          transform: rotate(-135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"bottom\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  top: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  right: -5px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"left\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF {\n  left: -7px;\n}\n\n._1v-Ekqld7VhWiu8_bFt62z[data-popper-placement^=\"right\"] > .ZBY5pcUZw7V-86CZwsJcF::before {\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n";
 var classes = {"header":"bmcwfoRgxW9uxv0uyXH04","dismissButton":"TjIegPUFwvTBnPHT-hzfN","popover":"_1v-Ekqld7VhWiu8_bFt62z","arrow":"ZBY5pcUZw7V-86CZwsJcF"};
-__chunk_2.styleInject(css);
+styleInject_es.styleInject(css);
 
-function Popover(_a) {
-    var onRequestClose = _a.onRequestClose, children = _a.children, attachTo = _a.attachTo, open = _a.open, _b = _a.preferredPlacement, preferredPlacement = _b === void 0 ? "auto" : _b;
-    var _c = __chunk_1.__read(React.useState(), 2), popperElement = _c[0], setPopperElement = _c[1];
-    var _d = __chunk_1.__read(React.useState(), 2), arrowElement = _d[0], setArrowElement = _d[1];
-    var _e = reactPopper.usePopper(attachTo instanceof Element ? attachTo : attachTo.current, popperElement, {
-        modifiers: buildModifiers(arrowElement),
-        placement: preferredPlacement,
-    }), popperStyles = _e.styles, attributes = _e.attributes;
-    hooks.useRefocusOnActivator(open);
-    return (React__default.createElement(React__default.Fragment, null, open && (React__default.createElement("div", __chunk_1.__assign({ role: "dialog", ref: setPopperElement, style: popperStyles.popper, className: classes.popover }, attributes.popper),
-        React__default.createElement("div", { className: classes.dismissButton },
-            React__default.createElement(index$1$1.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),
-        children,
-        React__default.createElement("div", { ref: setArrowElement, className: classes.arrow, style: popperStyles.arrow })))));
-}
-function buildModifiers(arrowElement) {
-    var modifiers = [
-        {
-            name: "arrow",
-            options: { element: arrowElement, padding: 10 },
-        },
-        {
-            name: "offset",
-            options: {
-                offset: [0, 10],
-            },
-        },
-        {
-            name: "flip",
-            options: {
-                fallbackPlacements: ["auto"],
-            },
-        },
-    ];
-    return modifiers;
+function Popover(_a) {
+    var onRequestClose = _a.onRequestClose, children = _a.children, attachTo = _a.attachTo, open = _a.open, _b = _a.preferredPlacement, preferredPlacement = _b === void 0 ? "auto" : _b;
+    var _c = tslib_es6.__read(React.useState(), 2), popperElement = _c[0], setPopperElement = _c[1];
+    var _d = tslib_es6.__read(React.useState(), 2), arrowElement = _d[0], setArrowElement = _d[1];
+    var _e = reactPopper.usePopper(attachTo instanceof Element ? attachTo : attachTo.current, popperElement, {
+        modifiers: buildModifiers(arrowElement),
+        placement: preferredPlacement,
+    }), popperStyles = _e.styles, attributes = _e.attributes;
+    hooks.useRefocusOnActivator(open);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", tslib_es6.__assign({ role: "dialog", ref: setPopperElement, style: popperStyles.popper, className: classes.popover }, attributes.popper),
+        React__default["default"].createElement("div", { className: classes.dismissButton },
+            React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),
+        children,
+        React__default["default"].createElement("div", { ref: setArrowElement, className: classes.arrow, style: popperStyles.arrow })))));
+}
+function buildModifiers(arrowElement) {
+    var modifiers = [
+        {
+            name: "arrow",
+            options: { element: arrowElement, padding: 10 },
+        },
+        {
+            name: "offset",
+            options: {
+                offset: [0, 10],
+            },
+        },
+        {
+            name: "flip",
+            options: {
+                fallbackPlacements: ["auto"],
+            },
+        },
+    ];
+    return modifiers;
 }
 
 exports.Popover = Popover;

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,18 +1,18 @@
-import sizes from "./Sizes.css";
-interface ProgressBarProps {
-    /**
-     * The current step that the progress bar is on.
-     */
-    readonly currentStep: number;
-    /**
-     * The total steps to use. For percentages you can set this to 100.
-     */
-    readonly totalSteps: number;
-    /**
-     * Set the size of the progress bar
-     * @default base
-     */
-    readonly size?: keyof typeof sizes;
-}
-export declare function ProgressBar({ currentStep, totalSteps, size, }: ProgressBarProps): JSX.Element;
-export {};
+import sizes from "./Sizes.css";
+interface ProgressBarProps {
+    /**
+     * The current step that the progress bar is on.
+     */
+    readonly currentStep: number;
+    /**
+     * The total steps to use. For percentages you can set this to 100.
+     */
+    readonly totalSteps: number;
+    /**
+     * Set the size of the progress bar
+     * @default base
+     */
+    readonly size?: keyof typeof sizes;
+}
+export declare function ProgressBar({ currentStep, totalSteps, size, }: ProgressBarProps): JSX.Element;
+export {};

package/dist/ProgressBar/index.d.ts

@@ -1 +1 @@
-export { ProgressBar } from "./ProgressBar";
+export { ProgressBar } from "./ProgressBar";

package/dist/ProgressBar/index.js

@@ -2,28 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var ProgressBar = require('../ProgressBar-e9a49129.js');
+require('react');
+require('classnames');
+require('../style-inject.es-dcee06b6.js');
 
-var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
 
-var css = ":root {\n  --progress-bar--height: var(--space-base);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value] {\n  width: 100%;\n  height: var(--space-base);\n  height: var(--space-base);\n  height: var(--progress-bar--height);\n  border: none;\n  vertical-align: baseline;\n  vertical-align: initial;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value],\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-bar {\n  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-bar {\n  background-color: var(--color-surface--background);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-value {\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n  background-color: var(--color-interactive);\n  transition: all var(--timing-slow) ease-out;\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-moz-progress-bar {\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n  background-color: var(--color-interactive);\n  transition: all var(--timing-slow) ease-out;\n}\n";
-var styles = {"ProgressBar":"_1WbkinyEDHI20rCq4zHOe6"};
-__chunk_2.styleInject(css);
 
-var css$1 = "._3m4bLvy45VVeWhtP3H5dQ3 {\n  --progress-bar--height: var(--space-smaller);\n}\n\n._2gLOi6dJvWt7HGwcOX4GlO {\n  --progress-bar--height: var(--space-base);\n}\n";
-var sizes = {"small":"_3m4bLvy45VVeWhtP3H5dQ3","base":"_2gLOi6dJvWt7HGwcOX4GlO"};
-__chunk_2.styleInject(css$1);
-
-function ProgressBar(_a) {
-    var currentStep = _a.currentStep, totalSteps = _a.totalSteps, _b = _a.size, size = _b === void 0 ? "base" : _b;
-    var percentage = (currentStep / totalSteps) * 100;
-    var progressBarClassName = classnames(styles.ProgressBar, sizes[size]);
-    return (React__default.createElement("progress", { className: progressBarClassName, max: totalSteps, value: currentStep },
-        percentage,
-        "%"));
-}
-
-exports.ProgressBar = ProgressBar;
+exports.ProgressBar = ProgressBar.ProgressBar;

package/dist/ProgressBar-e9a49129.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var css$1 = ":root {\n  --progress-bar--height: var(--space-base);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value] {\n  width: 100%;\n  height: var(--space-base);\n  height: var(--space-base);\n  height: var(--progress-bar--height);\n  border: none;\n  vertical-align: baseline;\n  vertical-align: initial;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value],\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-bar {\n  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-bar {\n  background-color: var(--color-surface--background);\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-webkit-progress-value {\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n  background-color: var(--color-interactive);\n  transition: all var(--timing-slow) ease-out;\n}\n\nprogress._1WbkinyEDHI20rCq4zHOe6[value]::-moz-progress-bar {\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--space-base) / 2);\n  border-radius: calc(var(--progress-bar--height) / 2);\n  background-color: var(--color-interactive);\n  transition: all var(--timing-slow) ease-out;\n}\n";
+var styles = {"ProgressBar":"_1WbkinyEDHI20rCq4zHOe6"};
+styleInject_es.styleInject(css$1);
+
+var css = "._3m4bLvy45VVeWhtP3H5dQ3 {\n  --progress-bar--height: var(--space-smaller);\n}\n\n._2gLOi6dJvWt7HGwcOX4GlO {\n  --progress-bar--height: var(--space-base);\n}\n";
+var sizes = {"small":"_3m4bLvy45VVeWhtP3H5dQ3","base":"_2gLOi6dJvWt7HGwcOX4GlO"};
+styleInject_es.styleInject(css);
+
+function ProgressBar(_a) {
+    var currentStep = _a.currentStep, totalSteps = _a.totalSteps, _b = _a.size, size = _b === void 0 ? "base" : _b;
+    var percentage = (currentStep / totalSteps) * 100;
+    var progressBarClassName = classnames__default["default"](styles.ProgressBar, sizes[size]);
+    return (React__default["default"].createElement("progress", { className: progressBarClassName, max: totalSteps, value: currentStep },
+        percentage,
+        "%"));
+}
+
+exports.ProgressBar = ProgressBar;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,27 +1,27 @@
-import { ReactElement } from "react";
-interface RadioGroupProps {
-    readonly children: ReactElement | ReactElement[];
-    /**
-     * Defines the default value that will be pre-selected in the radio group.
-     */
-    readonly value: string | number;
-    /**
-     * Change handler for the RadioGroup.
-     *
-     * @param {string} newValue
-     */
-    onChange(newValue: string | number): void;
-    /**
-     * Defines the aria label that describes the radio group.
-     */
-    readonly ariaLabel: string;
-    /**
-     * The name of the radio group, that links the radio options back up
-     * to the group.
-     *
-     * @default uuid
-     */
-    readonly name?: string;
-}
-export declare function RadioGroup({ children, value, ariaLabel, onChange, name, }: RadioGroupProps): JSX.Element;
-export {};
+import { ReactElement } from "react";
+interface RadioGroupProps {
+    readonly children: ReactElement | ReactElement[];
+    /**
+     * Defines the default value that will be pre-selected in the radio group.
+     */
+    readonly value: string | number;
+    /**
+     * Change handler for the RadioGroup.
+     *
+     * @param {string} newValue
+     */
+    onChange(newValue: string | number): void;
+    /**
+     * Defines the aria label that describes the radio group.
+     */
+    readonly ariaLabel: string;
+    /**
+     * The name of the radio group, that links the radio options back up
+     * to the group.
+     *
+     * @default uuid
+     */
+    readonly name?: string;
+}
+export declare function RadioGroup({ children, value, ariaLabel, onChange, name, }: RadioGroupProps): JSX.Element;
+export {};

package/dist/RadioGroup/RadioOption.d.ts

@@ -1,34 +1,34 @@
-import { PropsWithChildren } from "react";
-import { XOR } from "ts-xor";
-interface BaseRadioOptions {
-    readonly value: string | number;
-    readonly disabled?: boolean;
-}
-interface RadioOptionsWithDescription extends BaseRadioOptions {
-    /**
-     * The label to appear beside the radio button.
-     */
-    label: string;
-    /**
-     * Further description of the label.
-     */
-    description?: string;
-}
-declare type RadioOptionProps = XOR<RadioOptionsWithDescription, PropsWithChildren<BaseRadioOptions>>;
-/**
- * For rendering props only. To make updates to
- * the real RadioOption, look at InternalRadioOption
- */
-export declare function RadioOption({ children }: PropsWithChildren<RadioOptionProps>): JSX.Element;
-interface BaseInternalRadioOptions extends BaseRadioOptions {
-    readonly name: string;
-    readonly checked: boolean;
-    onChange(newValue: string | number): void;
-}
-interface InternalRadioOptionsWithDescription extends BaseInternalRadioOptions {
-    label: string;
-    description?: string;
-}
-declare type InternalRadioOptionProps = XOR<InternalRadioOptionsWithDescription, PropsWithChildren<BaseInternalRadioOptions>>;
-export declare function InternalRadioOption({ value, name, label, description, disabled, checked, children, onChange, }: PropsWithChildren<InternalRadioOptionProps>): JSX.Element;
-export {};
+import { PropsWithChildren } from "react";
+import { XOR } from "ts-xor";
+interface BaseRadioOptions {
+    readonly value: string | number;
+    readonly disabled?: boolean;
+}
+interface RadioOptionsWithDescription extends BaseRadioOptions {
+    /**
+     * The label to appear beside the radio button.
+     */
+    label: string;
+    /**
+     * Further description of the label.
+     */
+    description?: string;
+}
+declare type RadioOptionProps = XOR<RadioOptionsWithDescription, PropsWithChildren<BaseRadioOptions>>;
+/**
+ * For rendering props only. To make updates to
+ * the real RadioOption, look at InternalRadioOption
+ */
+export declare function RadioOption({ children }: PropsWithChildren<RadioOptionProps>): JSX.Element;
+interface BaseInternalRadioOptions extends BaseRadioOptions {
+    readonly name: string;
+    readonly checked: boolean;
+    onChange(newValue: string | number): void;
+}
+interface InternalRadioOptionsWithDescription extends BaseInternalRadioOptions {
+    label: string;
+    description?: string;
+}
+declare type InternalRadioOptionProps = XOR<InternalRadioOptionsWithDescription, PropsWithChildren<BaseInternalRadioOptions>>;
+export declare function InternalRadioOption({ value, name, label, description, disabled, checked, children, onChange, }: PropsWithChildren<InternalRadioOptionProps>): JSX.Element;
+export {};

package/dist/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { RadioGroup } from "./RadioGroup";
-export { RadioOption } from "./RadioOption";
+export { RadioGroup } from "./RadioGroup";
+export { RadioOption } from "./RadioOption";

package/dist/RadioGroup/index.js

@@ -2,50 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-require('classnames');
-require('../Typography/index.js');
-var index$1 = require('../Text/index.js');
 var uuid = require('uuid');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var Text = require('../Text-9bc093e9.js');
+require('../Typography-7e542a72.js');
+require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var css = "._21aQKdbfCYC-03CNAUhBXW {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n  content: \"\";\n  display: block;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  margin: 0 var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-base);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n    var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--border-thicker);\n  background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n  border-color: var(--color-grey);\n  background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n  color: var(--color-disabled);\n}\n";
 var styles = {"radioGroup":"_21aQKdbfCYC-03CNAUhBXW","input":"_11AeV22s7aou-ZpJgQCiPD","label":"IiW-lj1gmbjv30FHatRaU","description":"_27qk4PxjkMHZzzSu7SOR4s"};
-__chunk_2.styleInject(css);
-
-/**
- * For rendering props only. To make updates to
- * the real RadioOption, look at InternalRadioOption
- */
-function RadioOption(_a) {
-    var children = _a.children;
-    return React__default.createElement(React__default.Fragment, null, children);
-}
-function InternalRadioOption(_a) {
-    var value = _a.value, name = _a.name, label = _a.label, description = _a.description, disabled = _a.disabled, checked = _a.checked, children = _a.children, onChange = _a.onChange;
-    var inputId = value.toString() + "_" + uuid.v1();
-    return (React__default.createElement("div", null,
-        React__default.createElement("input", { onChange: handleChange, type: "radio", name: name, value: value, disabled: disabled, checked: checked, id: inputId, className: styles.input, "aria-describedby": description ? inputId + "_description" : undefined }),
-        React__default.createElement("label", { className: styles.label, htmlFor: inputId }, label ? label : children),
-        description && (React__default.createElement("div", { className: styles.description, id: inputId + "_description" },
-            React__default.createElement(index$1.Text, { variation: "subdued", size: "small" }, description)))));
-    function handleChange() {
-        onChange(value);
-    }
+styleInject_es.styleInject(css);
+
+/**
+ * For rendering props only. To make updates to
+ * the real RadioOption, look at InternalRadioOption
+ */
+function RadioOption(_a) {
+    var children = _a.children;
+    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+}
+function InternalRadioOption(_a) {
+    var value = _a.value, name = _a.name, label = _a.label, description = _a.description, disabled = _a.disabled, checked = _a.checked, children = _a.children, onChange = _a.onChange;
+    var inputId = value.toString() + "_" + uuid.v1();
+    return (React__default["default"].createElement("div", null,
+        React__default["default"].createElement("input", { onChange: handleChange, type: "radio", name: name, value: value, disabled: disabled, checked: checked, id: inputId, className: styles.input, "aria-describedby": description ? inputId + "_description" : undefined }),
+        React__default["default"].createElement("label", { className: styles.label, htmlFor: inputId }, label ? label : children),
+        description && (React__default["default"].createElement("div", { className: styles.description, id: inputId + "_description" },
+            React__default["default"].createElement(Text.Text, { variation: "subdued", size: "small" }, description)))));
+    function handleChange() {
+        onChange(value);
+    }
 }
 
-function RadioGroup(_a) {
-    var children = _a.children, value = _a.value, ariaLabel = _a.ariaLabel, onChange = _a.onChange, _b = _a.name, name = _b === void 0 ? uuid.v1() : _b;
-    return (React__default.createElement("div", { role: "radiogroup", "aria-label": ariaLabel, className: styles.radioGroup }, React__default.Children.map(children, function (option) { return (React__default.createElement(InternalRadioOption, __chunk_1.__assign({ checked: value === option.props.value, name: name, onChange: handleChange }, option.props), option.props.children)); })));
-    function handleChange(newValue) {
-        if (newValue !== value) {
-            onChange(newValue);
-        }
-    }
+function RadioGroup(_a) {
+    var children = _a.children, value = _a.value, ariaLabel = _a.ariaLabel, onChange = _a.onChange, _b = _a.name, name = _b === void 0 ? uuid.v1() : _b;
+    return (React__default["default"].createElement("div", { role: "radiogroup", "aria-label": ariaLabel, className: styles.radioGroup }, React__default["default"].Children.map(children, function (option) { return (React__default["default"].createElement(InternalRadioOption, tslib_es6.__assign({ checked: value === option.props.value, name: name, onChange: handleChange }, option.props), option.props.children)); })));
+    function handleChange(newValue) {
+        if (newValue !== value) {
+            onChange(newValue);
+        }
+    }
 }
 
 exports.RadioGroup = RadioGroup;

package/dist/RecurringSelect/CurrentRecurrenceComponent.d.ts

@@ -1,8 +1,8 @@
-import { RecurrenceRule } from "./types";
-interface RecurringSelectProps {
-    disabled?: boolean;
-    recurrenceRule: RecurrenceRule;
-    onChange(newRecurrence: RecurrenceRule): void;
-}
-export declare function CurrentRecurrenceComponent({ recurrenceRule, disabled, onChange, }: RecurringSelectProps): JSX.Element;
-export {};
+import { RecurrenceRule } from "./types";
+interface RecurringSelectProps {
+    disabled?: boolean;
+    recurrenceRule: RecurrenceRule;
+    onChange(newRecurrence: RecurrenceRule): void;
+}
+export declare function CurrentRecurrenceComponent({ recurrenceRule, disabled, onChange, }: RecurringSelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/RecurringSelect.d.ts

@@ -1,8 +1,8 @@
-import { RecurrenceRule } from "./types";
-interface RecurringSelectProps {
-    readonly disabled?: boolean;
-    readonly value: RecurrenceRule;
-    onChange(value: RecurrenceRule): void;
-}
-export declare function RecurringSelect({ value, disabled, onChange, }: RecurringSelectProps): JSX.Element;
-export {};
+import { RecurrenceRule } from "./types";
+interface RecurringSelectProps {
+    readonly disabled?: boolean;
+    readonly value: RecurrenceRule;
+    onChange(value: RecurrenceRule): void;
+}
+export declare function RecurringSelect({ value, disabled, onChange, }: RecurringSelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/components/DayOfMonthSelect.d.ts

@@ -1,8 +1,8 @@
-import { DayOfMonth } from "../types";
-interface DayOfMonthSelectProps {
-    selectedDays: Set<DayOfMonth>;
-    disabled: boolean;
-    onChange(selectedDays: Set<DayOfMonth>): void;
-}
-export declare function DayOfMonthSelect({ selectedDays, disabled, onChange, }: DayOfMonthSelectProps): JSX.Element;
-export {};
+import { DayOfMonth } from "../types";
+interface DayOfMonthSelectProps {
+    selectedDays: Set<DayOfMonth>;
+    disabled: boolean;
+    onChange(selectedDays: Set<DayOfMonth>): void;
+}
+export declare function DayOfMonthSelect({ selectedDays, disabled, onChange, }: DayOfMonthSelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/components/MonthlyDayOfWeekSelect.d.ts

@@ -1,8 +1,8 @@
-import { WeekDay } from "../types";
-interface MonthlyDayOfWeekSelectProps {
-    disabled: boolean;
-    selectedWeeks: Set<WeekDay>[];
-    onChange(nextSelectedWeeks: Set<WeekDay>[]): void;
-}
-export declare function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }: MonthlyDayOfWeekSelectProps): JSX.Element;
-export {};
+import { WeekDay } from "../types";
+interface MonthlyDayOfWeekSelectProps {
+    disabled: boolean;
+    selectedWeeks: Set<WeekDay>[];
+    onChange(nextSelectedWeeks: Set<WeekDay>[]): void;
+}
+export declare function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }: MonthlyDayOfWeekSelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/components/MonthlySelect.d.ts

@@ -1,8 +1,8 @@
-import { DurationPeriod } from "../types";
-interface MonthlySelectProps {
-    disabled: boolean;
-    selectedMonthOption: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth;
-    onChange(type: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth): void;
-}
-export declare function MonthlySelect({ disabled, onChange, selectedMonthOption, }: MonthlySelectProps): JSX.Element;
-export {};
+import { DurationPeriod } from "../types";
+interface MonthlySelectProps {
+    disabled: boolean;
+    selectedMonthOption: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth;
+    onChange(type: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth): void;
+}
+export declare function MonthlySelect({ disabled, onChange, selectedMonthOption, }: MonthlySelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/components/WeeklySelect.d.ts

@@ -1,8 +1,8 @@
-import { WeekDay } from "../types";
-interface WeeklySelectProps {
-    disabled: boolean;
-    selectedDays: Set<WeekDay>;
-    onChange(selectedDays: Set<WeekDay>): void;
-}
-export declare function WeeklySelect({ onChange, selectedDays, disabled, }: WeeklySelectProps): JSX.Element;
-export {};
+import { WeekDay } from "../types";
+interface WeeklySelectProps {
+    disabled: boolean;
+    selectedDays: Set<WeekDay>;
+    onChange(selectedDays: Set<WeekDay>): void;
+}
+export declare function WeeklySelect({ onChange, selectedDays, disabled, }: WeeklySelectProps): JSX.Element;
+export {};

package/dist/RecurringSelect/components/index.d.ts

@@ -1,4 +1,4 @@
-export { WeeklySelect } from "./WeeklySelect";
-export { MonthlySelect } from "./MonthlySelect";
-export { MonthlyDayOfWeekSelect } from "./MonthlyDayOfWeekSelect";
-export { DayOfMonthSelect } from "./DayOfMonthSelect";
+export { WeeklySelect } from "./WeeklySelect";
+export { MonthlySelect } from "./MonthlySelect";
+export { MonthlyDayOfWeekSelect } from "./MonthlyDayOfWeekSelect";
+export { DayOfMonthSelect } from "./DayOfMonthSelect";

package/dist/RecurringSelect/index.d.ts

@@ -1,2 +1,2 @@
-export { RecurringSelect } from "./RecurringSelect";
-export { DayOfMonth, DurationPeriod, RecurrenceRule, WeekDay } from "./types";
+export { RecurringSelect } from "./RecurringSelect";
+export { DayOfMonth, DurationPeriod, RecurrenceRule, WeekDay } from "./types";