@procore/core-react 11.22.1 → 11.23.1

package/dist/Slider/Slider.styles.js

@@ -1,32 +1,58 @@
-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 { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 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);
+  return css(["@supports (-moz-appearance:none){", "}"], 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 getThumbStyles = /*#__PURE__*/css(["box-shadow:0px 1px 4px rgba(40,40,40,0.2),0px 0px 3px rgba(0,0,0,0.14),0px 2px 3px rgba(0,0,0,0.12);height:", "px;width:", "px;border-radius:15px;background:", ";border:2px solid ", ";z-index:3;", ";"], THUMB_HEIGHT, THUMB_HEIGHT, colors.white, colors.blue50, function (props) {
+  return props.isDragging ? "cursor: grabbing" : "cursor: pointer";
+});
+var getTrackStyles = /*#__PURE__*/css(["width:100%;height:", "px;animate:0.2s;border-radius:1px;border:0px solid ", ";z-index:1;", ";"], TRACK_HEIGHT, colors.black, function (props) {
+  return props.isDragging ? "cursor: grabbing" : "cursor: pointer";
+});
+var getTrackBackground = function getTrackBackground(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 getTrackBackgroundDisabled = function getTrackBackgroundDisabled(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;
+var getThumbDisabledStyles = /*#__PURE__*/css(["cursor:not-allowed;border:2px solid ", ";"], colors.blue85);
+export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledContainer",
+  componentId: "core-11_23_1__sc-12icguw-0"
+})(["position:relative;", ";"], function (props) {
+  return props.showLabel && 'padding-bottom: 10px';
+});
+export var StyledSlider = /*#__PURE__*/styled.input.withConfig({
+  displayName: "StyledSlider",
+  componentId: "core-11_23_1__sc-12icguw-1"
+})(["-webkit-appearance:none;margin:0;padding-top:5px;padding-bottom:5px;width:100%;border:1px solid transparent;background-color:transparent;font-size:12px;&:focus{outline:none;", ";padding-top:5px;padding-bottom:5px;border-radius:2px;}&::-webkit-slider-runnable-track{", " ", "}&:disabled::-webkit-slider-runnable-track{cursor:not-allowed;", "}&::-webkit-slider-thumb{", " -webkit-appearance:none;margin-top:-5px;}&:disabled::-webkit-slider-thumb{", "}&::-moz-range-track{", " ", "}&:disabled::-moz-range-track{cursor:not-allowed;", "}&::-moz-range-thumb{", " height:12px;width:12px;}&:disabled::-moz-range-thumb{", "}&::-ms-track{", " height:", "px;color:transparent;", "}&:disabled::-ms-track{cursor:not-allowed;", "}&::-ms-fill-lower{background:", ";border:0px solid ", ";border-radius:2px;box-shadow:1px 1px 1px ", ";}&::-ms-fill-upper{background:", ";border:0px solid ", ";border-radius:2px;box-shadow:1px 1px 1px ", ";}&::-ms-thumb{", "}&:disabled::-ms-thumb{", "}&:focus::-ms-fill-lower{background:", ";}&:focus::-ms-fill-upper{background:", ";}"], 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 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledIncrementOverlay",
+  componentId: "core-11_23_1__sc-12icguw-2"
+})(["position:relative;width:0;&::before{content:'';height:", "px;width:2px;background-color:white;display:block;}z-index:2;"], TRACK_HEIGHT);
+export var StyledIncrementContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledIncrementContainer",
+  componentId: "core-11_23_1__sc-12icguw-3"
+})(["position:absolute;display:flex;justify-content:space-between;top:6px;", " left:5px;right:5px;> :first-child{visibility:hidden;}> :last-child{visibility:hidden;}"], applyStylesOnlyToFF("\n    top: 12px;\n  "));
+export var StyledLabel = /*#__PURE__*/styled(Typography).withConfig({
+  displayName: "StyledLabel",
+  componentId: "core-11_23_1__sc-12icguw-4"
+})(["visibility:visible;position:absolute;left:50%;transform:translateX(-50%);margin-top:8px;"]);
 //# sourceMappingURL=Slider.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.js","sourceRoot":"","sources":["../../src/Slider/Slider.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider.styles.js","names":["styled","css","Typography","colors","TRACK_HEIGHT","THUMB_HEIGHT","applyStylesOnlyToFF","styles","getThumbStyles","white","blue50","props","isDragging","getTrackStyles","black","getTrackBackground","percent","concat","gray70","getTrackBackgroundDisabled","blue85","gray90","getThumbDisabledStyles","StyledContainer","div","withConfig","displayName","componentId","showLabel","StyledSlider","input","blue40","$percent","StyledIncrementOverlay","StyledIncrementContainer","StyledLabel"],"sources":["../../src/Slider/Slider.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\n\nconst TRACK_HEIGHT = 4\nconst THUMB_HEIGHT = 14\n\nfunction applyStylesOnlyToFF(styles: string) {\n  return css`\n    @supports (-moz-appearance: none) {\n      ${styles}\n    }\n  `\n}\n\nconst getThumbStyles = css<{ isDragging: boolean }>`\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: ${THUMB_HEIGHT}px;\n  width: ${THUMB_HEIGHT}px;\n  border-radius: 15px;\n  background: ${colors.white};\n  border: 2px solid ${colors.blue50};\n  z-index: 3;\n  ${(props) => (props.isDragging ? `cursor: grabbing` : `cursor: pointer`)};\n`\n\nconst getTrackStyles = css<{ isDragging: boolean }>`\n  width: 100%;\n  height: ${TRACK_HEIGHT}px;\n  animate: 0.2s;\n  border-radius: 1px;\n  border: 0px solid ${colors.black};\n  z-index: 1;\n  ${(props) => (props.isDragging ? `cursor: grabbing` : `cursor: pointer`)};\n`\n\nconst getTrackBackground = (percent: number): string =>\n  `background: linear-gradient(to right, ${colors.blue50} 0%, ${colors.blue50} ${percent}%, ${colors.gray70} ${percent}%, ${colors.gray70} 100%);`\n\nconst getTrackBackgroundDisabled = (percent: number): string =>\n  `background: linear-gradient(to right, ${colors.blue85} 0%, ${colors.blue85} ${percent}%, ${colors.gray90} ${percent}%, ${colors.gray90} 100%);`\n\nconst getThumbDisabledStyles = css`\n  cursor: not-allowed;\n  border: 2px solid ${colors.blue85};\n`\n\nexport const StyledContainer = styled.div<{ showLabel?: boolean }>`\n  position: relative;\n  ${(props) => props.showLabel && 'padding-bottom: 10px'};\n`\n\nexport const StyledSlider = styled.input<{\n  $percent: number\n  ref: any\n  isDragging: boolean\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    ${(props) =>\n      props.isDragging\n        ? `border: 1px solid transparent`\n        : `border: 1px solid ${colors.blue40}`};\n    padding-top: 5px;\n    padding-bottom: 5px;\n    border-radius: 2px;\n  }\n\n  &::-webkit-slider-runnable-track {\n    ${getTrackStyles}\n    ${(props) => getTrackBackground(props.$percent)}\n  }\n  &:disabled::-webkit-slider-runnable-track {\n    cursor: not-allowed;\n    ${(props) => getTrackBackgroundDisabled(props.$percent)}\n  }\n\n  &::-webkit-slider-thumb {\n    ${getThumbStyles}\n    -webkit-appearance: none;\n    margin-top: -5px;\n  }\n  &:disabled::-webkit-slider-thumb {\n    ${getThumbDisabledStyles}\n  }\n\n  &::-moz-range-track {\n    ${getTrackStyles}\n    ${(props) => getTrackBackground(props.$percent)}\n  }\n  &:disabled::-moz-range-track {\n    cursor: not-allowed;\n    ${(props) => getTrackBackgroundDisabled(props.$percent)}\n  }\n\n  &::-moz-range-thumb {\n    ${getThumbStyles}\n    height: 12px;\n    width: 12px;\n  }\n  &:disabled::-moz-range-thumb {\n    ${getThumbDisabledStyles}\n  }\n\n  &::-ms-track {\n    ${getTrackStyles}\n    height: ${THUMB_HEIGHT + 2}px;\n    color: transparent;\n    ${(props) => getTrackBackground(props.$percent)}\n  }\n  &:disabled::-ms-track {\n    cursor: not-allowed;\n    ${(props) => getTrackBackgroundDisabled(props.$percent)}\n  }\n\n  &::-ms-fill-lower {\n    background: ${colors.blue50};\n    border: 0px solid ${colors.black};\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ${colors.black};\n  }\n\n  &::-ms-fill-upper {\n    background: ${colors.gray70};\n    border: 0px solid ${colors.black};\n    border-radius: 2px;\n    box-shadow: 1px 1px 1px ${colors.black};\n  }\n\n  &::-ms-thumb {\n    ${getThumbStyles}\n  }\n  &:disabled::-ms-thumb {\n    ${getThumbDisabledStyles}\n  }\n\n  &:focus::-ms-fill-lower {\n    background: ${colors.blue50};\n  }\n\n  &:focus::-ms-fill-upper {\n    background: ${colors.gray70};\n  }\n`\n\nexport const StyledIncrementOverlay = styled.div`\n  position: relative;\n  width: 0;\n  &::before {\n    content: '';\n    height: ${TRACK_HEIGHT}px;\n    width: 2px;\n    background-color: white;\n    display: block;\n  }\n  z-index: 2;\n`\n\nexport const StyledIncrementContainer = styled.div`\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  top: 6px;\n  ${applyStylesOnlyToFF(`\n    top: 12px;\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\nexport const StyledLabel = styled(Typography)`\n  visibility: visible;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: 8px;\n`\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.types.js","sourceRoot":"","sources":["../../src/Slider/Slider.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Slider.types.js","names":[],"sources":["../../src/Slider/Slider.types.ts"],"sourcesContent":["import { InputAttributes } from '../_utils/types'\n\nexport interface SliderProps extends InputAttributes {\n  /**\n   * Whether or not to put the slider into a disabled state.\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * The maximum value of the slider (right side)\n   * @defaultValue 100\n   * @since 10.19.0\n   */\n  max?: number\n  /**\n   * The minimum value of the slider (left side)\n   * @defaultValue 0\n   * @since 10.19.0\n   */\n  min?: number\n  /**\n   * Whether or not to show value labels below the slider increments.\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n  /**\n   * The distance between each stopping point on the Slider.\n   * @defaultValue 1\n   * @since 10.19.0\n   */\n  step?: number\n  /**\n   * The currently set value of the Slider.\n   * Defaults to the middle between min and max.\n   * @defaultValue (max < min) ? min : min + (max - min)/2;\n   * @since 10.19.0\n   */\n  value?: number\n}\n"],"mappings":""}

