@procore/core-react 12.17.6 → 12.17.8

package/dist/FilterToken/FilterToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.styles.js","names":["styled","css","getTypographyIntent","semiboldRules","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledFilterToken","div","blue96","blue45","sm","md","blue90","_ref","_ref$$focused","$focused","blue40"],"sources":["../../src/FilterToken/FilterToken.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  ${semiboldRules}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledFilterToken = styled.div<{\n  $focused: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue96};\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.blue45};\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.sm}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue90};\n  }\n\n  ${({ $focused = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue96};\n      border-color: ${colors.blue40}\n      border-width: 2px;\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,aAAa,QACR,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BG,WAAW,EAEXF,aAAa,CAGhB;AAED,OAAO,IAAMU,iBAAiB,gBAAGb,MAAM,CAACc,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uSAIrBR,MAAM,CAACW,MAAM,EAGxBX,MAAM,CAACY,MAAM,EAQXT,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACW,EAAE,EAIfd,MAAM,CAACe,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OACnBC,QAAQ,IACRrB,GAAG,qEACCK,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACW,MAAM,EACjBX,MAAM,CAACmB,MAAM,CAE9B;AAAA,EACJ"}
+{"version":3,"file":"FilterToken.styles.js","names":["styled","css","getButtonStyles","getTypographyIntent","semiboldRules","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledFilterToken","div","blue96","blue45","sm","md","blue90","_ref","_ref$$focused","$focused","blue40","StyledFilterRemoveButton","button","_ref2","$disabled","white","xs","StyledContent","StyledContentLabel"],"sources":["../../src/FilterToken/FilterToken.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getButtonStyles } from '../Button/Button.styles'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  ${semiboldRules}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledFilterToken = styled.div<{\n  $focused: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue96};\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.blue45};\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.sm}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue90};\n  }\n\n  ${({ $focused = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue96};\n      border-color: ${colors.blue40}\n      border-width: 2px;\n    `}\n`\n\nexport const StyledFilterRemoveButton = styled.button<{ $disabled: boolean }>`\n  ${({ $disabled }) =>\n    getButtonStyles(false, $disabled, false, 'sm', 'tertiary')}\n\n  ${getTypographyIntent('small')};\n\n  background: transparent;\n  color: ${colors.blue45};\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue45};\n  }\n\n  &:disabled {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    background: transparent;\n    color: ${colors.blue45};\n  }\n\n  height: 24px;\n  margin: 0 0 0 6px;\n  padding: 0 ${spacing.xs}px;\n\n  [data-icon-prop='true'] {\n    pointer-events: none;\n    height: 16px;\n    width: 16px;\n  }\n`\n\nexport const StyledContent = styled.span`\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n`\n\nexport const StyledContentLabel = styled.span`\n  overflow: hidden;\n  padding: 0 6px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  & + span {\n    padding-left: 0;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SACEC,mBAAmB,EACnBC,aAAa,QACR,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGT,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BG,WAAW,EAEXF,aAAa,CAGhB;AAED,OAAO,IAAMU,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uSAIrBR,MAAM,CAACW,MAAM,EAGxBX,MAAM,CAACY,MAAM,EAQXT,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACW,EAAE,EAIfd,MAAM,CAACe,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OACnBC,QAAQ,IACRtB,GAAG,qEACCM,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACW,MAAM,EACjBX,MAAM,CAACmB,MAAM,CAE9B;AAAA,EACJ;AAED,OAAO,IAAMC,wBAAwB,gBAAGzB,MAAM,CAAC0B,MAAM,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mVACjD,UAAAc,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZ1B,eAAe,CAAC,KAAK,EAAE0B,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC;AAAA,GAE1DzB,mBAAmB,CAAC,OAAO,CAAC,EAGrBE,MAAM,CAACY,MAAM,EAKNZ,MAAM,CAACwB,KAAK,EACjBxB,MAAM,CAACY,MAAM,EAWbZ,MAAM,CAACY,MAAM,EAKXT,OAAO,CAACsB,EAAE,CAOxB;AAED,OAAO,IAAMC,aAAa,gBAAG/B,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAIvC;AAED,OAAO,IAAMmB,kBAAkB,gBAAGhC,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAS5C"}

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_17_6__sc-1quvv61-0"
+  componentId: "core-12_17_8__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {