@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/Sidebar/Sidebar.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { AnchorAttributes, DivAttributes, HeadingAttributes, LiAttributes, OlAttributes, Props } from '../_utils/types';
+interface SidebarMenuItemProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    active?: boolean;
+}
+export declare const Sidebar_: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+export declare const HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+/**
+ * @deprecated
+ * This design has been removed from the system.  The sidebar concepts are incoportated into other components. Instead you may want one of the following:
+ * - `Panel`
+ * - `Page.Aside` for layout location
+ * - `Title`
+ * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
+ * - `Menu`
+ */
+/** @deprecatedSince 10.19.0 */
+export declare const Sidebar: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>> & {
+    /** @deprecated Visual dividers are a parent of Panel.Section */
+    /** @deprecatedSince 10.19.0 */
+    Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try block prop on a Button */
+    /** @deprecatedSince 10.19.0 */
+    Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try Title */
+    /** @deprecatedSince 10.19.0 */
+    Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    /** @deprecated Try Title and Title.Text or Panel componenls } */
+    /** @deprecatedSince 10.19.0 */
+    HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+    /** @deprecated Try Title.Actions or Panel.HeaderActions */
+    /** @deprecatedSince 10.19.0 */
+    HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+};
+export {};

package/dist/Sidebar/Sidebar.js

@@ -0,0 +1,100 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { H2 } from '../Semantic';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledSidebar, StyledSidebarButton, StyledSidebarDivider, StyledSidebarHeader, StyledSidebarHeaderAction, StyledSidebarMenu, StyledSidebarMenuItem, } from './Sidebar.styles';
+export var Sidebar_ = React.forwardRef(function Sidebar(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebar, __assign({ ref: ref }, props), children));
+});
+export var Divider = React.forwardRef(function Divider(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React.createElement(StyledSidebarDivider, __assign({}, props, { ref: ref }));
+});
+export var Button = React.forwardRef(function Button(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarButton, __assign({}, props, { ref: ref }), children));
+});
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeader, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderLabel = React.forwardRef(function HeaderLabel(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(H2, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeaderAction, __assign({}, props, { ref: ref }), children));
+});
+export var Menu = React.forwardRef(function Menu(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarMenu, __assign({}, props, { ref: ref }), children));
+});
+export var MenuItem = React.forwardRef(function MenuItem(_a, ref) {
+    var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["active", "children"]);
+    return (React.createElement(StyledSidebarMenuItem, __assign({}, props, { "$active": active, ref: ref }), children));
+});
+Sidebar_.displayName = 'Sidebar';
+Divider.displayName = 'Sidebar.Divider';
+Button.displayName = 'Sidebar.Button';
+Header.displayName = 'Sidebar.Header';
+HeaderLabel.displayName = 'Sidebar.HeaderLabel';
+HeaderAction.displayName = 'Sidebar.HeaderAction';
+Menu.displayName = 'Sidebar.Menu';
+MenuItem.displayName = 'Sidebar.MenuItem';
+/**
+ * @deprecated
+ * This design has been removed from the system.  The sidebar concepts are incoportated into other components. Instead you may want one of the following:
+ * - `Panel`
+ * - `Page.Aside` for layout location
+ * - `Title`
+ * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
+ * - `Menu`
+ */
+/** @deprecatedSince 10.19.0 */
+export var Sidebar = addSubcomponents({
+    /** @deprecated Visual dividers are a parent of Panel.Section */
+    /** @deprecatedSince 10.19.0 */
+    Divider: Divider,
+    /** @deprecated Try block prop on a Button */
+    /** @deprecatedSince 10.19.0 */
+    Button: Button,
+    /** @deprecated Try Title */
+    /** @deprecatedSince 10.19.0 */
+    Header: Header,
+    /** @deprecated Try Title and Title.Text or Panel componenls } */
+    /** @deprecatedSince 10.19.0 */
+    HeaderLabel: HeaderLabel,
+    /** @deprecated Try Title.Actions or Panel.HeaderActions */
+    /** @deprecatedSince 10.19.0 */
+    HeaderAction: HeaderAction,
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    Menu: Menu,
+    /** @deprecated See Menu component */
+    /** @deprecatedSince 10.19.0 */
+    MenuItem: MenuItem,
+}, Sidebar_);
+//# sourceMappingURL=Sidebar.js.map

