@procore/core-react 12.15.0 → 12.16.0

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_15_0__sc-17s58xs-0"
+  componentId: "core-12_16_0__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_15_0__sc-17s58xs-1"
+  componentId: "core-12_16_0__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_15_0__sc-17s58xs-2"
+  componentId: "core-12_16_0__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_15_0__sc-17s58xs-3"
+  componentId: "core-12_16_0__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_15_0__sc-17s58xs-4"
+  componentId: "core-12_16_0__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", " color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $active = _ref3.$active;
   return $active ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_15_0__sc-17s58xs-5"
+  componentId: "core-12_16_0__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_15_0__sc-17s58xs-6"
+  componentId: "core-12_16_0__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_15_0__sc-17s58xs-7"
+  componentId: "core-12_16_0__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", " box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_15_0__sc-17s58xs-8"
+  componentId: "core-12_16_0__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_15_0__sc-17s58xs-9"
+  componentId: "core-12_16_0__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_15_0__sc-17s58xs-10"
+  componentId: "core-12_16_0__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_15_0__sc-17s58xs-11"
+  componentId: "core-12_16_0__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_15_0__sc-17s58xs-12"
+  componentId: "core-12_16_0__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_15_0__sc-17s58xs-13"
+  componentId: "core-12_16_0__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_15_0__sc-17s58xs-14"
+  componentId: "core-12_16_0__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var dark = _ref6.dark;
   return dark && colors.gray15;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -47,7 +47,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_15_0__sc-ljrxoq-0"
+  componentId: "core-12_16_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -58,16 +58,16 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 }, function (_ref3) {
   var $opening = _ref3.$opening,
     $placement = _ref3.$placement;
-  return $opening && css(["animation:", " ", "ms ease-out;transform:", ";"], getSlideInAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].open);
+  return $opening && css(["animation:", " ", "ms ease-out;transform:", ";pointer-events:none;"], getSlideInAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].open);
 }, function (_ref4) {
   var $closing = _ref4.$closing,
     $placement = _ref4.$placement;
-  return $closing && css(["animation:", " ", "ms ease-out;transform:", ";"], getSlideOutAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].closed);
+  return $closing && css(["animation:", " ", "ms ease-out;transform:", ";pointer-events:none;"], getSlideOutAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].closed);
 });
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_15_0__sc-ljrxoq-1"
+  componentId: "core-12_16_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
   var $placement = _ref5.$placement,
     $stretch = _ref5.$stretch;
@@ -87,7 +87,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_15_0__sc-ljrxoq-2"
+  componentId: "core-12_16_0__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -95,7 +95,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_15_0__sc-ljrxoq-3"
+  componentId: "core-12_16_0__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -110,7 +110,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_15_0__sc-ljrxoq-4"
+  componentId: "core-12_16_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/Tearsheet/Tearsheet.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref10","_ref11"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<\n    'open' | 'closed' | 'placement' | 'shadow',\n    string | FlattenSimpleInterpolation\n  >\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  ${({ $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      $stretch &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref10","_ref11"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<\n    'open' | 'closed' | 'placement' | 'shadow',\n    string | FlattenSimpleInterpolation\n  >\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n      pointer-events: none;\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n      pointer-events: none;\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  ${({ $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      $stretch &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_15_0__sc-u5mow1-0"
+  componentId: "core-12_16_0__sc-u5mow1-0"
 })(["", " height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? 'both' : _ref$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_15_0__sc-1lje1b0-0"
+  componentId: "core-12_16_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.styles.js

@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_15_0__sc-195f70c-0"
+  componentId: "core-12_16_0__sc-195f70c-0"
 })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_15_0__sc-195f70c-1"
+  componentId: "core-12_16_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_15_0__sc-195f70c-2"
+  componentId: "core-12_16_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_15_0__sc-195f70c-3"
+  componentId: "core-12_16_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_15_0__sc-195f70c-4"
+  componentId: "core-12_16_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_15_0__sc-195f70c-5"
+  componentId: "core-12_16_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_15_0__sc-195f70c-6"
+  componentId: "core-12_16_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_15_0__sc-195f70c-7"
+  componentId: "core-12_16_0__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_15_0__sc-195f70c-8"
+  componentId: "core-12_16_0__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_15_0__sc-195f70c-9"
+  componentId: "core-12_16_0__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref11) {
   var selected = _ref11.selected;
   return selected ? "\n        opacity: 1;\n        transform: scale(1);\n      " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_15_0__sc-195f70c-10"
+  componentId: "core-12_16_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_15_0__sc-195f70c-11"
+  componentId: "core-12_16_0__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref13) {
   var $bgImage = _ref13.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_15_0__sc-195f70c-12"
+  componentId: "core-12_16_0__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_15_0__sc-195f70c-13"
+  componentId: "core-12_16_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_15_0__sc-195f70c-14"
+  componentId: "core-12_16_0__sc-195f70c-14"
 })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref14) {
   var disabled = _ref14.disabled;
   return disabled ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n        ").concat(StyledFileIcon, " {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_15_0__sc-195f70c-15"
+  componentId: "core-12_16_0__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref20) {
   var size = _ref20.size;
   return size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_15_0__sc-195f70c-16"
+  componentId: "core-12_16_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_15_0__sc-1inrbm9-0"
+  componentId: "core-12_16_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_15_0__sc-1inrbm9-1"
+  componentId: "core-12_16_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_15_0__sc-1inrbm9-2"
+  componentId: "core-12_16_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_15_0__sc-1inrbm9-3"
+  componentId: "core-12_16_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_15_0__sc-1inrbm9-4"
+  componentId: "core-12_16_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_15_0__sc-1inrbm9-5"
+  componentId: "core-12_16_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_15_0__sc-1inrbm9-6"
+  componentId: "core-12_16_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_15_0__sc-e1ql06-0"
+  componentId: "core-12_16_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_15_0__sc-e1ql06-1"
+  componentId: "core-12_16_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_15_0__sc-e1ql06-2"
+  componentId: "core-12_16_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_15_0__sc-e1ql06-3"
+  componentId: "core-12_16_0__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_15_0__sc-e1ql06-4"
+  componentId: "core-12_16_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_15_0__sc-e1ql06-5"
+  componentId: "core-12_16_0__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_15_0__sc-e1ql06-6"
+  componentId: "core-12_16_0__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_15_0__sc-e1ql06-7"
+  componentId: "core-12_16_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_15_0__sc-e1ql06-8"
+  componentId: "core-12_16_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_15_0__sc-8q9p0n-0"
+  componentId: "core-12_16_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_15_0__sc-8q9p0n-1"
+  componentId: "core-12_16_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_15_0__sc-8q9p0n-2"
+  componentId: "core-12_16_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_15_0__sc-8q9p0n-3"
+  componentId: "core-12_16_0__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_15_0__sc-8q9p0n-4"
+  componentId: "core-12_16_0__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_15_0__sc-8q9p0n-5"
+  componentId: "core-12_16_0__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_15_0__sc-8q9p0n-6"
+  componentId: "core-12_16_0__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_15_0__sc-8q9p0n-7"
+  componentId: "core-12_16_0__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_15_0__sc-1t2ye1d-0"
+  componentId: "core-12_16_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_15_0__sc-1t2ye1d-1"
+  componentId: "core-12_16_0__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_15_0__sc-1t2ye1d-2"
+  componentId: "core-12_16_0__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_15_0__sc-1t2ye1d-3"
+  componentId: "core-12_16_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_15_0__sc-1t2ye1d-4"
+  componentId: "core-12_16_0__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_15_0__sc-1t2ye1d-5"
+  componentId: "core-12_16_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_15_0__sc-1t2ye1d-6"
+  componentId: "core-12_16_0__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_15_0__sc-1l6lk2n-0"
+  componentId: "core-12_16_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_15_0__sc-1l6lk2n-1"
+  componentId: "core-12_16_0__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_15_0__sc-1l6lk2n-2"
+  componentId: "core-12_16_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_15_0__sc-1x59fxi-0"
+  componentId: "core-12_16_0__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_15_0__sc-zqi94b-0"
+  componentId: "core-12_16_0__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_15_0__sc-zqi94b-1"
+  componentId: "core-12_16_0__sc-zqi94b-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_15_0__sc-zqi94b-2"
+  componentId: "core-12_16_0__sc-zqi94b-2"
 })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused,