@procore/core-react 12.51.0 → 12.53.0

package/dist/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelect.js","names":["React","Calendar","CalendarBase","Card","DateInput","isValidYearRange","OverlayTrigger","useOverlayTriggerContext","isEventSource","useDateTime","enableLogs","_process$env$TZ_LOG","process","env","TZ_LOG","toLowerCase","consoleMessageChange","_ref","date","console","log","showKeys","hideKeys","target","overlay","lifecycleDefault","noop","forwardRef","_ref2","ref","onSelect","props","_objectWithoutProperties","_excluded","_useOverlayTriggerCon","hide","createElement","shadowStrength","_extends","DateSelect","_ref3","_ref3$beforeHide","beforeHide","_ref3$beforeShow","beforeShow","_ref3$afterHide","afterHide","_ref3$afterShow","afterShow","disabledDate","displayDate","_ref3$onChange","onChange","_ref3$onClear","onClear","value","_excluded2","dateTime","clearRef","useRef","dateInputRef","monthRef","yearRef","segmentRefs","segmentThree","_React$useState","useState","_React$useState2","_slicedToArray","selected","setSelected","_React$useState3","newDate","_React$useState4","displayed","setDisplayed","useEffect","onNavigate","current","focus","selectedStart","selectedEnd","e","KeyboardEvent","clickOutsideIgnoreRefs","placement","onChangeSegment","type","setMonth","setFullYear","undefined"],"sources":["../../src/DateSelect/DateSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { CalendarProps } from '../Calendar'\nimport { Calendar as CalendarBase } from '../Calendar'\nimport { Card } from '../Card'\nimport { DateInput, isValidYearRange } from '../DateInput/DateInput'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useDateTime } from '../_hooks/DateTime'\nimport type { DateSelectProps } from './DateSelect.types'\n\nconst enableLogs = process.env.TZ_LOG?.toLowerCase() === 'true'\n\nfunction consoleMessageChange({ date }: any) {\n  if (enableLogs) {\n    console.log(\n      `core-react: DateInput onChange, relative start of day in destination time zone.\\n`,\n      date\n    )\n  }\n}\n\nconst showKeys: string[] = []\n\nconst hideKeys = {\n  target: ['Esc', 'Escape'],\n  overlay: ['Esc', 'Escape'],\n}\n\nfunction lifecycleDefault() {\n  return true\n}\n\nfunction noop() {}\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar({ onSelect, ...props }, ref) {\n    const { hide } = useOverlayTriggerContext()\n\n    return (\n      <Card ref={ref} shadowStrength={2}>\n        <CalendarBase\n          {...props}\n          onSelect={(date) => {\n            onSelect?.(date)\n            hide(true)\n          }}\n        />\n      </Card>\n    )\n  }\n)\n\n/**\n\n We use date selects to allow users to enter a date into a form by either\n selecting it from a calendar or typing it into a date field.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dateselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/date-select)\n\n */\nexport const DateSelect = React.forwardRef<HTMLDivElement, DateSelectProps>(\n  function DateSelect(\n    {\n      beforeHide = lifecycleDefault,\n      beforeShow = lifecycleDefault,\n      afterHide = noop,\n      afterShow = noop,\n      disabledDate,\n      displayDate,\n      onChange = noop,\n      onClear = noop,\n      value,\n      ...props\n    },\n    ref\n  ) {\n    const dateTime = useDateTime()\n\n    const clearRef = React.useRef<HTMLButtonElement>(null)\n\n    const dateInputRef = ref as React.RefObject<HTMLDivElement>\n    React.useRef<HTMLDivElement>(null)\n\n    const monthRef = React.useRef<HTMLDivElement>(null)\n\n    const yearRef = React.useRef<HTMLDivElement>(null)\n\n    const segmentRefs = {\n      segmentThree: React.useRef<HTMLDivElement>(null),\n    }\n\n    const [selected, setSelected] = React.useState(value)\n\n    const [displayed, setDisplayed] = React.useState(\n      value || displayDate || dateTime.newDate()\n    )\n\n    React.useEffect(() => {\n      setSelected(value)\n      setDisplayed(value || displayDate || dateTime.newDate())\n    }, [value, displayDate])\n\n    const overlay = (\n      <Calendar\n        data-qa=\"core-date-select-calendar\"\n        disabledDate={disabledDate}\n        displayDate={displayed}\n        monthRef={monthRef}\n        onNavigate={setDisplayed}\n        onSelect={(date) => {\n          segmentRefs.segmentThree.current &&\n            segmentRefs.segmentThree.current.focus()\n\n          setDisplayed(date)\n          setSelected(date)\n          onChange(date)\n        }}\n        selectedStart={selected}\n        selectedEnd={selected}\n        yearRef={yearRef}\n      />\n    )\n\n    return (\n      <OverlayTrigger\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={(e) => {\n          if (e instanceof KeyboardEvent) {\n            segmentRefs.segmentThree.current &&\n              segmentRefs.segmentThree.current.focus()\n\n            return beforeHide(e)\n          }\n\n          if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeHide(e)\n        }}\n        beforeShow={(e) => {\n          if (isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeShow(e)\n        }}\n        clickOutsideIgnoreRefs={[monthRef, yearRef]}\n        hideKeys={hideKeys}\n        overlay={overlay}\n        placement=\"bottom-left\"\n        ref={dateInputRef}\n        showKeys={showKeys}\n      >\n        <DateInput\n          {...props}\n          clearRef={clearRef}\n          segmentRefs={segmentRefs}\n          onChangeSegment={(type, value) => {\n            if (value === -1) {\n              return\n            }\n\n            if (type === 'month') {\n              setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)))\n            } else if (type === 'year') {\n              // isValidYearRange prevents calendar from changing, the display date\n              if (isValidYearRange(value)) {\n                setDisplayed(dateTime.newDate(displayed.setFullYear(value)))\n              }\n            }\n          }}\n          onChange={(date: Date | null) => {\n            consoleMessageChange({ date })\n            if (date) {\n              setSelected(date)\n              setDisplayed(date)\n            } else {\n              setDisplayed(dateTime.newDate())\n              setSelected(undefined)\n            }\n\n            onChange(date)\n          }}\n          onClear={onClear}\n          value={selected}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"DateSelect.js","names":["React","Calendar","CalendarBase","Card","DateInput","isValidYearRange","OverlayTrigger","OVERLAY_AVAILABLE_HEIGHT_VAR","useOverlayTriggerContext","isEventSource","useDateTime","enableLogs","_process$env$TZ_LOG","process","env","TZ_LOG","toLowerCase","consoleMessageChange","_ref","date","console","log","showKeys","hideKeys","target","overlay","lifecycleDefault","noop","calendarCardStyle","maxHeight","concat","overflowX","overflowY","forwardRef","_ref2","ref","onSelect","props","_objectWithoutProperties","_excluded","_useOverlayTriggerCon","hide","createElement","shadowStrength","style","_extends","DateSelect","_ref3","_ref3$beforeHide","beforeHide","_ref3$beforeShow","beforeShow","_ref3$afterHide","afterHide","_ref3$afterShow","afterShow","disabledDate","displayDate","_ref3$onChange","onChange","_ref3$onClear","onClear","value","_excluded2","dateTime","clearRef","useRef","dateInputRef","monthRef","yearRef","segmentRefs","segmentThree","_React$useState","useState","_React$useState2","_slicedToArray","selected","setSelected","_React$useState3","newDate","_React$useState4","displayed","setDisplayed","useEffect","onNavigate","current","focus","selectedStart","selectedEnd","e","KeyboardEvent","clickOutsideIgnoreRefs","placement","onChangeSegment","type","setMonth","setFullYear","undefined"],"sources":["../../src/DateSelect/DateSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { CalendarProps } from '../Calendar'\nimport { Calendar as CalendarBase } from '../Calendar'\nimport { Card } from '../Card'\nimport { DateInput, isValidYearRange } from '../DateInput/DateInput'\nimport {\n  OverlayTrigger,\n  OVERLAY_AVAILABLE_HEIGHT_VAR,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useDateTime } from '../_hooks/DateTime'\nimport type { DateSelectProps } from './DateSelect.types'\n\nconst enableLogs = process.env.TZ_LOG?.toLowerCase() === 'true'\n\nfunction consoleMessageChange({ date }: any) {\n  if (enableLogs) {\n    console.log(\n      `core-react: DateInput onChange, relative start of day in destination time zone.\\n`,\n      date\n    )\n  }\n}\n\nconst showKeys: string[] = []\n\nconst hideKeys = {\n  target: ['Esc', 'Escape'],\n  overlay: ['Esc', 'Escape'],\n}\n\nfunction lifecycleDefault() {\n  return true\n}\n\nfunction noop() {}\n\nconst calendarCardStyle: React.CSSProperties = {\n  maxHeight: `var(${OVERLAY_AVAILABLE_HEIGHT_VAR}, calc(100vh - 4px))`,\n  overflowX: 'hidden',\n  overflowY: 'auto',\n}\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar({ onSelect, ...props }, ref) {\n    const { hide } = useOverlayTriggerContext()\n\n    return (\n      <Card ref={ref} shadowStrength={2} style={calendarCardStyle}>\n        <CalendarBase\n          {...props}\n          onSelect={(date) => {\n            onSelect?.(date)\n            hide(true)\n          }}\n        />\n      </Card>\n    )\n  }\n)\n\n/**\n\n We use date selects to allow users to enter a date into a form by either\n selecting it from a calendar or typing it into a date field.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dateselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/date-select)\n\n */\nexport const DateSelect = React.forwardRef<HTMLDivElement, DateSelectProps>(\n  function DateSelect(\n    {\n      beforeHide = lifecycleDefault,\n      beforeShow = lifecycleDefault,\n      afterHide = noop,\n      afterShow = noop,\n      disabledDate,\n      displayDate,\n      onChange = noop,\n      onClear = noop,\n      value,\n      ...props\n    },\n    ref\n  ) {\n    const dateTime = useDateTime()\n\n    const clearRef = React.useRef<HTMLButtonElement>(null)\n\n    const dateInputRef = ref as React.RefObject<HTMLDivElement>\n    React.useRef<HTMLDivElement>(null)\n\n    const monthRef = React.useRef<HTMLDivElement>(null)\n\n    const yearRef = React.useRef<HTMLDivElement>(null)\n\n    const segmentRefs = {\n      segmentThree: React.useRef<HTMLDivElement>(null),\n    }\n\n    const [selected, setSelected] = React.useState(value)\n\n    const [displayed, setDisplayed] = React.useState(\n      value || displayDate || dateTime.newDate()\n    )\n\n    React.useEffect(() => {\n      setSelected(value)\n      setDisplayed(value || displayDate || dateTime.newDate())\n    }, [value, displayDate])\n\n    const overlay = (\n      <Calendar\n        data-qa=\"core-date-select-calendar\"\n        disabledDate={disabledDate}\n        displayDate={displayed}\n        monthRef={monthRef}\n        onNavigate={setDisplayed}\n        onSelect={(date) => {\n          segmentRefs.segmentThree.current &&\n            segmentRefs.segmentThree.current.focus()\n\n          setDisplayed(date)\n          setSelected(date)\n          onChange(date)\n        }}\n        selectedStart={selected}\n        selectedEnd={selected}\n        yearRef={yearRef}\n      />\n    )\n\n    return (\n      <OverlayTrigger\n        afterHide={afterHide}\n        afterShow={afterShow}\n        beforeHide={(e) => {\n          if (e instanceof KeyboardEvent) {\n            segmentRefs.segmentThree.current &&\n              segmentRefs.segmentThree.current.focus()\n\n            return beforeHide(e)\n          }\n\n          if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeHide(e)\n        }}\n        beforeShow={(e) => {\n          if (isEventSource(clearRef, e)) {\n            return false\n          }\n          return beforeShow(e)\n        }}\n        clickOutsideIgnoreRefs={[monthRef, yearRef]}\n        hideKeys={hideKeys}\n        overlay={overlay}\n        placement=\"bottom-left\"\n        ref={dateInputRef}\n        showKeys={showKeys}\n      >\n        <DateInput\n          {...props}\n          clearRef={clearRef}\n          segmentRefs={segmentRefs}\n          onChangeSegment={(type, value) => {\n            if (value === -1) {\n              return\n            }\n\n            if (type === 'month') {\n              setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)))\n            } else if (type === 'year') {\n              // isValidYearRange prevents calendar from changing, the display date\n              if (isValidYearRange(value)) {\n                setDisplayed(dateTime.newDate(displayed.setFullYear(value)))\n              }\n            }\n          }}\n          onChange={(date: Date | null) => {\n            consoleMessageChange({ date })\n            if (date) {\n              setSelected(date)\n              setDisplayed(date)\n            } else {\n              setDisplayed(dateTime.newDate())\n              setSelected(undefined)\n            }\n\n            onChange(date)\n          }}\n          onClear={onClear}\n          value={selected}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,IAAIC,YAAY,QAAQ,aAAa;AACtD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,wBAAwB;AACpE,SACEC,cAAc,EACdC,4BAA4B,EAC5BC,wBAAwB,QACnB,kCAAkC;AACzC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,WAAW,QAAQ,oBAAoB;AAGhD,IAAMC,UAAU,GAAG,EAAAC,mBAAA,GAAAC,OAAO,CAACC,GAAG,CAACC,MAAM,cAAAH,mBAAA,uBAAlBA,mBAAA,CAAoBI,WAAW,CAAC,CAAC,MAAK,MAAM;AAE/D,SAASC,oBAAoBA,CAAAC,IAAA,EAAgB;EAAA,IAAbC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAClC,IAAIR,UAAU,EAAE;IACdS,OAAO,CAACC,GAAG,sFAETF,IACF,CAAC;EACH;AACF;AAEA,IAAMG,QAAkB,GAAG,EAAE;AAE7B,IAAMC,QAAQ,GAAG;EACfC,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;EACzBC,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ;AAC3B,CAAC;AAED,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,OAAO,IAAI;AACb;AAEA,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,IAAMC,iBAAsC,GAAG;EAC7CC,SAAS,SAAAC,MAAA,CAASvB,4BAA4B,yBAAsB;EACpEwB,SAAS,EAAE,QAAQ;EACnBC,SAAS,EAAE;AACb,CAAC;AAED,IAAM/B,QAAQ,gBAAGD,KAAK,CAACiC,UAAU,CAC/B,SAAShC,QAAQA,CAAAiC,KAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,SAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA;EACpC,IAAAC,qBAAA,GAAiBhC,wBAAwB,CAAC,CAAC;IAAnCiC,IAAI,GAAAD,qBAAA,CAAJC,IAAI;EAEZ,oBACEzC,KAAA,CAAA0C,aAAA,CAACvC,IAAI;IAACgC,GAAG,EAAEA,GAAI;IAACQ,cAAc,EAAE,CAAE;IAACC,KAAK,EAAEhB;EAAkB,gBAC1D5B,KAAA,CAAA0C,aAAA,CAACxC,YAAY,EAAA2C,QAAA,KACPR,KAAK;IACTD,QAAQ,EAAE,SAAVA,QAAQA,CAAGjB,IAAI,EAAK;MAClBiB,SAAQ,aAARA,SAAQ,uBAARA,SAAQ,CAAGjB,IAAI,CAAC;MAChBsB,IAAI,CAAC,IAAI,CAAC;IACZ;EAAE,EACH,CACG,CAAC;AAEX,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMK,UAAU,gBAAG9C,KAAK,CAACiC,UAAU,CACxC,SAASa,UAAUA,CAAAC,KAAA,EAajBZ,GAAG,EACH;EAAA,IAAAa,gBAAA,GAAAD,KAAA,CAZEE,UAAU;IAAVA,WAAU,GAAAD,gBAAA,cAAGtB,gBAAgB,GAAAsB,gBAAA;IAAAE,gBAAA,GAAAH,KAAA,CAC7BI,UAAU;IAAVA,WAAU,GAAAD,gBAAA,cAAGxB,gBAAgB,GAAAwB,gBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC7BM,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAGzB,IAAI,GAAAyB,eAAA;IAAAE,eAAA,GAAAP,KAAA,CAChBQ,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG3B,IAAI,GAAA2B,eAAA;IAChBE,YAAY,GAAAT,KAAA,CAAZS,YAAY;IACZC,WAAW,GAAAV,KAAA,CAAXU,WAAW;IAAAC,cAAA,GAAAX,KAAA,CACXY,QAAQ;IAARA,SAAQ,GAAAD,cAAA,cAAG/B,IAAI,GAAA+B,cAAA;IAAAE,aAAA,GAAAb,KAAA,CACfc,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAGjC,IAAI,GAAAiC,aAAA;IACdE,KAAK,GAAAf,KAAA,CAALe,KAAK;IACFzB,KAAK,GAAAC,wBAAA,CAAAS,KAAA,EAAAgB,UAAA;EAIV,IAAMC,QAAQ,GAAGtD,WAAW,CAAC,CAAC;EAE9B,IAAMuD,QAAQ,GAAGjE,KAAK,CAACkE,MAAM,CAAoB,IAAI,CAAC;EAEtD,IAAMC,YAAY,GAAGhC,GAAsC;EAC3DnC,KAAK,CAACkE,MAAM,CAAiB,IAAI,CAAC;EAElC,IAAME,QAAQ,GAAGpE,KAAK,CAACkE,MAAM,CAAiB,IAAI,CAAC;EAEnD,IAAMG,OAAO,GAAGrE,KAAK,CAACkE,MAAM,CAAiB,IAAI,CAAC;EAElD,IAAMI,WAAW,GAAG;IAClBC,YAAY,EAAEvE,KAAK,CAACkE,MAAM,CAAiB,IAAI;EACjD,CAAC;EAED,IAAAM,eAAA,GAAgCxE,KAAK,CAACyE,QAAQ,CAACX,KAAK,CAAC;IAAAY,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA9CI,QAAQ,GAAAF,gBAAA;IAAEG,WAAW,GAAAH,gBAAA;EAE5B,IAAAI,gBAAA,GAAkC9E,KAAK,CAACyE,QAAQ,CAC9CX,KAAK,IAAIL,WAAW,IAAIO,QAAQ,CAACe,OAAO,CAAC,CAC3C,CAAC;IAAAC,gBAAA,GAAAL,cAAA,CAAAG,gBAAA;IAFMG,SAAS,GAAAD,gBAAA;IAAEE,YAAY,GAAAF,gBAAA;EAI9BhF,KAAK,CAACmF,SAAS,CAAC,YAAM;IACpBN,WAAW,CAACf,KAAK,CAAC;IAClBoB,YAAY,CAACpB,KAAK,IAAIL,WAAW,IAAIO,QAAQ,CAACe,OAAO,CAAC,CAAC,CAAC;EAC1D,CAAC,EAAE,CAACjB,KAAK,EAAEL,WAAW,CAAC,CAAC;EAExB,IAAMhC,OAAO,gBACXzB,KAAA,CAAA0C,aAAA,CAACzC,QAAQ;IACP,WAAQ,2BAA2B;IACnCuD,YAAY,EAAEA,YAAa;IAC3BC,WAAW,EAAEwB,SAAU;IACvBb,QAAQ,EAAEA,QAAS;IACnBgB,UAAU,EAAEF,YAAa;IACzB9C,QAAQ,EAAE,SAAVA,QAAQA,CAAGjB,IAAI,EAAK;MAClBmD,WAAW,CAACC,YAAY,CAACc,OAAO,IAC9Bf,WAAW,CAACC,YAAY,CAACc,OAAO,CAACC,KAAK,CAAC,CAAC;MAE1CJ,YAAY,CAAC/D,IAAI,CAAC;MAClB0D,WAAW,CAAC1D,IAAI,CAAC;MACjBwC,SAAQ,CAACxC,IAAI,CAAC;IAChB,CAAE;IACFoE,aAAa,EAAEX,QAAS;IACxBY,WAAW,EAAEZ,QAAS;IACtBP,OAAO,EAAEA;EAAQ,CAClB,CACF;EAED,oBACErE,KAAA,CAAA0C,aAAA,CAACpC,cAAc;IACb+C,SAAS,EAAEA,SAAU;IACrBE,SAAS,EAAEA,SAAU;IACrBN,UAAU,EAAE,SAAZA,UAAUA,CAAGwC,CAAC,EAAK;MACjB,IAAIA,CAAC,YAAYC,aAAa,EAAE;QAC9BpB,WAAW,CAACC,YAAY,CAACc,OAAO,IAC9Bf,WAAW,CAACC,YAAY,CAACc,OAAO,CAACC,KAAK,CAAC,CAAC;QAE1C,OAAOrC,WAAU,CAACwC,CAAC,CAAC;MACtB;MAEA,IAAIhF,aAAa,CAAC0D,YAAY,EAAEsB,CAAC,CAAC,IAAIhF,aAAa,CAACwD,QAAQ,EAAEwB,CAAC,CAAC,EAAE;QAChE,OAAO,KAAK;MACd;MACA,OAAOxC,WAAU,CAACwC,CAAC,CAAC;IACtB,CAAE;IACFtC,UAAU,EAAE,SAAZA,UAAUA,CAAGsC,CAAC,EAAK;MACjB,IAAIhF,aAAa,CAACwD,QAAQ,EAAEwB,CAAC,CAAC,EAAE;QAC9B,OAAO,KAAK;MACd;MACA,OAAOtC,WAAU,CAACsC,CAAC,CAAC;IACtB,CAAE;IACFE,sBAAsB,EAAE,CAACvB,QAAQ,EAAEC,OAAO,CAAE;IAC5C9C,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBmE,SAAS,EAAC,aAAa;IACvBzD,GAAG,EAAEgC,YAAa;IAClB7C,QAAQ,EAAEA;EAAS,gBAEnBtB,KAAA,CAAA0C,aAAA,CAACtC,SAAS,EAAAyC,QAAA,KACJR,KAAK;IACT4B,QAAQ,EAAEA,QAAS;IACnBK,WAAW,EAAEA,WAAY;IACzBuB,eAAe,EAAE,SAAjBA,eAAeA,CAAGC,IAAI,EAAEhC,KAAK,EAAK;MAChC,IAAIA,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB;MACF;MAEA,IAAIgC,IAAI,KAAK,OAAO,EAAE;QACpBZ,YAAY,CAAClB,QAAQ,CAACe,OAAO,CAACE,SAAS,CAACc,QAAQ,CAACjC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;MAC/D,CAAC,MAAM,IAAIgC,IAAI,KAAK,MAAM,EAAE;QAC1B;QACA,IAAIzF,gBAAgB,CAACyD,KAAK,CAAC,EAAE;UAC3BoB,YAAY,CAAClB,QAAQ,CAACe,OAAO,CAACE,SAAS,CAACe,WAAW,CAAClC,KAAK,CAAC,CAAC,CAAC;QAC9D;MACF;IACF,CAAE;IACFH,QAAQ,EAAE,SAAVA,QAAQA,CAAGxC,IAAiB,EAAK;MAC/BF,oBAAoB,CAAC;QAAEE,IAAI,EAAJA;MAAK,CAAC,CAAC;MAC9B,IAAIA,IAAI,EAAE;QACR0D,WAAW,CAAC1D,IAAI,CAAC;QACjB+D,YAAY,CAAC/D,IAAI,CAAC;MACpB,CAAC,MAAM;QACL+D,YAAY,CAAClB,QAAQ,CAACe,OAAO,CAAC,CAAC,CAAC;QAChCF,WAAW,CAACoB,SAAS,CAAC;MACxB;MAEAtC,SAAQ,CAACxC,IAAI,CAAC;IAChB,CAAE;IACF0C,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEc;EAAS,EACjB,CACa,CAAC;AAErB,CACF,CAAC"}

package/dist/DetailPage/DetailPage.styles.js

@@ -9,32 +9,32 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-12_51_0__sc-cytnlo-0"
+  componentId: "core-12_53_0__sc-cytnlo-0"
 })(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
 export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageBody",
-  componentId: "core-12_51_0__sc-cytnlo-1"
+  componentId: "core-12_53_0__sc-cytnlo-1"
 })(["padding-bottom:", "px;> ", "{margin-top:", "px;}"], spacing.xl, StyledRequiredContainer, spacing.lg);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-12_51_0__sc-cytnlo-2"
+  componentId: "core-12_53_0__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-12_51_0__sc-cytnlo-3"
+  componentId: "core-12_53_0__sc-cytnlo-3"
 })(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
 export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDetailPageFooterActions",
-  componentId: "core-12_51_0__sc-cytnlo-4"
+  componentId: "core-12_53_0__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-12_51_0__sc-cytnlo-5"
+  componentId: "core-12_53_0__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 var detailPageCardBorderRadius = 8;
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-12_51_0__sc-cytnlo-6"
+  componentId: "core-12_53_0__sc-cytnlo-6"
 })(["width:100%;border-radius:", "px;margin-top:", "px;margin-bottom:", "px;& + &{margin-top:", "px;}&:first-child{margin-top:0;}&:last-child{margin-bottom:", "px;}& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], detailPageCardBorderRadius, spacing.lg, spacing.sm, spacing.sm, spacing.lg, StyledPageBanner, spacing.lg, spacing.lg, spacing.lg, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/Dropdown/Dropdown.styles.js

@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
 import { Spinner } from '../Spinner/Spinner';
 export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDropdownMenu",
-  componentId: "core-12_51_0__sc-ufsy2q-0"
+  componentId: "core-12_53_0__sc-ufsy2q-0"
 })(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
 export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledDropdownSpinner",
-  componentId: "core-12_51_0__sc-ufsy2q-1"
+  componentId: "core-12_53_0__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-12_51_0__sc-ufsy2q-2"
+  componentId: "core-12_53_0__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -2,22 +2,21 @@ import styled from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { arrowRight } from '../_styles/arrows';
 import { colors } from '../_styles/colors';
-import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_51_0__sc-1i79jsg-0"
-})(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
+  componentId: "core-12_53_0__sc-1i79jsg-0"
+})(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;overflow-y:auto;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_51_0__sc-1i79jsg-1"
+  componentId: "core-12_53_0__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}&[data-focus-visible='true']{box-shadow:inset 0 0 0 2px ", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96, colors.blue40);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_51_0__sc-1i79jsg-2"
-})(["", ""], getEllipsis());
+  componentId: "core-12_53_0__sc-1i79jsg-2"
+})(["text-wrap:wrap;"]);
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_51_0__sc-1i79jsg-3"
+  componentId: "core-12_53_0__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.styles.js","names":["styled","getTypographyIntent","arrowRight","colors","getEllipsis","spacing","StyledDropdownFlyout","div","withConfig","displayName","componentId","sm","StyledDropdownFlyoutItem","xs","lg","gray20","gray96","blue40","StyledDropdownFlyoutLabel","span","StyledDropdownFlyoutExpandIcon"],"sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { arrowRight } from '../_styles/arrows'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDropdownFlyout = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ${spacing.sm}px 0;\n`\n\nexport const StyledDropdownFlyoutItem = styled.div`\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  color: ${colors.gray20};\n  ${getTypographyIntent('body')}\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n`\n\nexport const StyledDropdownFlyoutLabel = styled.span`\n  ${getEllipsis()}\n`\n\nexport const StyledDropdownFlyoutExpandIcon = styled.span`\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ${spacing.lg}px;\n  white-space: nowrap;\n\n  ${arrowRight(4, 'black')}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAMjCL,OAAO,CAACM,EAAE,CACtB;AAED,OAAO,IAAMC,wBAAwB,gBAAGZ,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4OAOrCL,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACS,EAAE,EAC5BX,MAAM,CAACY,MAAM,EACpBd,mBAAmB,CAAC,MAAM,CAAC,EAIPE,MAAM,CAACa,MAAM,EAIHb,MAAM,CAACc,MAAM,CAE9C;AAED,OAAO,IAAMC,yBAAyB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChDN,WAAW,CAAC,CAAC,CAChB;AAED,OAAO,IAAMgB,8BAA8B,gBAAGpB,MAAM,CAACmB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKxCL,OAAO,CAACS,EAAE,EAGvBZ,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB"}
+{"version":3,"file":"DropdownFlyout.styles.js","names":["styled","getTypographyIntent","arrowRight","colors","spacing","StyledDropdownFlyout","div","withConfig","displayName","componentId","sm","StyledDropdownFlyoutItem","xs","lg","gray20","gray96","blue40","StyledDropdownFlyoutLabel","span","StyledDropdownFlyoutExpandIcon"],"sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { arrowRight } from '../_styles/arrows'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDropdownFlyout = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  overflow-y: auto;\n  padding: ${spacing.sm}px 0;\n`\n\nexport const StyledDropdownFlyoutItem = styled.div`\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  color: ${colors.gray20};\n  ${getTypographyIntent('body')}\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n`\n\nexport const StyledDropdownFlyoutLabel = styled.span`\n  text-wrap: wrap;\n`\n\nexport const StyledDropdownFlyoutExpandIcon = styled.span`\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ${spacing.lg}px;\n  white-space: nowrap;\n\n  ${arrowRight(4, 'black')}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,oBAAoB,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wHAOjCL,OAAO,CAACM,EAAE,CACtB;AAED,OAAO,IAAMC,wBAAwB,gBAAGX,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4OAOrCL,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACS,EAAE,EAC5BV,MAAM,CAACW,MAAM,EACpBb,mBAAmB,CAAC,MAAM,CAAC,EAIPE,MAAM,CAACY,MAAM,EAIHZ,MAAM,CAACa,MAAM,CAE9C;AAED,OAAO,IAAMC,yBAAyB,gBAAGjB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAEnD;AAED,OAAO,IAAMU,8BAA8B,gBAAGnB,MAAM,CAACkB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAKxCL,OAAO,CAACS,EAAE,EAGvBX,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB"}