package/dist/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/Sidebar/Sidebar.styles.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+export var StyledSidebar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: ", "px 0;\n  position: relative;\n"], ["\n  background-color: ", ";\n  padding: ", "px 0;\n  position: relative;\n"])), colors.gray96, spacing.lg);
+export var StyledSidebarButton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 ", "px;\n\n  & + & {\n    padding-top: ", "px;\n  }\n"], ["\n  padding: 0 ", "px;\n\n  & + & {\n    padding-top: ", "px;\n  }\n"])), spacing.lg, spacing.sm);
+export var StyledSidebarDivider = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: ", "px;\n  border-bottom: 1px solid ", ";\n  height: 1px;\n"], ["\n  margin: ", "px;\n  border-bottom: 1px solid ", ";\n  height: 1px;\n"])), spacing.xl, colors.gray90);
+export var StyledSidebarHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px ", "px;\n"])), spacing.xl, spacing.md);
+export var StyledSidebarHeaderAction = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n\n  color: ", ";\n  cursor: pointer;\n"], ["\n  ", "\n\n  color: ", ";\n  cursor: pointer;\n"])), getTypographyIntent('small'), colors.orange50);
+export var StyledSidebarMenu = styled.ol(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"], ["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"])));
+export var StyledSidebarMenuItem = styled.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  align-items: center;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  padding: ", "px ", "px;\n  transition: all 0.2s ease-in-out;\n\n  &::after {\n    background-color: transparent;\n    content: '';\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transition: all 0.2s ease-in-out;\n    width: 5px;\n  }\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  &:active {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  ", "\n  align-items: center;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  padding: ", "px ", "px;\n  transition: all 0.2s ease-in-out;\n\n  &::after {\n    background-color: transparent;\n    content: '';\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transition: all 0.2s ease-in-out;\n    width: 5px;\n  }\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  &:active {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), getTypographyIntent('small'), colors.gray50, spacing.sm, spacing.xl, colors.gray90, colors.gray15, colors.orange50, function (_a) {
+    var $active = _a.$active;
+    if ($active) {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        &::after {\n          background-color: ", ";\n        }\n      "], ["\n        &::after {\n          background-color: ", ";\n        }\n      "])), colors.orange50);
+    }
+}, colors.orange50);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Sidebar.styles.js.map

package/dist/Sidebar/Sidebar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.js","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+IAAA,wBACjB,EAAa,gBACtB,EAAU,gCAEtB,KAHqB,MAAM,CAAC,MAAM,EACtB,OAAO,CAAC,EAAE,CAEtB,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,yIAAA,iBAC9B,EAAU,qCAGN,EAAU,YAE5B,KALc,OAAO,CAAC,EAAE,EAGN,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,4IAAA,cAClC,EAAU,kCACO,EAAa,qBAEzC,KAHW,OAAO,CAAC,EAAE,EACO,MAAM,CAAC,MAAM,CAEzC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,iLAAA,8FAI9B,EAAU,KAAM,EAAU,OACxC,KADc,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CACxC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,CAAC,qHAAA,MAC7C,EAA4B,eAErB,EAAe,yBAEzB,KAJG,mBAAmB,CAAC,OAAO,CAAC,EAErB,MAAM,CAAC,QAAQ,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,yHAAA,sDAIzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,8oBAAsB,MAChE,EAA4B,qCAErB,EAAa,6EAIX,EAAU,KAAM,EAAU,2RAef,EAAa,gBACxB,EAAa,+CAGA,EAAe,qBAIrC,EAQD,4DAIuB,EAAe,iBAGxC,KA5CG,mBAAmB,CAAC,OAAO,CAAC,EAErB,MAAM,CAAC,MAAM,EAIX,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAef,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,MAAM,EAGA,MAAM,CAAC,QAAQ,EAIrC,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,EAAE;QACX,OAAO,GAAG,+IAAA,oDAEc,EAAe,sBAEtC,KAFuB,MAAM,CAAC,QAAQ,EAEtC;KACF;AACH,CAAC,EAIuB,MAAM,CAAC,QAAQ,CAGxC,CAAA"}

package/dist/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export { Sidebar } from './Sidebar';

package/dist/Sidebar/index.js

@@ -0,0 +1,2 @@
+export { Sidebar } from './Sidebar';
+//# sourceMappingURL=index.js.map

package/dist/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/Slider/Slider.styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {
+    showLabel?: boolean | undefined;
+}, never>;
+export declare const StyledSlider: import("styled-components").StyledComponent<"input", any, {
+    $percent: number;
+    ref: any;
+    isDragging: boolean;
+}, never>;
+export declare const StyledIncrementOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIncrementContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/dist/Slider/Slider.styles.js

@@ -0,0 +1,32 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { Typography } from '../Typography';
+var TRACK_HEIGHT = 4;
+var THUMB_HEIGHT = 14;
+function applyStylesOnlyToFF(styles) {
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @supports (-moz-appearance: none) {\n      ", "\n    }\n  "], ["\n    @supports (-moz-appearance: none) {\n      ", "\n    }\n  "])), styles);
+}
+var getThumbStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-shadow: 0px 1px 4px rgba(40, 40, 40, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.14),\n    0px 2px 3px rgba(0, 0, 0, 0.12);\n  height: ", "px;\n  width: ", "px;\n  border-radius: 15px;\n  background: ", ";\n  border: 2px solid ", ";\n  z-index: 3;\n  ", ";\n"], ["\n  box-shadow: 0px 1px 4px rgba(40, 40, 40, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.14),\n    0px 2px 3px rgba(0, 0, 0, 0.12);\n  height: ", "px;\n  width: ", "px;\n  border-radius: 15px;\n  background: ", ";\n  border: 2px solid ", ";\n  z-index: 3;\n  ", ";\n"])), THUMB_HEIGHT, THUMB_HEIGHT, colors.white, colors.blue50, function (props) { return (props.isDragging ? "cursor: grabbing" : "cursor: pointer"); });
+var getTrackStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  height: ", "px;\n  animate: 0.2s;\n  border-radius: 1px;\n  border: 0px solid ", ";\n  z-index: 1;\n  ", ";\n"], ["\n  width: 100%;\n  height: ", "px;\n  animate: 0.2s;\n  border-radius: 1px;\n  border: 0px solid ", ";\n  z-index: 1;\n  ", ";\n"])), TRACK_HEIGHT, colors.black, function (props) { return (props.isDragging ? "cursor: grabbing" : "cursor: pointer"); });
+var getTrackBackground = function (percent) {
+    return "background: linear-gradient(to right, ".concat(colors.blue50, " 0%, ").concat(colors.blue50, " ").concat(percent, "%, ").concat(colors.gray70, " ").concat(percent, "%, ").concat(colors.gray70, " 100%);");
+};
+var getTrackBackgroundDisabled = function (percent) {
+    return "background: linear-gradient(to right, ".concat(colors.blue85, " 0%, ").concat(colors.blue85, " ").concat(percent, "%, ").concat(colors.gray90, " ").concat(percent, "%, ").concat(colors.gray90, " 100%);");
+};
+var getThumbDisabledStyles = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: not-allowed;\n  border: 2px solid ", ";\n"], ["\n  cursor: not-allowed;\n  border: 2px solid ", ";\n"])), colors.blue85);
+export var StyledContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (props) { return props.showLabel && 'padding-bottom: 10px'; });
+export var StyledSlider = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  -webkit-appearance: none;\n  margin: 0;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  width: 100%;\n  border: 1px solid transparent;\n  background-color: transparent;\n  font-size: 12px;\n\n  &:focus {\n    outline: none;\n    ", ";\n    padding-top: 5px;\n    padding-bottom: 5px;\n    border-radius: 2px;\n  }\n\n  &::-webkit-slider-runnable-track {\n    ", "\n    ", "\n  }\n  &:disabled::-webkit-slider-runnable-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-webkit-slider-thumb {\n    ", "\n    -webkit-appearance: none;\n    margin-top: -5px;\n  }\n  &:disabled::-webkit-slider-thumb {\n    ", "\n  }\n\n  &::-moz-range-track {\n    ", "\n    ", "\n  }\n  &:disabled::-moz-range-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-moz-range-thumb {\n    ", "\n    height: 12px;\n    width: 12px;\n  }\n  &:disabled::-moz-range-thumb {\n    ", "\n  }\n\n  &::-ms-track {\n    ", "\n    height: ", "px;\n    color: transparent;\n    ", "\n  }\n  &:disabled::-ms-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-ms-fill-lower {\n    background: ", ";\n    border: 0px solid ", ";\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ", ";\n  }\n\n  &::-ms-fill-upper {\n    background: ", ";\n    border: 0px solid ", ";\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ", ";\n  }\n\n  &::-ms-thumb {\n    ", "\n  }\n  &:disabled::-ms-thumb {\n    ", "\n  }\n\n  &:focus::-ms-fill-lower {\n    background: ", ";\n  }\n\n  &:focus::-ms-fill-upper {\n    background: ", ";\n  }\n"], ["\n  -webkit-appearance: none;\n  margin: 0;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  width: 100%;\n  border: 1px solid transparent;\n  background-color: transparent;\n  font-size: 12px;\n\n  &:focus {\n    outline: none;\n    ", ";\n    padding-top: 5px;\n    padding-bottom: 5px;\n    border-radius: 2px;\n  }\n\n  &::-webkit-slider-runnable-track {\n    ", "\n    ", "\n  }\n  &:disabled::-webkit-slider-runnable-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-webkit-slider-thumb {\n    ", "\n    -webkit-appearance: none;\n    margin-top: -5px;\n  }\n  &:disabled::-webkit-slider-thumb {\n    ", "\n  }\n\n  &::-moz-range-track {\n    ", "\n    ", "\n  }\n  &:disabled::-moz-range-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-moz-range-thumb {\n    ", "\n    height: 12px;\n    width: 12px;\n  }\n  &:disabled::-moz-range-thumb {\n    ", "\n  }\n\n  &::-ms-track {\n    ", "\n    height: ", "px;\n    color: transparent;\n    ", "\n  }\n  &:disabled::-ms-track {\n    cursor: not-allowed;\n    ", "\n  }\n\n  &::-ms-fill-lower {\n    background: ", ";\n    border: 0px solid ", ";\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ", ";\n  }\n\n  &::-ms-fill-upper {\n    background: ", ";\n    border: 0px solid ", ";\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ", ";\n  }\n\n  &::-ms-thumb {\n    ", "\n  }\n  &:disabled::-ms-thumb {\n    ", "\n  }\n\n  &:focus::-ms-fill-lower {\n    background: ", ";\n  }\n\n  &:focus::-ms-fill-upper {\n    background: ", ";\n  }\n"])), function (props) {
+    return props.isDragging
+        ? "border: 1px solid transparent"
+        : "border: 1px solid ".concat(colors.blue40);
+}, getTrackStyles, function (props) { return getTrackBackground(props.$percent); }, function (props) { return getTrackBackgroundDisabled(props.$percent); }, getThumbStyles, getThumbDisabledStyles, getTrackStyles, function (props) { return getTrackBackground(props.$percent); }, function (props) { return getTrackBackgroundDisabled(props.$percent); }, getThumbStyles, getThumbDisabledStyles, getTrackStyles, THUMB_HEIGHT + 2, function (props) { return getTrackBackground(props.$percent); }, function (props) { return getTrackBackgroundDisabled(props.$percent); }, colors.blue50, colors.black, colors.black, colors.gray70, colors.black, colors.black, getThumbStyles, getThumbDisabledStyles, colors.blue50, colors.gray70);
+export var StyledIncrementOverlay = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  width: 0;\n  &::before {\n    content: '';\n    height: ", "px;\n    width: 2px;\n    background-color: white;\n    display: block;\n  }\n  z-index: 2;\n"], ["\n  position: relative;\n  width: 0;\n  &::before {\n    content: '';\n    height: ", "px;\n    width: 2px;\n    background-color: white;\n    display: block;\n  }\n  z-index: 2;\n"])), TRACK_HEIGHT);
+export var StyledIncrementContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  top: 6px;\n  ", "\n  left: 5px;\n  right: 5px;\n\n  > :first-child {\n    visibility: hidden;\n  }\n\n  > :last-child {\n    visibility: hidden;\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  top: 6px;\n  ", "\n  left: 5px;\n  right: 5px;\n\n  > :first-child {\n    visibility: hidden;\n  }\n\n  > :last-child {\n    visibility: hidden;\n  }\n"])), applyStylesOnlyToFF("\n    top: 12px;\n  "));
+export var StyledLabel = styled(Typography)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  visibility: visible;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: 8px;\n"], ["\n  visibility: visible;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: 8px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=Slider.styles.js.map

package/dist/Slider/Slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","sourceRoot":"","sources":["../../src/Slider/Slider.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,IAAM,YAAY,GAAG,CAAC,CAAA;AACtB,IAAM,YAAY,GAAG,EAAE,CAAA;AAEvB,SAAS,mBAAmB,CAAC,MAAc;IACzC,OAAO,GAAG,qIAAA,mDAEJ,EAAM,aAEX,KAFK,MAAM,EAEX;AACH,CAAC;AAED,IAAM,cAAc,GAAG,GAAG,qUAAyB,uIAGvC,EAAY,gBACb,EAAY,6CAEP,EAAY,yBACN,EAAa,sBAE/B,EAAsE,KACzE,KAPW,YAAY,EACb,YAAY,EAEP,MAAM,CAAC,KAAK,EACN,MAAM,CAAC,MAAM,EAE/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAA3D,CAA2D,CACzE,CAAA;AAED,IAAM,cAAc,GAAG,GAAG,sMAAyB,8BAEvC,EAAY,oEAGF,EAAY,sBAE9B,EAAsE,KACzE,KANW,YAAY,EAGF,MAAM,CAAC,KAAK,EAE9B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAA3D,CAA2D,CACzE,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,OAAe;IACzC,OAAA,gDAAyC,MAAM,CAAC,MAAM,kBAAQ,MAAM,CAAC,MAAM,cAAI,OAAO,gBAAM,MAAM,CAAC,MAAM,cAAI,OAAO,gBAAM,MAAM,CAAC,MAAM,YAAS;AAAhJ,CAAgJ,CAAA;AAElJ,IAAM,0BAA0B,GAAG,UAAC,OAAe;IACjD,OAAA,gDAAyC,MAAM,CAAC,MAAM,kBAAQ,MAAM,CAAC,MAAM,cAAI,OAAO,gBAAM,MAAM,CAAC,MAAM,cAAI,OAAO,gBAAM,MAAM,CAAC,MAAM,YAAS;AAAhJ,CAAgJ,CAAA;AAElJ,IAAM,sBAAsB,GAAG,GAAG,0HAAA,gDAEZ,EAAa,KAClC,KADqB,MAAM,CAAC,MAAM,CAClC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,uGAAyB,6BAE9D,EAAoD,KACvD,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,IAAI,sBAAsB,EAAzC,CAAyC,CACvD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,mjDAItC,2OAYI,EAGwC,gIAOxC,EAAc,QACd,EAA6C,sFAI7C,EAAqD,4CAIrD,EAAc,yGAKd,EAAsB,wCAItB,EAAc,QACd,EAA6C,yEAI7C,EAAqD,wCAIrD,EAAc,oFAKd,EAAsB,iCAItB,EAAc,gBACN,EAAgB,oCAExB,EAA6C,kEAI7C,EAAqD,kDAIzC,EAAa,2BACP,EAAY,0DAEN,EAAY,mDAIxB,EAAa,2BACP,EAAY,0DAEN,EAAY,kCAIpC,EAAc,wCAGd,EAAsB,wDAIV,EAAa,yDAIb,EAAa,UAE9B,KApFK,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,UAAU;QACd,CAAC,CAAC,+BAA+B;QACjC,CAAC,CAAC,4BAAqB,MAAM,CAAC,MAAM,CAAE;AAFxC,CAEwC,EAOxC,cAAc,EACd,UAAC,KAAK,IAAK,OAAA,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAlC,CAAkC,EAI7C,UAAC,KAAK,IAAK,OAAA,0BAA0B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA1C,CAA0C,EAIrD,cAAc,EAKd,sBAAsB,EAItB,cAAc,EACd,UAAC,KAAK,IAAK,OAAA,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAlC,CAAkC,EAI7C,UAAC,KAAK,IAAK,OAAA,0BAA0B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA1C,CAA0C,EAIrD,cAAc,EAKd,sBAAsB,EAItB,cAAc,EACN,YAAY,GAAG,CAAC,EAExB,UAAC,KAAK,IAAK,OAAA,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAlC,CAAkC,EAI7C,UAAC,KAAK,IAAK,OAAA,0BAA0B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA1C,CAA0C,EAIzC,MAAM,CAAC,MAAM,EACP,MAAM,CAAC,KAAK,EAEN,MAAM,CAAC,KAAK,EAIxB,MAAM,CAAC,MAAM,EACP,MAAM,CAAC,KAAK,EAEN,MAAM,CAAC,KAAK,EAIpC,cAAc,EAGd,sBAAsB,EAIV,MAAM,CAAC,MAAM,EAIb,MAAM,CAAC,MAAM,CAE9B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yPAAA,qFAKlC,EAAY,+FAMzB,KANa,YAAY,CAMzB,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,4SAAA,+FAK9C,EAEA,wIAWH,KAbG,mBAAmB,CAAC,sBAErB,CAAC,CAWH,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,wLAAA,qHAM5C,IAAA,CAAA"}

package/dist/Slider/Slider.types.d.ts

@@ -0,0 +1,38 @@
+import { InputAttributes } from '../_utils/types';
+export interface SliderProps extends InputAttributes {
+    /**
+     * Whether or not to put the slider into a disabled state.
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * The maximum value of the slider (right side)
+     * @defaultValue 100
+     * @since 10.19.0
+     */
+    max?: number;
+    /**
+     * The minimum value of the slider (left side)
+     * @defaultValue 0
+     * @since 10.19.0
+     */
+    min?: number;
+    /**
+     * Whether or not to show value labels below the slider increments.
+     * @since 10.19.0
+     */
+    showLabel?: boolean;
+    /**
+     * The distance between each stopping point on the Slider.
+     * @defaultValue 1
+     * @since 10.19.0
+     */
+    step?: number;
+    /**
+     * The currently set value of the Slider.
+     * Defaults to the middle between min and max.
+     * @defaultValue (max < min) ? min : min + (max - min)/2;
+     * @since 10.19.0
+     */
+    value?: number;
+}

package/dist/Slider/Slider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.js","sourceRoot":"","sources":["../../src/Slider/Slider.types.ts"],"names":[],"mappings":""}

package/dist/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export { SliderProps } from './Slider.types';

package/dist/Slider/index.js

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+//# sourceMappingURL=index.js.map

package/dist/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,+BAA+B,EAC/B,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAGzB,IAAM,SAAS,GAAsC;IACnD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,CAAA;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAyB,EAAzB,IAAI,mBAAG,kBAAkB,KAAA,EACzB,OAAO,aAAA,EACJ,KAAK,cARV,yEASC,CADS;IAIV,IAAM,MAAM,GAAG,CACb,oBAAC,sBAAsB,IACrB,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAC7B,KAAK,WACN,IAAI,cACD,OAAO,EACjB,GAAG,EAAE,GAAG;QAER,oBAAC,gBAAgB,IACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,oBAAC,YAAY,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,GAAI,CACnC,CACI,CAC1B,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,MAAM,CAAA;KACd;IAED,OAAO,CACL,oBAAC,6BAA6B,yBAClB,OAAO,EACjB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,+BAA+B;YAC7B,MAAM;YACP,oBAAC,yBAAyB,QAAE,KAAK,CAA6B,CAC9B;QACjC,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA"}

package/dist/Spinner/Spinner.styles.d.ts

@@ -0,0 +1,18 @@
+import { Color } from '../_styles/colors';
+import { SpinnerSize, SpinnerVariant } from './Spinner.types';
+export declare const StyledCircle: import("styled-components").StyledComponent<"circle", any, {}, never>;
+export declare const spinnerDimensions: Record<SpinnerSize, number>;
+interface StyledSpinnerContainerProps {
+    $color?: Color;
+    $size: SpinnerSize;
+    $variant?: SpinnerVariant;
+}
+export declare const StyledSpinnerContainer: import("styled-components").StyledComponent<"div", any, StyledSpinnerContainerProps, never>;
+export declare const StyledSpinnerOverlayLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledSpinnerSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const StyledSpinnerOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSpinnerContainerWithLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSpinnerOverlayContainer: import("styled-components").StyledComponent<"div", any, {
+    $loading: boolean;
+}, never>;
+export {};

package/dist/Spinner/Spinner.styles.js

@@ -0,0 +1,55 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css, keyframes } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+var duration = 1.5;
+var durationOffset = 0.5;
+var transition = '0.5s ease';
+var zContainer = 3;
+var zOverlay = 2;
+var dash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n"])));
+export var StyledCircle = styled.circle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " ", "s ease-in-out infinite;\n  stroke-linecap: round;\n"], ["\n  animation: ", " ", "s ease-in-out infinite;\n  stroke-linecap: round;\n"])), dash, duration);
+export var spinnerDimensions = {
+    xs: spacing.md,
+    sm: spacing.lg,
+    md: spacing.xl,
+    lg: 48,
+};
+var spinnerStroke = {
+    xs: 10,
+    sm: 8,
+    md: 8,
+    lg: 6,
+};
+function getHeightWidthStroke(_a) {
+    var $size = _a.$size;
+    var dimension = spinnerDimensions[$size];
+    var strokeWidth = spinnerStroke[$size];
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n    stroke-width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n    stroke-width: ", "px;\n  "])), dimension, dimension, strokeWidth);
+}
+function getStrokeColor(_a) {
+    var $color = _a.$color, $variant = _a.$variant;
+    if ($color) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      stroke: ", ";\n    "], ["\n      stroke: ", ";\n    "])), colors[$color]);
+    }
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    stroke: ", ";\n  "], ["\n    stroke: ", ";\n  "])), $variant && $variant === 'light' ? colors.white : colors.gray60);
+}
+export var StyledSpinnerContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-radius: 100%;\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  position: relative;\n\n  ", "\n\n  ", " {\n    ", "\n  }\n"], ["\n  border-radius: 100%;\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  position: relative;\n\n  ", "\n\n  ", " {\n    ", "\n  }\n"])), getHeightWidthStroke, StyledCircle, getStrokeColor);
+export var StyledSpinnerOverlayLabel = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n\n  display: block;\n  min-height: 20px;\n  padding-top: ", "px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: opacity ", ";\n"], ["\n  ", "\n  color: ", ";\n\n  display: block;\n  min-height: 20px;\n  padding-top: ", "px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: opacity ", ";\n"])), getTypographyIntent('body'), colors.gray15, spacing.md, transition);
+var rotate = keyframes(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  to {\n    transform: rotate(360deg);\n  }\n"])));
+export var StyledSpinnerSVG = styled.svg(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  animation: ", " ", "s linear infinite;\n  fill: none;\n  height: 100%;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n"], ["\n  animation: ", " ", "s linear infinite;\n  fill: none;\n  height: 100%;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n"])), rotate, duration - durationOffset);
+var startsWithNoInteraction = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity ", ";\n"], ["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity ", ";\n"])), transition);
+export var StyledSpinnerOverlay = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n"], ["\n  ", "\n\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n"])), startsWithNoInteraction, colors.white, zOverlay);
+export var StyledSpinnerContainerWithLabel = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  max-height: 400px;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n"], ["\n  ", "\n\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  max-height: 400px;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n"])), startsWithNoInteraction, zContainer);
+export var StyledSpinnerOverlayContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  min-height: 150px;\n  position: relative;\n\n  ", "\n"], ["\n  min-height: 150px;\n  position: relative;\n\n  ", "\n"])), function (_a) {
+    var $loading = _a.$loading;
+    if ($loading) {
+        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        ", ", ", " {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      "], ["\n        ", ", ", " {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      "])), StyledSpinnerContainerWithLabel, StyledSpinnerOverlay);
+    }
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+//# sourceMappingURL=Spinner.styles.js.map

package/dist/Spinner/Spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.styles.ts"],"names":[],"mappings":"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"}

package/dist/Spinner/Spinner.types.d.ts

@@ -0,0 +1,36 @@
+import { Props } from '../_utils/types';
+import { Color } from '../_styles/colors';
+export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type SpinnerVariant = '' | 'light';
+export interface SpinnerProps extends Props {
+    /**
+     * <span>
+     *  Spinner color, one of the{' '}
+     *  <Link to="/web/style/colors/#hsl-palette">HSL Palette</Link> css
+     *  strings
+     * </span>
+     * @since 10.19.0
+     */
+    color?: Color;
+    /**
+     * The spinner label, only displayed when used as an overlay
+     * @since 10.19.0
+     */
+    label?: string;
+    /**
+     * The spinner will show if loading is true
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * The size of the spinner
+     * @since 10.19.0
+     */
+    size?: SpinnerSize;
+    /**
+     * @deprecated "variant" prop will be removed in a future version.
+     * Use "color" prop instead to set a spinner's color.
+     * @since 10.19.0
+     */
+    variant?: SpinnerVariant;
+}

package/dist/Spinner/Spinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.types.ts"],"names":[],"mappings":""}

package/dist/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+export { SpinnerProps } from './Spinner.types';

package/dist/Spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+//# sourceMappingURL=index.js.map

package/dist/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { InputAttributes } from '../_utils/types';
+import { SwitchProps } from './Switch.types';
+/**
+
+ We use switches to allow users to choose between two mutually exclusive choices
+ in the same line. This is often associated with enabling vs. disabling.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-switch--demo)
+
+ @see [Design Guidelines](https://design.procore.com/switch)
+
+ */
+export declare const Switch: React.ForwardRefExoticComponent<InputAttributes & SwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,iBAAiB,CAAA;AAGxB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,SAAS,MAAM,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACpC,OAAO,CACL,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAC7C,oBAAC,iBAAiB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,IAAG;QAC1D,oBAAC,WAAW;YACV,oBAAC,YAAY,OAAG,CACJ;QACb,QAAQ,IAAI,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CACxC,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/Switch/Switch.styles.js

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+var trackHeight = 20;
+var trackWidth = 36;
+var toggleSize = 16;
+export var StyledSwitchInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+export var StyledTrack = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  position: relative;\n  transition: 0.2s;\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  position: relative;\n  transition: 0.2s;\n"])), colors.gray70, trackHeight, trackHeight, trackWidth);
+export var StyledToggle = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n  bottom: 2px;\n  height: ", "px;\n  left: 2px;\n  position: absolute;\n  transition: all 0.2s;\n  width: ", "px;\n"], ["\n  background-color: ", ";\n  border-radius: 50%;\n  bottom: 2px;\n  height: ", "px;\n  left: 2px;\n  position: absolute;\n  transition: all 0.2s;\n  width: ", "px;\n"])), colors.white, toggleSize, toggleSize);
+export var StyledSwitchLabel = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  padding-left: ", "px;\n  user-select: none;\n"], ["\n  ", "\n  padding-left: ", "px;\n  user-select: none;\n"])), getTypographyIntent('body'), spacing.md);
+export var StyledSwitchContainer = styled.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ", "px 1fr;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", ":checked + ", " {\n    background-color: ", ";\n\n    ", " {\n      transform: translateX(", "px);\n    }\n  }\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ", "px 1fr;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", ":checked + ", " {\n    background-color: ", ";\n\n    ", " {\n      transform: translateX(", "px);\n    }\n  }\n\n  ", "\n"])), trackWidth, spacing.md, StyledSwitchInput, StyledTrack, colors.blue50, StyledToggle, spacing.lg, function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    return disabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", ":checked + ", " {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", ":checked + ", " {\n        background-color: ", ";\n      }\n    "])), StyledTrack, colors.gray85, StyledSwitchInput, StyledTrack, colors.blue85);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=Switch.styles.js.map