package/dist/Slider/index.js

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

package/dist/Slider/index.js.map

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

package/dist/Spinner/Spinner.js

@@ -1,34 +1,17 @@
-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", "className", "color", "label", "loading", "size", "variant", "centered"];
+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 React from 'react';
-import { StyledCircle, StyledSpinnerContainer, StyledSpinnerContainerWithLabel, StyledSpinnerOverlay, StyledSpinnerOverlayContainer, StyledSpinnerOverlayLabel, StyledSpinnerSVG, } from './Spinner.styles';
+import { StyledCircle, StyledSpinnerContainer, StyledSpinnerContainerWithLabel, StyledSpinnerOverlay, StyledSpinnerOverlayContainer, StyledSpinnerOverlayLabel, StyledSpinnerSVG } from './Spinner.styles';
 var radiusMap = {
-    xs: 18.5,
-    sm: 18,
-    md: 20,
-    lg: 20.5,
+  xs: 18.5,
+  sm: 18,
+  md: 20,
+  lg: 20.5
 };
 export var defaultSpinnerSize = 'lg';
+
 /**
 
  Spinners indicate a loading state on either a full page or smaller component,
@@ -41,21 +24,45 @@ export var defaultSpinnerSize = 'lg';
  @see [Design Guidelines](https://design.procore.com/spinner)
 
  */
-export var Spinner = React.forwardRef(function Spinner(_a, ref) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, color = _a.color, label = _a.label, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? defaultSpinnerSize : _d, variant = _a.variant, _e = _a.centered, centered = _e === void 0 ? false : _e, props = __rest(_a, ["children", "className", "color", "label", "loading", "size", "variant", "centered"]);
-    var mountTime = React.useRef(Date.now());
-    var circle = (React.createElement(StyledSpinnerContainer, { className: !children ? className : '', "$color": color, "$size": size, "$variant": variant, ref: ref },
-        React.createElement(StyledSpinnerSVG, { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", mountTime: mountTime.current },
-            React.createElement(StyledCircle, { cx: "24", cy: "24", r: radiusMap[size], mountTime: mountTime.current }))));
-    if (!children) {
-        return circle;
-    }
-    return (React.createElement(StyledSpinnerOverlayContainer, __assign({ "$loading": loading, className: className, "$centered": centered }, props),
-        React.createElement(StyledSpinnerOverlay, null),
-        React.createElement(StyledSpinnerContainerWithLabel, null,
-            circle,
-            React.createElement(StyledSpinnerOverlayLabel, null, label)),
-        children));
+export var Spinner = /*#__PURE__*/React.forwardRef(function Spinner(_ref, ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    color = _ref.color,
+    label = _ref.label,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaultSpinnerSize : _ref$size,
+    variant = _ref.variant,
+    _ref$centered = _ref.centered,
+    centered = _ref$centered === void 0 ? false : _ref$centered,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var mountTime = React.useRef(Date.now());
+  var circle = /*#__PURE__*/React.createElement(StyledSpinnerContainer, {
+    className: !children ? className : '',
+    $color: color,
+    $size: size,
+    $variant: variant,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(StyledSpinnerSVG, {
+    viewBox: "0 0 48 48",
+    xmlns: "http://www.w3.org/2000/svg",
+    mountTime: mountTime.current
+  }, /*#__PURE__*/React.createElement(StyledCircle, {
+    cx: "24",
+    cy: "24",
+    r: radiusMap[size],
+    mountTime: mountTime.current
+  })));
+  if (!children) {
+    return circle;
+  }
+  return /*#__PURE__*/React.createElement(StyledSpinnerOverlayContainer, _extends({
+    $loading: loading,
+    className: className,
+    $centered: centered
+  }, props), /*#__PURE__*/React.createElement(StyledSpinnerOverlay, null), /*#__PURE__*/React.createElement(StyledSpinnerContainerWithLabel, null, circle, /*#__PURE__*/React.createElement(StyledSpinnerOverlayLabel, null, label)), children);
 });
 Spinner.displayName = 'Spinner';
 //# sourceMappingURL=Spinner.js.map

package/dist/Spinner/Spinner.js.map

@@ -1 +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,EAUC,EACD,GAAG;IAVD,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,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cATV,qFAUC,CADS;IAIV,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IAE1C,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,EAClC,SAAS,EAAE,SAAS,CAAC,OAAO;YAE5B,oBAAC,YAAY,IACX,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,EAClB,SAAS,EAAE,SAAS,CAAC,OAAO,GAC5B,CACe,CACI,CAC1B,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,MAAM,CAAA;KACd;IAED,OAAO,CACL,oBAAC,6BAA6B,yBAClB,OAAO,EACjB,SAAS,EAAE,SAAS,eACT,QAAQ,IACf,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"}
+{"version":3,"file":"Spinner.js","names":["React","StyledCircle","StyledSpinnerContainer","StyledSpinnerContainerWithLabel","StyledSpinnerOverlay","StyledSpinnerOverlayContainer","StyledSpinnerOverlayLabel","StyledSpinnerSVG","radiusMap","xs","sm","md","lg","defaultSpinnerSize","Spinner","forwardRef","_ref","ref","children","_ref$className","className","color","label","_ref$loading","loading","_ref$size","size","variant","_ref$centered","centered","props","_objectWithoutProperties","_excluded","mountTime","useRef","Date","now","circle","createElement","$color","$size","$variant","viewBox","xmlns","current","cx","cy","r","_extends","$loading","$centered","displayName"],"sources":["../../src/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledCircle,\n  StyledSpinnerContainer,\n  StyledSpinnerContainerWithLabel,\n  StyledSpinnerOverlay,\n  StyledSpinnerOverlayContainer,\n  StyledSpinnerOverlayLabel,\n  StyledSpinnerSVG,\n} from './Spinner.styles'\nimport { SpinnerProps, SpinnerSize } from './Spinner.types'\n\nconst radiusMap: { [size in SpinnerSize]: number } = {\n  xs: 18.5,\n  sm: 18,\n  md: 20,\n  lg: 20.5,\n}\n\nexport const defaultSpinnerSize = 'lg'\n\n/**\n\n Spinners indicate a loading state on either a full page or smaller component,\n like a menu, select or button.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-spinner--demo)\n\n @see [Design Guidelines](https://design.procore.com/spinner)\n\n */\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(\n    {\n      children,\n      className = '',\n      color,\n      label,\n      loading = false,\n      size = defaultSpinnerSize,\n      variant,\n      centered = false,\n      ...props\n    },\n    ref\n  ) {\n    const mountTime = React.useRef(Date.now())\n\n    const circle = (\n      <StyledSpinnerContainer\n        className={!children ? className : ''}\n        $color={color}\n        $size={size}\n        $variant={variant}\n        ref={ref}\n      >\n        <StyledSpinnerSVG\n          viewBox=\"0 0 48 48\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          mountTime={mountTime.current}\n        >\n          <StyledCircle\n            cx=\"24\"\n            cy=\"24\"\n            r={radiusMap[size]}\n            mountTime={mountTime.current}\n          />\n        </StyledSpinnerSVG>\n      </StyledSpinnerContainer>\n    )\n\n    if (!children) {\n      return circle\n    }\n\n    return (\n      <StyledSpinnerOverlayContainer\n        $loading={loading}\n        className={className}\n        $centered={centered}\n        {...props}\n      >\n        <StyledSpinnerOverlay />\n        <StyledSpinnerContainerWithLabel>\n          {circle}\n          <StyledSpinnerOverlayLabel>{label}</StyledSpinnerOverlayLabel>\n        </StyledSpinnerContainerWithLabel>\n        {children}\n      </StyledSpinnerOverlayContainer>\n    )\n  }\n)\n\nSpinner.displayName = 'Spinner'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,+BAA+B,EAC/BC,oBAAoB,EACpBC,6BAA6B,EAC7BC,yBAAyB,EACzBC,gBAAgB,QACX,kBAAkB;AAGzB,IAAMC,SAA4C,GAAG;EACnDC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,IAAMC,kBAAkB,GAAG,IAAI;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGd,KAAK,CAACe,UAAU,CACrC,SAASD,OAAOA,CAAAE,IAAA,EAYdC,GAAG,EACH;EAAA,IAXEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CACRI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACdE,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAAC,YAAA,GAAAP,IAAA,CACLQ,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,SAAA,GAAAT,IAAA,CACfU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGZ,kBAAkB,GAAAY,SAAA;IACzBE,OAAO,GAAAX,IAAA,CAAPW,OAAO;IAAAC,aAAA,GAAAZ,IAAA,CACPa,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IACbE,KAAK,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA;EAIV,IAAMC,SAAS,GAAGjC,KAAK,CAACkC,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;EAE1C,IAAMC,MAAM,gBACVrC,KAAA,CAAAsC,aAAA,CAACpC,sBAAsB;IACrBkB,SAAS,EAAE,CAACF,QAAQ,GAAGE,SAAS,GAAG,EAAG;IACtCmB,MAAM,EAAElB,KAAM;IACdmB,KAAK,EAAEd,IAAK;IACZe,QAAQ,EAAEd,OAAQ;IAClBV,GAAG,EAAEA;EAAI,gBAETjB,KAAA,CAAAsC,aAAA,CAAC/B,gBAAgB;IACfmC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClCV,SAAS,EAAEA,SAAS,CAACW;EAAQ,gBAE7B5C,KAAA,CAAAsC,aAAA,CAACrC,YAAY;IACX4C,EAAE,EAAC,IAAI;IACPC,EAAE,EAAC,IAAI;IACPC,CAAC,EAAEvC,SAAS,CAACkB,IAAI,CAAE;IACnBO,SAAS,EAAEA,SAAS,CAACW;EAAQ,CAC9B,CACe,CACI,CACzB;EAED,IAAI,CAAC1B,QAAQ,EAAE;IACb,OAAOmB,MAAM;EACf;EAEA,oBACErC,KAAA,CAAAsC,aAAA,CAACjC,6BAA6B,EAAA2C,QAAA;IAC5BC,QAAQ,EAAEzB,OAAQ;IAClBJ,SAAS,EAAEA,SAAU;IACrB8B,SAAS,EAAErB;EAAS,GAChBC,KAAK,gBAET9B,KAAA,CAAAsC,aAAA,CAAClC,oBAAoB,MAAE,CAAC,eACxBJ,KAAA,CAAAsC,aAAA,CAACnC,+BAA+B,QAC7BkC,MAAM,eACPrC,KAAA,CAAAsC,aAAA,CAAChC,yBAAyB,QAAEgB,KAAiC,CAC9B,CAAC,EACjCJ,QAC4B,CAAC;AAEpC,CACF,CAAC;AAEDJ,OAAO,CAACqC,WAAW,GAAG,SAAS"}

package/dist/Spinner/Spinner.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, keyframes } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
@@ -11,56 +7,77 @@ var durationOffset = 500;
 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: ", " ", "ms ease-in-out\n    ", "ms\n    infinite;\n  stroke-linecap: round;\n"], ["\n  animation: ", " ", "ms ease-in-out\n    ", "ms\n    infinite;\n  stroke-linecap: round;\n"])), dash, duration, function (p) {
-    var animationDelay = -(p.mountTime % duration);
-    return animationDelay;
+var dash = /*#__PURE__*/keyframes(["0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}"]);
+export var StyledCircle = /*#__PURE__*/styled.circle.withConfig({
+  displayName: "StyledCircle",
+  componentId: "core-11_23_1__sc-1igww3-0"
+})(["animation:", " ", "ms ease-in-out ", "ms infinite;stroke-linecap:round;"], dash, duration, function (p) {
+  var animationDelay = -(p.mountTime % duration);
+  return animationDelay;
 });
 export var spinnerDimensions = {
-    xs: spacing.md,
-    sm: spacing.lg,
-    md: spacing.xl,
-    lg: 48,
+  xs: spacing.md,
+  sm: spacing.lg,
+  md: spacing.xl,
+  lg: 48
 };
 var spinnerStroke = {
-    xs: 10,
-    sm: 8,
-    md: 8,
-    lg: 6,
+  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 getHeightWidthStroke(_ref) {
+  var $size = _ref.$size;
+  var dimension = spinnerDimensions[$size];
+  var strokeWidth = spinnerStroke[$size];
+  return css(["height:", "px;width:", "px;stroke-width:", "px;"], 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);
+function getStrokeColor(_ref2) {
+  var $color = _ref2.$color,
+    $variant = _ref2.$variant;
+  if ($color) {
+    return css(["stroke:", ";"], colors[$color]);
+  }
+  return css(["stroke:", ";"], $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: ", " ", "ms linear\n    ", "ms\n    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: ", " ", "ms linear\n    ", "ms\n    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, function (p) {
-    var animationDelay = -(p.mountTime % (duration - durationOffset));
-    return animationDelay;
+export var StyledSpinnerContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSpinnerContainer",
+  componentId: "core-11_23_1__sc-1igww3-1"
+})(["border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;position:relative;", " ", "{", "}"], getHeightWidthStroke, StyledCircle, getStrokeColor);
+export var StyledSpinnerOverlayLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledSpinnerOverlayLabel",
+  componentId: "core-11_23_1__sc-1igww3-2"
+})(["", " color:", ";display:block;min-height:20px;padding-top:", "px;text-align:center;text-transform:uppercase;transition:opacity ", ";"], getTypographyIntent('body'), colors.gray15, spacing.md, transition);
+var rotate = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
+export var StyledSpinnerSVG = /*#__PURE__*/styled.svg.withConfig({
+  displayName: "StyledSpinnerSVG",
+  componentId: "core-11_23_1__sc-1igww3-3"
+})(["animation:", " ", "ms linear ", "ms infinite;fill:none;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:2;"], rotate, duration - durationOffset, function (p) {
+  var animationDelay = -(p.mountTime % (duration - durationOffset));
+  return animationDelay;
 });
-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  max-height: 400px;\n  justify-content: center;\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  max-height: 400px;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n"])), startsWithNoInteraction, zContainer);
-export var StyledSpinnerOverlayContainer = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  min-height: 150px;\n  position: relative;\n\n  ", "\n\n  ", "\n"], ["\n  min-height: 150px;\n  position: relative;\n\n  ", "\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);
-    }
-}, function (_a) {
-    var $centered = _a.$centered;
-    if ($centered) {
-        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        ", " {\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n      "], ["\n        ", " {\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n      "])), StyledSpinnerContainerWithLabel);
-    }
+var startsWithNoInteraction = /*#__PURE__*/css(["opacity:0;pointer-events:none;transition:opacity ", ";"], transition);
+export var StyledSpinnerOverlay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSpinnerOverlay",
+  componentId: "core-11_23_1__sc-1igww3-4"
+})(["", " background-color:", ";bottom:0;left:0;position:absolute;right:0;top:0;z-index:", ";"], startsWithNoInteraction, colors.white, zOverlay);
+export var StyledSpinnerContainerWithLabel = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSpinnerContainerWithLabel",
+  componentId: "core-11_23_1__sc-1igww3-5"
+})(["", " align-items:center;display:flex;flex-direction:column;height:100%;max-height:400px;justify-content:center;position:absolute;top:0;width:100%;z-index:", ";"], startsWithNoInteraction, zContainer);
+export var StyledSpinnerOverlayContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSpinnerOverlayContainer",
+  componentId: "core-11_23_1__sc-1igww3-6"
+})(["min-height:150px;position:relative;", " ", ""], function (_ref3) {
+  var $loading = _ref3.$loading;
+  if ($loading) {
+    return css(["", ",", "{opacity:1;pointer-events:auto;}"], StyledSpinnerContainerWithLabel, StyledSpinnerOverlay);
+  }
+}, function (_ref4) {
+  var $centered = _ref4.$centered;
+  if ($centered) {
+    return css(["", "{position:absolute;top:50%;transform:translateY(-50%);}"], StyledSpinnerContainerWithLabel);
+  }
 });
-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, templateObject_15;
 //# sourceMappingURL=Spinner.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Spinner.styles.js","names":["styled","css","keyframes","getTypographyIntent","colors","spacing","duration","durationOffset","transition","zContainer","zOverlay","dash","StyledCircle","circle","withConfig","displayName","componentId","p","animationDelay","mountTime","spinnerDimensions","xs","md","sm","lg","xl","spinnerStroke","getHeightWidthStroke","_ref","$size","dimension","strokeWidth","getStrokeColor","_ref2","$color","$variant","white","gray60","StyledSpinnerContainer","div","StyledSpinnerOverlayLabel","span","gray15","rotate","StyledSpinnerSVG","svg","startsWithNoInteraction","StyledSpinnerOverlay","StyledSpinnerContainerWithLabel","StyledSpinnerOverlayContainer","_ref3","$loading","_ref4","$centered"],"sources":["../../src/Spinner/Spinner.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { Color, colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport { SpinnerSize, SpinnerVariant } from './Spinner.types'\n\nconst duration = 1500\n\nconst durationOffset = 500\n\nconst transition = '0.5s ease'\n\nconst zContainer = 3\n\nconst zOverlay = 2\n\nconst dash = keyframes`\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\ntype SyncAnimationProps = {\n  mountTime: number\n}\n\nexport const StyledCircle = styled.circle<SyncAnimationProps>`\n  animation: ${dash} ${duration}ms ease-in-out\n    ${(p) => {\n      const animationDelay = -(p.mountTime % duration)\n      return animationDelay\n    }}ms\n    infinite;\n  stroke-linecap: round;\n`\n\nexport const spinnerDimensions: Record<SpinnerSize, number> = {\n  xs: spacing.md,\n  sm: spacing.lg,\n  md: spacing.xl,\n  lg: 48,\n}\n\nconst spinnerStroke: Record<SpinnerSize, number> = {\n  xs: 10,\n  sm: 8,\n  md: 8,\n  lg: 6,\n}\n\nfunction getHeightWidthStroke({ $size }: { $size: SpinnerSize }) {\n  const dimension = spinnerDimensions[$size]\n  const strokeWidth = spinnerStroke[$size]\n\n  return css`\n    height: ${dimension}px;\n    width: ${dimension}px;\n    stroke-width: ${strokeWidth}px;\n  `\n}\n\nfunction getStrokeColor({\n  $color,\n  $variant,\n}: {\n  $color?: Color\n  $variant?: SpinnerVariant\n}) {\n  if ($color) {\n    return css`\n      stroke: ${colors[$color]};\n    `\n  }\n\n  return css`\n    stroke: ${$variant && $variant === 'light' ? colors.white : colors.gray60};\n  `\n}\n\ninterface StyledSpinnerContainerProps {\n  $color?: Color\n  $size: SpinnerSize\n  $variant?: SpinnerVariant\n}\n\nexport const StyledSpinnerContainer = styled.div<StyledSpinnerContainerProps>`\n  border-radius: 100%;\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  position: relative;\n\n  ${getHeightWidthStroke}\n\n  ${StyledCircle} {\n    ${getStrokeColor}\n  }\n`\n\nexport const StyledSpinnerOverlayLabel = styled.span`\n  ${getTypographyIntent('body')}\n  color: ${colors.gray15};\n\n  display: block;\n  min-height: 20px;\n  padding-top: ${spacing.md}px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: opacity ${transition};\n`\n\nconst rotate = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nexport const StyledSpinnerSVG = styled.svg<SyncAnimationProps>`\n  animation: ${rotate} ${duration - durationOffset}ms linear\n    ${(p) => {\n      const animationDelay = -(p.mountTime % (duration - durationOffset))\n      return animationDelay\n    }}ms\n    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\nconst startsWithNoInteraction = css`\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity ${transition};\n`\n\nexport const StyledSpinnerOverlay = styled.div`\n  ${startsWithNoInteraction}\n\n  background-color: ${colors.white};\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: ${zOverlay};\n`\n\nexport const StyledSpinnerContainerWithLabel = styled.div`\n  ${startsWithNoInteraction}\n\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 400px;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ${zContainer};\n`\n\nexport const StyledSpinnerOverlayContainer = styled.div<{\n  $loading: boolean\n  $centered: boolean\n}>`\n  min-height: 150px;\n  position: relative;\n\n  ${({ $loading }) => {\n    if ($loading) {\n      return css`\n        ${StyledSpinnerContainerWithLabel}, ${StyledSpinnerOverlay} {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      `\n    }\n  }}\n\n  ${({ $centered }) => {\n    if ($centered) {\n      return css`\n        ${StyledSpinnerContainerWithLabel} {\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n        }\n      `\n    }\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAAgBC,MAAM,QAAQ,mBAAmB;AACjD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,IAAMC,QAAQ,GAAG,IAAI;AAErB,IAAMC,cAAc,GAAG,GAAG;AAE1B,IAAMC,UAAU,GAAG,WAAW;AAE9B,IAAMC,UAAU,GAAG,CAAC;AAEpB,IAAMC,QAAQ,GAAG,CAAC;AAElB,IAAMC,IAAI,gBAAGT,SAAS,6JAarB;AAMD,OAAO,IAAMU,YAAY,gBAAGZ,MAAM,CAACa,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFAC1BL,IAAI,EAAIL,QAAQ,EACzB,UAACW,CAAC,EAAK;EACP,IAAMC,cAAc,GAAG,EAAED,CAAC,CAACE,SAAS,GAAGb,QAAQ,CAAC;EAChD,OAAOY,cAAc;AACvB,CAAC,CAGJ;AAED,OAAO,IAAME,iBAA8C,GAAG;EAC5DC,EAAE,EAAEhB,OAAO,CAACiB,EAAE;EACdC,EAAE,EAAElB,OAAO,CAACmB,EAAE;EACdF,EAAE,EAAEjB,OAAO,CAACoB,EAAE;EACdD,EAAE,EAAE;AACN,CAAC;AAED,IAAME,aAA0C,GAAG;EACjDL,EAAE,EAAE,EAAE;EACNE,EAAE,EAAE,CAAC;EACLD,EAAE,EAAE,CAAC;EACLE,EAAE,EAAE;AACN,CAAC;AAED,SAASG,oBAAoBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACnC,IAAMC,SAAS,GAAGV,iBAAiB,CAACS,KAAK,CAAC;EAC1C,IAAME,WAAW,GAAGL,aAAa,CAACG,KAAK,CAAC;EAExC,OAAO5B,GAAG,sDACE6B,SAAS,EACVA,SAAS,EACFC,WAAW;AAE/B;AAEA,SAASC,cAAcA,CAAAC,KAAA,EAMpB;EAAA,IALDC,MAAM,GAAAD,KAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EAKR,IAAID,MAAM,EAAE;IACV,OAAOjC,GAAG,mBACEG,MAAM,CAAC8B,MAAM,CAAC;EAE5B;EAEA,OAAOjC,GAAG,mBACEkC,QAAQ,IAAIA,QAAQ,KAAK,OAAO,GAAG/B,MAAM,CAACgC,KAAK,GAAGhC,MAAM,CAACiC,MAAM;AAE7E;AAQA,OAAO,IAAMC,sBAAsB,gBAAGtC,MAAM,CAACuC,GAAG,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAO5CW,oBAAoB,EAEpBf,YAAY,EACVoB,cAAc,CAEnB;AAED,OAAO,IAAMQ,yBAAyB,gBAAGxC,MAAM,CAACyC,IAAI,CAAA3B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6IAChDb,mBAAmB,CAAC,MAAM,CAAC,EACpBC,MAAM,CAACsC,MAAM,EAIPrC,OAAO,CAACiB,EAAE,EAGHd,UAAU,CACjC;AAED,IAAMmC,MAAM,gBAAGzC,SAAS,mCAIvB;AAED,OAAO,IAAM0C,gBAAgB,gBAAG5C,MAAM,CAAC6C,GAAG,CAAA/B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oJAC3B2B,MAAM,EAAIrC,QAAQ,GAAGC,cAAc,EAC5C,UAACU,CAAC,EAAK;EACP,IAAMC,cAAc,GAAG,EAAED,CAAC,CAACE,SAAS,IAAIb,QAAQ,GAAGC,cAAc,CAAC,CAAC;EACnE,OAAOW,cAAc;AACvB,CAAC,CAWJ;AAED,IAAM4B,uBAAuB,gBAAG7C,GAAG,6DAGXO,UAAU,CACjC;AAED,OAAO,IAAMuC,oBAAoB,gBAAG/C,MAAM,CAACuC,GAAG,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iGAC1C8B,uBAAuB,EAEL1C,MAAM,CAACgC,KAAK,EAMrB1B,QAAQ,CACpB;AAED,OAAO,IAAMsC,+BAA+B,gBAAGhD,MAAM,CAACuC,GAAG,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKACrD8B,uBAAuB,EAWdrC,UAAU,CACtB;AAED,OAAO,IAAMwC,6BAA6B,gBAAGjD,MAAM,CAACuC,GAAG,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qDAOnD,UAAAkC,KAAA,EAAkB;EAAA,IAAfC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EACX,IAAIA,QAAQ,EAAE;IACZ,OAAOlD,GAAG,gDACN+C,+BAA+B,EAAKD,oBAAoB;EAK9D;AACF,CAAC,EAEC,UAAAK,KAAA,EAAmB;EAAA,IAAhBC,SAAS,GAAAD,KAAA,CAATC,SAAS;EACZ,IAAIA,SAAS,EAAE;IACb,OAAOpD,GAAG,kEACN+C,+BAA+B;EAMrC;AACF,CAAC,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Spinner.types.js","names":[],"sources":["../../src/Spinner/Spinner.types.ts"],"sourcesContent":["import { Color } from '../_styles/colors'\nimport { Props } from '../_utils/types'\n\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg'\n\nexport type SpinnerVariant = '' | 'light'\n\nexport interface SpinnerProps extends Props {\n  /**\n   * <span>\n   *  Spinner color, one of the{' '}\n   *  <Link to=\"/web/style/colors/#hsl-palette\">HSL Palette</Link> css\n   *  strings\n   * </span>\n   * @since 10.19.0\n   */\n  color?: Color\n  /**\n   * The spinner label, only displayed when used as an overlay\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * The spinner will show if loading is true\n   * @since 10.19.0\n   */\n  loading?: boolean\n\n  /**\n   * The size of the spinner\n   * @since 10.19.0\n   */\n  size?: SpinnerSize\n  /**\n   * @deprecated \"variant\" prop will be removed in a future version.\n   * Use \"color\" prop instead to set a spinner's color.\n   * @since 10.19.0\n   */\n  variant?: SpinnerVariant\n  /**\n   * Spinner option to be centered.\n   * Use this prop if you need to center the spinner regardless of the height of its children.\n   * @since 11.3.0\n   */\n  centered?: boolean\n}\n"],"mappings":""}

package/dist/Spinner/index.js

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

package/dist/Spinner/index.js.map

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