package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js

@@ -1,12 +1,24 @@
-import { flip, limitShift, offset, shift } from '@floating-ui/react-dom';
+import { flip, limitShift, offset, shift, size } from '@floating-ui/react-dom';
 import { useOverlay } from '../Overlay/useOverlay';
 export function useDropdownFlyoutOverlay(_ref) {
   var placement = _ref.placement,
     offsetConfig = _ref.offset;
   return useOverlay({
     placement: placement,
+    width: 'fit-content',
     middleware: [offset(offsetConfig), flip(), shift({
       limiter: limitShift()
+    }), size({
+      apply: function apply(_ref2) {
+        var availableWidth = _ref2.availableWidth,
+          availableHeight = _ref2.availableHeight,
+          elements = _ref2.elements;
+        Object.assign(elements.floating.style, {
+          maxWidth: "".concat(availableWidth, "px"),
+          maxHeight: "".concat(availableHeight, "px"),
+          overflowY: 'auto'
+        });
+      }
     })]
   });
 }

package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownFlyoutOverlay.js","names":["flip","limitShift","offset","shift","useOverlay","useDropdownFlyoutOverlay","_ref","placement","offsetConfig","middleware","limiter"],"sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"sourcesContent":["import { flip, limitShift, offset, shift } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type {\n  OverlayOffsetValue,\n  OverlayRefType,\n  ReferenceRefType,\n} from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport type { Placement } from '../_utils/placement'\n\nexport function useDropdownFlyoutOverlay({\n  placement,\n  offset: offsetConfig,\n}: {\n  placement: Placement\n  offset?: OverlayOffsetValue\n}): {\n  overlayRef: OverlayRefType\n  referenceRef: ReferenceRefType\n  overlayStyle: CSSProperties\n} {\n  return useOverlay({\n    placement,\n    middleware: [\n      offset(offsetConfig),\n      flip(),\n      shift({ limiter: limitShift() }),\n    ],\n  })\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,QAAQ,wBAAwB;AAOxE,SAASC,UAAU,QAAQ,uBAAuB;AAGlD,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAUtC;EAAA,IATAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACDC,YAAY,GAAAF,IAAA,CAApBJ,MAAM;EASN,OAAOE,UAAU,CAAC;IAChBG,SAAS,EAATA,SAAS;IACTE,UAAU,EAAE,CACVP,MAAM,CAACM,YAAY,CAAC,EACpBR,IAAI,CAAC,CAAC,EACNG,KAAK,CAAC;MAAEO,OAAO,EAAET,UAAU,CAAC;IAAE,CAAC,CAAC;EAEpC,CAAC,CAAC;AACJ"}
+{"version":3,"file":"useDropdownFlyoutOverlay.js","names":["flip","limitShift","offset","shift","size","useOverlay","useDropdownFlyoutOverlay","_ref","placement","offsetConfig","width","middleware","limiter","apply","_ref2","availableWidth","availableHeight","elements","Object","assign","floating","style","maxWidth","concat","maxHeight","overflowY"],"sources":["../../src/DropdownFlyout/useDropdownFlyoutOverlay.ts"],"sourcesContent":["import { flip, limitShift, offset, shift, size } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type {\n  OverlayOffsetValue,\n  OverlayRefType,\n  ReferenceRefType,\n} from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport type { Placement } from '../_utils/placement'\n\nexport function useDropdownFlyoutOverlay({\n  placement,\n  offset: offsetConfig,\n}: {\n  placement: Placement\n  offset?: OverlayOffsetValue\n}): {\n  overlayRef: OverlayRefType\n  referenceRef: ReferenceRefType\n  overlayStyle: CSSProperties\n} {\n  return useOverlay({\n    placement,\n    width: 'fit-content',\n    middleware: [\n      offset(offsetConfig),\n      flip(),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${availableWidth}px`,\n            maxHeight: `${availableHeight}px`,\n            overflowY: 'auto',\n          })\n        },\n      }),\n    ],\n  })\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,wBAAwB;AAO9E,SAASC,UAAU,QAAQ,uBAAuB;AAGlD,OAAO,SAASC,wBAAwBA,CAAAC,IAAA,EAUtC;EAAA,IATAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACDC,YAAY,GAAAF,IAAA,CAApBL,MAAM;EASN,OAAOG,UAAU,CAAC;IAChBG,SAAS,EAATA,SAAS;IACTE,KAAK,EAAE,aAAa;IACpBC,UAAU,EAAE,CACVT,MAAM,CAACO,YAAY,CAAC,EACpBT,IAAI,CAAC,CAAC,EACNG,KAAK,CAAC;MAAES,OAAO,EAAEX,UAAU,CAAC;IAAE,CAAC,CAAC,EAChCG,IAAI,CAAC;MACHS,KAAK,WAALA,KAAKA,CAAAC,KAAA,EAAgD;QAAA,IAA7CC,cAAc,GAAAD,KAAA,CAAdC,cAAc;UAAEC,eAAe,GAAAF,KAAA,CAAfE,eAAe;UAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;QAC/CC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;UACrCC,QAAQ,KAAAC,MAAA,CAAKR,cAAc,OAAI;UAC/BS,SAAS,KAAAD,MAAA,CAAKP,eAAe,OAAI;UACjCS,SAAS,EAAE;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ"}

package/dist/Dropzone/Dropzone.js

@@ -95,7 +95,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_51_0__sc-l4fojb-0"
+  componentId: "core-12_53_0__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,

package/dist/Dropzone/Dropzone.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const StyledErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & Omit<import("..").BannerProps, "variant"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & Omit<import("..").BannerProps, "variant"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledErrorBannerDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export declare const StyledDropzoneIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;

package/dist/Dropzone/Dropzone.styles.js

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_51_0__sc-by95hy-0"
+  componentId: "core-12_53_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_51_0__sc-by95hy-1"
+  componentId: "core-12_53_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_51_0__sc-by95hy-2"
+  componentId: "core-12_53_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_51_0__sc-by95hy-3"
+  componentId: "core-12_53_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
   var $disabled = _ref2.$disabled;
   return !$disabled && css(["&:hover{", "}"], activeDropzone);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_51_0__sc-by95hy-4"
+  componentId: "core-12_53_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_51_0__sc-by95hy-5"
+  componentId: "core-12_53_0__sc-by95hy-5"
 })(["&&{display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;}"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_51_0__sc-by95hy-6"
+  componentId: "core-12_53_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var $error = _ref6.$error;
   return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_51_0__sc-by95hy-7"
+  componentId: "core-12_53_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_51_0__sc-by95hy-8"
+  componentId: "core-12_53_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/EmptyState/EmptyState.styles.js

@@ -5,27 +5,27 @@ import { spacing } from '../_styles/spacing';
 var emptyStateWidth = 312;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-12_51_0__sc-1xaoo8n-0"
+  componentId: "core-12_53_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_51_0__sc-1xaoo8n-1"
+  componentId: "core-12_53_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_51_0__sc-1xaoo8n-2"
+  componentId: "core-12_53_0__sc-1xaoo8n-2"
 })(["color:", ";max-width:", "px;width:100%;margin:0;", ""], colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_51_0__sc-1xaoo8n-3"
+  componentId: "core-12_53_0__sc-1xaoo8n-3"
 })(["margin-top:", "px;margin-bottom:0;color:", ";max-width:", "px;width:100%;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_51_0__sc-1xaoo8n-4"
+  componentId: "core-12_53_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_51_0__sc-1xaoo8n-5"
+  componentId: "core-12_53_0__sc-1xaoo8n-5"
 })(["display:flex;justify-content:center;align-items:", ";gap:", "px;flex-direction:", ";margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", " ", "}"], function (_ref) {
   var $isHorizontal = _ref.$isHorizontal;
   return $isHorizontal ? 'flex-start' : 'center';

package/dist/Field/Field.styles.js

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-12_51_0__sc-1q3pe6s-0"
+  componentId: "core-12_53_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_51_0__sc-1q3pe6s-1"
+  componentId: "core-12_53_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_51_0__sc-1q3pe6s-2"
+  componentId: "core-12_53_0__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.styles.js

@@ -3,14 +3,14 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-12_51_0__sc-7gltjc-0"
+  componentId: "core-12_53_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_51_0__sc-7gltjc-1"
+  componentId: "core-12_53_0__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_51_0__sc-7gltjc-2"
+  componentId: "core-12_53_0__sc-7gltjc-2"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_51_0__sc-343gts-0"
+  componentId: "core-12_53_0__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_51_0__sc-343gts-1"
+  componentId: "core-12_53_0__sc-343gts-1"
 })(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_51_0__sc-343gts-2"
+  componentId: "core-12_53_0__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_51_0__sc-343gts-3"
+  componentId: "core-12_53_0__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_51_0__sc-343gts-4"
+  componentId: "core-12_53_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_51_0__sc-343gts-5"
+  componentId: "core-12_53_0__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_51_0__sc-343gts-6"
+  componentId: "core-12_53_0__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_51_0__sc-343gts-7"
+  componentId: "core-12_53_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_51_0__sc-343gts-8"
+  componentId: "core-12_53_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js

@@ -3,14 +3,14 @@ import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_51_0__sc-s03uiv-0"
+  componentId: "core-12_53_0__sc-s03uiv-0"
 })(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_51_0__sc-s03uiv-1"
+  componentId: "core-12_53_0__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_51_0__sc-s03uiv-2"
+  componentId: "core-12_53_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

package/dist/FileSelect/FileSelect.styles.js

@@ -3,10 +3,10 @@ import { spacing } from '../_styles/spacing';
 import { FileTokenList } from './FileTokenList';
 export var StyledFileTokenList = /*#__PURE__*/styled(FileTokenList).withConfig({
   displayName: "StyledFileTokenList",
-  componentId: "core-12_51_0__sc-1r3srjk-0"
+  componentId: "core-12_53_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_51_0__sc-1r3srjk-1"
+  componentId: "core-12_53_0__sc-1r3srjk-1"
 })(["display:flex;flex-direction:column;"]);
 //# sourceMappingURL=FileSelect.styles.js.map

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js

@@ -5,20 +5,20 @@ import { spacing } from '../../_styles/spacing';
 export var dropzoneContainerAttr = 'data-dropzone-container';
 export var StyledDropzone = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzone",
-  componentId: "core-12_51_0__sc-ueh7d7-0"
+  componentId: "core-12_53_0__sc-ueh7d7-0"
 })(["", ""], function (_ref) {
   var hidden = _ref.hidden;
   return hidden && "\n    [".concat(dropzoneContainerAttr, "] {\n      align-self: flex-start;\n      margin-bottom: ").concat(spacing.xs, "px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  ");
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_51_0__sc-ueh7d7-1"
+  componentId: "core-12_53_0__sc-ueh7d7-1"
 })(["", ""], function (_ref2) {
   var error = _ref2.error;
   return error && "\n    color: ".concat(colors.gray15, ";\n  ");
 });
 export var StyledUploadButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledUploadButtonWrapper",
-  componentId: "core-12_51_0__sc-ueh7d7-2"
+  componentId: "core-12_53_0__sc-ueh7d7-2"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 //# sourceMappingURL=FileSelectDropzone.styles.js.map

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js

@@ -3,10 +3,10 @@ import { FileToken } from '../../FileToken/FileToken';
 import { spacing } from '../../_styles/spacing';
 export var StyledTokenList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTokenList",
-  componentId: "core-12_51_0__sc-u9tli5-0"
+  componentId: "core-12_53_0__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;align-items:flex-start;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_51_0__sc-u9tli5-1"
+  componentId: "core-12_53_0__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map

package/dist/FileSelect/GridSource/GridSource.styles.js

@@ -13,7 +13,7 @@ export var contentHeight = modalBodyWidth - modalBodyBorderTopWidth - toolbarHei
 // TODO Update box-shadow to use getShadow instead
 export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolbar",
-  componentId: "core-12_51_0__sc-1sj6hvp-0"
+  componentId: "core-12_53_0__sc-1sj6hvp-0"
 })(["display:flex;align-items:center;flex-direction:row;width:100%;min-height:", "px;padding:16px 24px;", " ", " & > * + *{margin-left:", "px;}"], toolbarHeight, function (_ref) {
   var $alignRight = _ref.$alignRight;
   return css(["justify-content:", ";"], $alignRight ? 'flex-end' : 'space-between');
@@ -23,23 +23,23 @@ export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var StyledSearchWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearchWrapper",
-  componentId: "core-12_51_0__sc-1sj6hvp-1"
+  componentId: "core-12_53_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_51_0__sc-1sj6hvp-2"
+  componentId: "core-12_53_0__sc-1sj6hvp-2"
 })(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]);
 export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_51_0__sc-1sj6hvp-3"