package/dist/Switch/Switch.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styles.js","sourceRoot":"","sources":["../../src/Switch/Switch.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,IAAM,WAAW,GAAG,EAAE,CAAA;AACtB,IAAM,UAAU,GAAG,EAAE,CAAA;AACrB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,yFAAA,sBAE5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,6MAAA,wBACf,EAAa,sBAChB,EAAW,iBAClB,EAAW,gBACZ,EAAU,mDAGpB,KANqB,MAAM,CAAC,MAAM,EAChB,WAAW,EAClB,WAAW,EACZ,UAAU,CAGpB,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,4OAAA,wBACjB,EAAY,sDAGtB,EAAU,8EAIX,EAAU,OACpB,KARqB,MAAM,CAAC,KAAK,EAGtB,UAAU,EAIX,UAAU,CACpB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,8HAAA,MACxC,EAA2B,oBACb,EAAU,6BAE3B,KAHG,mBAAmB,CAAC,MAAM,CAAC,EACb,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,gUAAwB,mEAG9C,EAAU,wCAGnB,EAAU,gBAGxB,EAAiB,aAAc,EAAW,4BACtB,EAAa,WAE/B,EAAY,kCACY,EAAU,wBAIpC,EAYC,IACJ,KA3B0B,UAAU,EAGnB,OAAO,CAAC,EAAE,EAGxB,iBAAiB,EAAc,WAAW,EACtB,MAAM,CAAC,MAAM,EAE/B,YAAY,EACY,OAAO,CAAC,EAAE,EAIpC,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,OAAA,QAAQ,IACR,GAAG,sOAAA,oCAGC,EAAW,gCACS,EAAa,sBAGjC,EAAiB,aAAc,EAAW,gCACtB,EAAa,kBAEpC,KAPG,WAAW,EACS,MAAM,CAAC,MAAM,EAGjC,iBAAiB,EAAc,WAAW,EACtB,MAAM,CAAC,MAAM,CAEpC;AAXD,CAWC,CACJ,CAAA"}

package/dist/Switch/Switch.types.d.ts

@@ -0,0 +1,3 @@
+import { Props } from '../_utils/types';
+export interface SwitchProps extends Props {
+}

package/dist/Switch/Switch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.js","sourceRoot":"","sources":["../../src/Switch/Switch.types.ts"],"names":[],"mappings":""}

package/dist/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export { SwitchProps } from './Switch.types';

package/dist/Switch/index.js

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+//# sourceMappingURL=index.js.map

package/dist/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}