@procore/core-react 11.22.1 → 11.23.0

package/dist/SuperSelect/useVirtuosoResizeErrorFix.js

@@ -1,21 +1,18 @@
 import React from 'react';
-export var useVirtuosoResizeErrorFix = function () {
-    // this fix is borrowed from the official Virtuoso+React Beautiful DnD sandbox implementation
-    // https://virtuoso.dev/react-beautiful-dnd/
-    React.useEffect(function () {
-        var targetErrors = [
-            'ResizeObserver loop completed with undelivered notifications.',
-            'ResizeObserver loop limit exceeded',
-        ];
-        var onWindowError = function (e) {
-            if (targetErrors.includes(e.message)) {
-                e.stopImmediatePropagation();
-            }
-        };
-        window.addEventListener('error', onWindowError);
-        return function () {
-            window.removeEventListener('error', onWindowError);
-        };
-    }, []);
+export var useVirtuosoResizeErrorFix = function useVirtuosoResizeErrorFix() {
+  // this fix is borrowed from the official Virtuoso+React Beautiful DnD sandbox implementation
+  // https://virtuoso.dev/react-beautiful-dnd/
+  React.useEffect(function () {
+    var targetErrors = ['ResizeObserver loop completed with undelivered notifications.', 'ResizeObserver loop limit exceeded'];
+    var onWindowError = function onWindowError(e) {
+      if (targetErrors.includes(e.message)) {
+        e.stopImmediatePropagation();
+      }
+    };
+    window.addEventListener('error', onWindowError);
+    return function () {
+      window.removeEventListener('error', onWindowError);
+    };
+  }, []);
 };
 //# sourceMappingURL=useVirtuosoResizeErrorFix.js.map

package/dist/SuperSelect/useVirtuosoResizeErrorFix.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtuosoResizeErrorFix.js","sourceRoot":"","sources":["../../src/SuperSelect/useVirtuosoResizeErrorFix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACvC,6FAA6F;IAC7F,4CAA4C;IAC5C,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,YAAY,GAAG;YACnB,+DAA+D;YAC/D,oCAAoC;SACrC,CAAA;QACD,IAAM,aAAa,GAAG,UAAC,CAA0B;YAC/C,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;gBACpC,CAAC,CAAC,wBAAwB,EAAE,CAAA;aAC7B;QACH,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA"}
+{"version":3,"file":"useVirtuosoResizeErrorFix.js","names":["React","useVirtuosoResizeErrorFix","useEffect","targetErrors","onWindowError","e","includes","message","stopImmediatePropagation","window","addEventListener","removeEventListener"],"sources":["../../src/SuperSelect/useVirtuosoResizeErrorFix.ts"],"sourcesContent":["import React from 'react'\n\nexport const useVirtuosoResizeErrorFix = () => {\n  // this fix is borrowed from the official Virtuoso+React Beautiful DnD sandbox implementation\n  // https://virtuoso.dev/react-beautiful-dnd/\n  React.useEffect(() => {\n    const targetErrors = [\n      'ResizeObserver loop completed with undelivered notifications.',\n      'ResizeObserver loop limit exceeded',\n    ]\n    const onWindowError = (e: WindowEventMap['error']) => {\n      if (targetErrors.includes(e.message)) {\n        e.stopImmediatePropagation()\n      }\n    }\n    window.addEventListener('error', onWindowError)\n\n    return () => {\n      window.removeEventListener('error', onWindowError)\n    }\n  }, [])\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAC7C;EACA;EACAD,KAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAMC,YAAY,GAAG,CACnB,+DAA+D,EAC/D,oCAAoC,CACrC;IACD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAA0B,EAAK;MACpD,IAAIF,YAAY,CAACG,QAAQ,CAACD,CAAC,CAACE,OAAO,CAAC,EAAE;QACpCF,CAAC,CAACG,wBAAwB,CAAC,CAAC;MAC9B;IACF,CAAC;IACDC,MAAM,CAACC,gBAAgB,CAAC,OAAO,EAAEN,aAAa,CAAC;IAE/C,OAAO,YAAM;MACXK,MAAM,CAACE,mBAAmB,CAAC,OAAO,EAAEP,aAAa,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC"}

package/dist/Switch/Switch.js

@@ -1,29 +1,11 @@
-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;
-};
+var _excluded = ["children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useFocusRing } from '@react-aria/focus';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
-import { StyledSwitchContainer, StyledSwitchLabel, StyledToggle, StyledTrack, } from './Switch.styles';
+import { StyledSwitchContainer, StyledSwitchLabel, StyledToggle, StyledTrack } from './Switch.styles';
 /**
 
  We use switches to allow users to choose between two mutually exclusive choices
@@ -36,15 +18,23 @@ import { StyledSwitchContainer, StyledSwitchLabel, StyledToggle, StyledTrack, }
  @see [Design Guidelines](https://design.procore.com/switch)
 
  */
-export var Switch = React.forwardRef(function Switch(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = useFocusRing(), isFocusVisible = _b.isFocusVisible, focusProps = _b.focusProps;
-    return (React.createElement(StyledSwitchContainer, { "$focused": isFocusVisible, "$disabled": props.disabled, "$checked": props.checked },
-        React.createElement(VisuallyHidden, null,
-            React.createElement("input", __assign({ ref: ref }, props, focusProps, { "aria-checked": props.checked, role: "switch", type: "checkbox" }))),
-        React.createElement(StyledTrack, null,
-            React.createElement(StyledToggle, null)),
-        children && React.createElement(StyledSwitchLabel, null, children)));
+export var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref, ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFocusRing = useFocusRing(),
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
+  return /*#__PURE__*/React.createElement(StyledSwitchContainer, {
+    $focused: isFocusVisible,
+    $disabled: props.disabled,
+    $checked: props.checked
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({
+    ref: ref
+  }, props, focusProps, {
+    "aria-checked": props.checked,
+    role: "switch",
+    type: "checkbox"
+  }))), /*#__PURE__*/React.createElement(StyledTrack, null, /*#__PURE__*/React.createElement(StyledToggle, null)), children && /*#__PURE__*/React.createElement(StyledSwitchLabel, null, children));
 });
 Switch.displayName = 'Switch';
 //# sourceMappingURL=Switch.js.map

package/dist/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,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;IAC9B,IAAA,KAAiC,YAAY,EAAE,EAA7C,cAAc,oBAAA,EAAE,UAAU,gBAAmB,CAAA;IAErD,OAAO,CACL,oBAAC,qBAAqB,gBACV,cAAc,eACb,KAAK,CAAC,QAAQ,cACf,KAAK,CAAC,OAAO;QAEvB,oBAAC,cAAc;YACb,wCACE,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,oBACA,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,IACf,CACa;QACjB,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"}
+{"version":3,"file":"Switch.js","names":["useFocusRing","VisuallyHidden","React","StyledSwitchContainer","StyledSwitchLabel","StyledToggle","StyledTrack","Switch","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_useFocusRing","isFocusVisible","focusProps","createElement","$focused","$disabled","disabled","$checked","checked","_extends","role","type","displayName"],"sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { InputAttributes } from '../_utils/types'\nimport {\n  StyledSwitchContainer,\n  StyledSwitchLabel,\n  StyledToggle,\n  StyledTrack,\n} from './Switch.styles'\nimport { SwitchProps } from './Switch.types'\n\n/**\n\n We use switches to allow users to choose between two mutually exclusive choices\n in the same line. This is often associated with enabling vs. disabling.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-switch--demo)\n\n @see [Design Guidelines](https://design.procore.com/switch)\n\n */\nexport const Switch = React.forwardRef<\n  HTMLInputElement,\n  InputAttributes & SwitchProps\n>(function Switch({ children, ...props }, ref) {\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return (\n    <StyledSwitchContainer\n      $focused={isFocusVisible}\n      $disabled={props.disabled}\n      $checked={props.checked}\n    >\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          {...props}\n          {...focusProps}\n          aria-checked={props.checked}\n          role=\"switch\"\n          type=\"checkbox\"\n        />\n      </VisuallyHidden>\n      <StyledTrack>\n        <StyledToggle />\n      </StyledTrack>\n      {children && <StyledSwitchLabel>{children}</StyledSwitchLabel>}\n    </StyledSwitchContainer>\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SACEC,qBAAqB,EACrBC,iBAAiB,EACjBC,YAAY,EACZC,WAAW,QACN,iBAAiB;AAGxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,gBAAGL,KAAK,CAACM,UAAU,CAGpC,SAASD,MAAMA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACpC,IAAAC,aAAA,GAAuCf,YAAY,CAAC,CAAC;IAA7CgB,cAAc,GAAAD,aAAA,CAAdC,cAAc;IAAEC,UAAU,GAAAF,aAAA,CAAVE,UAAU;EAElC,oBACEf,KAAA,CAAAgB,aAAA,CAACf,qBAAqB;IACpBgB,QAAQ,EAAEH,cAAe;IACzBI,SAAS,EAAER,KAAK,CAACS,QAAS;IAC1BC,QAAQ,EAAEV,KAAK,CAACW;EAAQ,gBAExBrB,KAAA,CAAAgB,aAAA,CAACjB,cAAc,qBACbC,KAAA,CAAAgB,aAAA,UAAAM,QAAA;IACEd,GAAG,EAAEA;EAAI,GACLE,KAAK,EACLK,UAAU;IACd,gBAAcL,KAAK,CAACW,OAAQ;IAC5BE,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC;EAAU,EAChB,CACa,CAAC,eACjBxB,KAAA,CAAAgB,aAAA,CAACZ,WAAW,qBACVJ,KAAA,CAAAgB,aAAA,CAACb,YAAY,MAAE,CACJ,CAAC,EACbM,QAAQ,iBAAIT,KAAA,CAAAgB,aAAA,CAACd,iBAAiB,QAAEO,QAA4B,CACxC,CAAC;AAE5B,CAAC,CAAC;AAEFJ,MAAM,CAACoB,WAAW,GAAG,QAAQ"}

package/dist/Switch/Switch.styles.js

@@ -1,7 +1,3 @@
-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';
@@ -10,18 +6,31 @@ import { spacing } from '../_styles/spacing';
 var trackHeight = 20;
 var trackWidth = 36;
 var toggleSize = 16;
-export var StyledTrack = styled.div(templateObject_1 || (templateObject_1 = __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_2 || (templateObject_2 = __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_3 || (templateObject_3 = __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_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ", "px 1fr;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", "\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  ", "\n\n  ", "\n\n  ", "\n"])), trackWidth, spacing.md, function (_a) {
-    var $checked = _a.$checked;
-    return ($checked && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", " {\n          background-color: ", ";\n\n          ", " {\n            transform: translateX(", "px);\n          }\n        }\n      "], ["\n        ", " {\n          background-color: ", ";\n\n          ", " {\n            transform: translateX(", "px);\n          }\n        }\n      "])), StyledTrack, colors.blue50, StyledToggle, spacing.lg));
-}, function (_a) {
-    var $focused = _a.$focused;
-    return ($focused && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", "\n        border-radius: 12px;\n      "], ["\n        ", "\n        border-radius: 12px;\n      "])), getFocus()));
-}, function (_a) {
-    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b, $checked = _a.$checked;
-    return $disabled && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n    "])), StyledTrack, $checked ? colors.blue85 : colors.gray85);
+export var StyledTrack = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTrack",
+  componentId: "core-11_23_0__sc-mwn4kg-0"
+})(["background-color:", ";border-radius:", "px;height:", "px;width:", "px;position:relative;transition:0.2s;"], colors.gray70, trackHeight, trackHeight, trackWidth);
+export var StyledToggle = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledToggle",
+  componentId: "core-11_23_0__sc-mwn4kg-1"
+})(["background-color:", ";border-radius:50%;bottom:2px;height:", "px;left:2px;position:absolute;transition:all 0.2s;width:", "px;"], colors.white, toggleSize, toggleSize);
+export var StyledSwitchLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledSwitchLabel",
+  componentId: "core-11_23_0__sc-mwn4kg-2"
+})(["", " padding-left:", "px;user-select:none;"], getTypographyIntent('body'), spacing.md);
+export var StyledSwitchContainer = /*#__PURE__*/styled.label.withConfig({
+  displayName: "StyledSwitchContainer",
+  componentId: "core-11_23_0__sc-mwn4kg-3"
+})(["cursor:pointer;display:grid;grid-template-columns:", "px 1fr;& + &{margin-top:", "px;}", " ", " ", ""], trackWidth, spacing.md, function (_ref) {
+  var $checked = _ref.$checked;
+  return $checked && css(["", "{background-color:", ";", "{transform:translateX(", "px);}}"], StyledTrack, colors.blue50, StyledToggle, spacing.lg);
+}, function (_ref2) {
+  var $focused = _ref2.$focused;
+  return $focused && css(["", " border-radius:12px;"], getFocus());
+}, function (_ref3) {
+  var _ref3$$disabled = _ref3.$disabled,
+    $disabled = _ref3$$disabled === void 0 ? false : _ref3$$disabled,
+    $checked = _ref3.$checked;
+  return $disabled && css(["cursor:default;", "{background-color:", ";}"], StyledTrack, $checked ? colors.blue85 : colors.gray85);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=Switch.styles.js.map

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

@@ -1 +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,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,IAAM,WAAW,GAAG,EAAE,CAAA;AACtB,IAAM,UAAU,GAAG,EAAE,CAAA;AACrB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,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,4NAI/C,mEAGyB,EAAU,wCAGnB,EAAU,gBAGxB,EAaD,QAEC,EAQD,QAEC,EAQC,IACJ,KAxC0B,UAAU,EAGnB,OAAO,CAAC,EAAE,EAGxB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAO,CACL,QAAQ,IACR,GAAG,wNAAA,YACC,EAAW,kCACS,EAAa,iBAE/B,EAAY,wCACY,EAAU,sCAGvC,KAPG,WAAW,EACS,MAAM,CAAC,MAAM,EAE/B,YAAY,EACY,OAAO,CAAC,EAAE,CAGvC,CACF,CAAA;AACH,CAAC,EAEC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAO,CACL,QAAQ,IACR,GAAG,yHAAA,YACC,EAAU,wCAEb,KAFG,QAAQ,EAAE,CAEb,CACF,CAAA;AACH,CAAC,EAEC,UAAC,EAA+B;QAA7B,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA;IAC9B,OAAA,SAAS,IACT,GAAG,6JAAA,oCAGC,EAAW,gCACS,EAAwC,kBAE/D,KAHG,WAAW,EACS,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAE/D;AAPD,CAOC,CACJ,CAAA"}
+{"version":3,"file":"Switch.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","trackHeight","trackWidth","toggleSize","StyledTrack","div","withConfig","displayName","componentId","gray70","StyledToggle","span","white","StyledSwitchLabel","md","StyledSwitchContainer","label","_ref","$checked","blue50","lg","_ref2","$focused","_ref3","_ref3$$disabled","$disabled","blue85","gray85"],"sources":["../../src/Switch/Switch.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst trackHeight = 20\nconst trackWidth = 36\nconst toggleSize = 16\n\nexport const StyledTrack = styled.div`\n  background-color: ${colors.gray70};\n  border-radius: ${trackHeight}px;\n  height: ${trackHeight}px;\n  width: ${trackWidth}px;\n  position: relative;\n  transition: 0.2s;\n`\n\nexport const StyledToggle = styled.span`\n  background-color: ${colors.white};\n  border-radius: 50%;\n  bottom: 2px;\n  height: ${toggleSize}px;\n  left: 2px;\n  position: absolute;\n  transition: all 0.2s;\n  width: ${toggleSize}px;\n`\n\nexport const StyledSwitchLabel = styled.span`\n  ${getTypographyIntent('body')}\n  padding-left: ${spacing.md}px;\n  user-select: none;\n`\n\nexport const StyledSwitchContainer = styled.label<{\n  $disabled?: boolean\n  $checked?: boolean\n  $focused: boolean\n}>`\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ${trackWidth}px 1fr;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n\n  ${({ $checked }) => {\n    return (\n      $checked &&\n      css`\n        ${StyledTrack} {\n          background-color: ${colors.blue50};\n\n          ${StyledToggle} {\n            transform: translateX(${spacing.lg}px);\n          }\n        }\n      `\n    )\n  }}\n\n  ${({ $focused }) => {\n    return (\n      $focused &&\n      css`\n        ${getFocus()}\n        border-radius: 12px;\n      `\n    )\n  }}\n\n  ${({ $disabled = false, $checked }) =>\n    $disabled &&\n    css`\n      cursor: default;\n\n      ${StyledTrack} {\n        background-color: ${$checked ? colors.blue85 : colors.gray85};\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,WAAW,GAAG,EAAE;AACtB,IAAMC,UAAU,GAAG,EAAE;AACrB,IAAMC,UAAU,GAAG,EAAE;AAErB,OAAO,IAAMC,WAAW,gBAAGT,MAAM,CAACU,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iHACfV,MAAM,CAACW,MAAM,EAChBR,WAAW,EAClBA,WAAW,EACZC,UAAU,CAGpB;AAED,OAAO,IAAMQ,YAAY,gBAAGf,MAAM,CAACgB,IAAI,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIACjBV,MAAM,CAACc,KAAK,EAGtBT,UAAU,EAIXA,UAAU,CACpB;AAED,OAAO,IAAMU,iBAAiB,gBAAGlB,MAAM,CAACgB,IAAI,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDACxCX,mBAAmB,CAAC,MAAM,CAAC,EACbG,OAAO,CAACc,EAAE,CAE3B;AAED,OAAO,IAAMC,qBAAqB,gBAAGpB,MAAM,CAACqB,KAAK,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6GAOtBN,UAAU,EAGnBF,OAAO,CAACc,EAAE,EAGxB,UAAAG,IAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACX,OACEA,QAAQ,IACRtB,GAAG,sEACCQ,WAAW,EACSN,MAAM,CAACqB,MAAM,EAE/BT,YAAY,EACYV,OAAO,CAACoB,EAAE,CAGvC;AAEL,CAAC,EAEC,UAAAC,KAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EACX,OACEA,QAAQ,IACR1B,GAAG,+BACCG,QAAQ,CAAC,CAAC,CAEb;AAEL,CAAC,EAEC,UAAAwB,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGE,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAEN,QAAQ,GAAAK,KAAA,CAARL,QAAQ;EAAA,OAC9BO,SAAS,IACT7B,GAAG,kDAGCQ,WAAW,EACSc,QAAQ,GAAGpB,MAAM,CAAC4B,MAAM,GAAG5B,MAAM,CAAC6B,MAAM,CAE/D;AAAA,EACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.types.js","sourceRoot":"","sources":["../../src/Switch/Switch.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Switch.types.js","names":[],"sources":["../../src/Switch/Switch.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface SwitchProps extends Props {}\n"],"mappings":""}

package/dist/Switch/index.js

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

package/dist/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","names":["Switch","SwitchProps"],"sources":["../../src/Switch/index.ts"],"sourcesContent":["export { Switch } from './Switch'\nexport { SwitchProps } from './Switch.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,WAAW,QAAQ,gBAAgB"}