+  componentId: "core-12_53_0__sc-1sj6hvp-3"
 })(["margin-top:0;margin-bottom:0;img{width:160px;}"]);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_51_0__sc-1sj6hvp-4"
+  componentId: "core-12_53_0__sc-1sj6hvp-4"
 })(["height:", "px;width:100%;display:flex;align-items:center;justify-content:center;"], contentHeight);
 export var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_51_0__sc-1sj6hvp-5"
+  componentId: "core-12_53_0__sc-1sj6hvp-5"
 })(["display:flex;flex-direction:column;", ""], function (_ref3) {
   var $isEmpty = _ref3.$isEmpty;
   return $isEmpty && 'height: 100%;';

package/dist/FileSelect/LocalSource/LocalSource.styles.js

@@ -15,21 +15,21 @@ var dropzoneHeightWithIcon = 176;
 var sourceWidth = 568;
 export var StyledLocalSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLocalSource",
-  componentId: "core-12_51_0__sc-psqe8z-0"
+  componentId: "core-12_53_0__sc-psqe8z-0"
 })(["display:flex;flex-grow:1;flex-direction:column;align-items:stretch;height:", "px;max-height:", "px;padding:", "px ", "px ", "px ", "px;overflow-y:hidden;"], contentHeight, contentHeight, spacing.xl, spacing.xl + spacing.lg, spacing.xl, spacing.xl);
 export var StyledDropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBanner).withConfig({
   displayName: "StyledDropzoneErrorBanner",
-  componentId: "core-12_51_0__sc-psqe8z-1"
+  componentId: "core-12_53_0__sc-psqe8z-1"
 })(["margin-top:", "px;margin-bottom:", "px;margin-right:2px;"], errorBannerMarginTop, errorBannerMarginBottom);
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_51_0__sc-psqe8z-2"
+  componentId: "core-12_53_0__sc-psqe8z-2"
 })(["display:flex;height:auto;min-height:", "px;> div:first-child{display:flex;height:auto;}> ", "{display:none;}@media ", "{width:", "px;> div:first-child{height:100%;}}"], function (_ref) {
   var isIconVisible = _ref.isIconVisible;
   return isIconVisible ? dropzoneHeightWithIcon : dropzoneHeight;
 }, DropzoneErrorBanner, mediaIE11Hack, sourceWidth);
 export var StyledThumbnailList = /*#__PURE__*/styled(ThumbnailList).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_51_0__sc-psqe8z-3"
+  componentId: "core-12_53_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.styles.js

@@ -8,7 +8,7 @@ var sourceItemPadding = spacing.xl;
 var focused = /*#__PURE__*/css(["", " padding:0 ", "px 0 ", "px;"], getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
 export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_51_0__sc-plcozv-0"
+  componentId: "core-12_53_0__sc-plcozv-0"
 })(["position:relative;display:flex;align-items:center;padding:0 ", "px 0 ", "px;color:", ";", " cursor:pointer;height:", "px;&:before{content:'';position:absolute;top:0;left:0;display:block;width:4px;height:100%;background-color:", ";transform:scaleX(0);transform-origin:center left;transition:transform 200ms ease-out;z-index:1;}", " ", " ", " ", " ", " &:focus{", "}"], sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_ref) {
   var selected = _ref.selected;
   return selected && "\n    font-weight: 700;\n    background-color: ".concat(colors.blue96, ";\n    color: ").concat(colors.blue45, ";\n\n    ").concat(StyledIcon, " {\n      color: ").concat(colors.blue50, ";\n    }\n\n    &:before {\n      transform: scaleX(1);\n    }\n  ");
@@ -28,10 +28,10 @@ export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
 }, focused);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_51_0__sc-plcozv-1"
+  componentId: "core-12_53_0__sc-plcozv-1"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;"]);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_51_0__sc-plcozv-2"
+  componentId: "core-12_53_0__sc-plcozv-2"
 })(["", ""], getEllipsis());
 //# sourceMappingURL=SourceItem.styles.js.map