@procore/core-react 12.49.1 → 12.50.0

package/dist/Tearsheet/storybook/PageLayoutDemo.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayoutDemo.js","names":["React","useId","Box","Breadcrumbs","Button","Card","Flex","FlexList","Input","Modal","useLabelledPopup","Page","StyledPageHeaderItem","Panel","Required","H1","Label","SuperSelect","Tabs","Tab","exampleText","longText","longest_ipsum","shortText","short_sentence","panelContent","createElement","direction","alignItems","paddingBottom","style","width","Array","from","length","map","_","i","key","concat","height","marginTop","backgroundColor","border","borderRadius","PanelSample","_ref","onClose","footer","hasFooter","Header","Title","Body","Footer","space","marginLeft","variant","onClick","PageLayoutDemo","forwardRef","props","ref","_props$asideVisible","_React$useState","useState","asideVisible","_React$useState2","_slicedToArray","isAsideVisible","setIsAsideVisible","_React$useState3","_React$useState4","isModalVisible","setIsModalVisible","asideId","_useLabelledPopup","isOpen","popupRole","triggerProps","labelProps","popupProps","Fragment","_extends","open","role","howToClose","tabIndex","Main","Crumb","active","id","Link","padding","placeholder","block","multiple","options","value","label","onChange","console","log","marginBottom","htmlFor","display","Aside","restoreFocusOnClose"],"sources":["../../../src/Tearsheet/storybook/PageLayoutDemo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { Box } from '../../Box'\nimport { Breadcrumbs } from '../../Breadcrumbs'\nimport { Button } from '../../Button'\nimport { Card } from '../../Card'\nimport { Flex } from '../../Flex'\nimport { FlexList } from '../../FlexList'\nimport { Input } from '../../Input'\nimport { Modal } from '../../Modal'\nimport { useLabelledPopup } from '../../OverlayTrigger/a11yPresets'\nimport { Page } from '../../PageLayout'\nimport { StyledPageHeaderItem } from '../../PageLayout/PageLayout.styles'\nimport { Panel } from '../../Panel'\nimport { Required } from '../../Required'\nimport { H1, Label } from '../../Semantic'\nimport { SuperSelect } from '../../SuperSelect/SuperSelect'\nimport { Tabs } from '../../Tabs'\nimport { Tab } from '../../Tabs/Tabs'\nimport { exampleText } from '../../_storyHelpers_/constants'\n\nconst longText = exampleText.longest_ipsum\nconst shortText = exampleText.short_sentence\n\nconst panelContent = (\n  <Flex\n    direction=\"column\"\n    alignItems=\"center\"\n    paddingBottom=\"lg\"\n    style={{ width: '100%' }}\n  >\n    {Array.from({ length: 10 }).map((_, i) => (\n      <div\n        key={`${i}-content-item`}\n        style={{\n          width: '80%',\n          height: '100px',\n          marginTop: '16px',\n          backgroundColor: 'white',\n          border: '1px solid lightgray',\n          borderRadius: '8px',\n        }}\n      />\n    ))}\n  </Flex>\n)\n\nfunction PanelSample({\n  onClose,\n  hasFooter: footer,\n}: {\n  onClose: () => void\n  hasFooter?: boolean\n}) {\n  return (\n    <Panel>\n      <Panel.Header onClose={onClose}>\n        <Panel.Title>Sample heading</Panel.Title>\n      </Panel.Header>\n      <Panel.Body>{panelContent}</Panel.Body>\n      {footer && (\n        <Panel.Footer>\n          <Button>Action 3</Button>\n          <FlexList space=\"sm\" marginLeft=\"auto\">\n            <Button variant=\"primary\">Action 4</Button>\n            <Button onClick={onClose} variant=\"secondary\">\n              Close\n            </Button>\n          </FlexList>\n        </Panel.Footer>\n      )}\n    </Panel>\n  )\n}\n\nexport const PageLayoutDemo = React.forwardRef<\n  HTMLInputElement,\n  { asideVisible?: boolean }\n>(function PageLayoutDemo(props, ref) {\n  const [isAsideVisible, setIsAsideVisible] = React.useState(\n    props.asideVisible ?? false\n  )\n  const [isModalVisible, setIsModalVisible] = React.useState(false)\n  const asideId = useId()\n\n  const { triggerProps, labelProps, popupProps } = useLabelledPopup({\n    isOpen: isModalVisible,\n    popupRole: 'dialog',\n  })\n\n  return (\n    <>\n      <Modal\n        open={isModalVisible}\n        onClose={() => setIsModalVisible(false)}\n        {...popupProps}\n        role=\"dialog\"\n        aria-modal={true}\n        howToClose={['x']}\n      >\n        <Modal.Header {...labelProps}>{shortText}</Modal.Header>\n        <Modal.Body tabIndex={0}>{longText}</Modal.Body>\n      </Modal>\n      <Page>\n        <Page.Main>\n          <Page.Header>\n            <StyledPageHeaderItem>\n              <Breadcrumbs variant=\"list\">\n                <Breadcrumbs.Crumb active>Tool Name</Breadcrumbs.Crumb>\n                <Breadcrumbs.Crumb>Item</Breadcrumbs.Crumb>\n              </Breadcrumbs>\n            </StyledPageHeaderItem>\n            <Page.Title>\n              <H1 id=\"page-title\">Page Title</H1>\n            </Page.Title>\n            <Page.Tabs>\n              <Tabs>\n                <Tab active>\n                  <Tabs.Link>Active</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Second</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Third</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Fourth</Tabs.Link>\n                </Tab>\n              </Tabs>\n            </Page.Tabs>\n          </Page.Header>\n          <Page.Body>\n            <Card>\n              <Box padding=\"md\">\n                <SuperSelect\n                  placeholder=\"Select\"\n                  block\n                  multiple\n                  options={[\n                    { value: '1', label: 'some label one' },\n                    { value: '2', label: 'two 2' },\n                    { value: '3', label: 'three three three' },\n                  ]}\n                  onChange={console.log}\n                />\n              </Box>\n\n              <Box padding=\"md\">\n                <Label block style={{ marginBottom: '4px' }} htmlFor=\"example\">\n                  Label Text\n                  <Required />\n                </Label>\n\n                <Input id=\"example\" placeholder=\"Hello\" ref={ref} />\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n          </Page.Body>\n          <Page.Footer>\n            <Box padding=\"16px\" display=\"flex\">\n              <Button\n                {...triggerProps}\n                variant=\"secondary\"\n                onClick={() => setIsModalVisible(true)}\n              >\n                Open Modal\n              </Button>\n              <Button\n                aria-expanded={isAsideVisible}\n                aria-controls={asideId}\n                variant=\"secondary\"\n                onClick={() => setIsAsideVisible(true)}\n                style={{ marginLeft: 'auto' }}\n              >\n                Open Panel\n              </Button>\n            </Box>\n          </Page.Footer>\n        </Page.Main>\n        <Page.Aside id={asideId} open={isAsideVisible} restoreFocusOnClose>\n          <PanelSample hasFooter onClose={() => setIsAsideVisible(false)} />\n        </Page.Aside>\n      </Page>\n    </>\n  )\n})\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,gBAAgB,QAAQ,kCAAkC;AACnE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,oBAAoB,QAAQ,oCAAoC;AACzE,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,EAAE,EAAEC,KAAK,QAAQ,gBAAgB;AAC1C,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,GAAG,QAAQ,iBAAiB;AACrC,SAASC,WAAW,QAAQ,gCAAgC;AAE5D,IAAMC,QAAQ,GAAGD,WAAW,CAACE,aAAa;AAC1C,IAAMC,SAAS,GAAGH,WAAW,CAACI,cAAc;AAE5C,IAAMC,YAAY,gBAChBzB,KAAA,CAAA0B,aAAA,CAACpB,IAAI;EACHqB,SAAS,EAAC,QAAQ;EAClBC,UAAU,EAAC,QAAQ;EACnBC,aAAa,EAAC,IAAI;EAClBC,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAO;AAAE,GAExBC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;EAAA,oBACnCrC,KAAA,CAAA0B,aAAA;IACEY,GAAG,KAAAC,MAAA,CAAKF,CAAC,kBAAgB;IACzBP,KAAK,EAAE;MACLC,KAAK,EAAE,KAAK;MACZS,MAAM,EAAE,OAAO;MACfC,SAAS,EAAE,MAAM;MACjBC,eAAe,EAAE,OAAO;MACxBC,MAAM,EAAE,qBAAqB;MAC7BC,YAAY,EAAE;IAChB;EAAE,CACH,CAAC;AAAA,CACH,CACG,CACP;AAED,SAASC,WAAWA,CAAAC,IAAA,EAMjB;EAAA,IALDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACIC,MAAM,GAAAF,IAAA,CAAjBG,SAAS;EAKT,oBACEjD,KAAA,CAAA0B,aAAA,CAACb,KAAK,qBACJb,KAAA,CAAA0B,aAAA,CAACb,KAAK,CAACqC,MAAM;IAACH,OAAO,EAAEA;EAAQ,gBAC7B/C,KAAA,CAAA0B,aAAA,CAACb,KAAK,CAACsC,KAAK,QAAC,gBAA2B,CAC5B,CAAC,eACfnD,KAAA,CAAA0B,aAAA,CAACb,KAAK,CAACuC,IAAI,QAAE3B,YAAyB,CAAC,EACtCuB,MAAM,iBACLhD,KAAA,CAAA0B,aAAA,CAACb,KAAK,CAACwC,MAAM,qBACXrD,KAAA,CAAA0B,aAAA,CAACtB,MAAM,QAAC,UAAgB,CAAC,eACzBJ,KAAA,CAAA0B,aAAA,CAACnB,QAAQ;IAAC+C,KAAK,EAAC,IAAI;IAACC,UAAU,EAAC;EAAM,gBACpCvD,KAAA,CAAA0B,aAAA,CAACtB,MAAM;IAACoD,OAAO,EAAC;EAAS,GAAC,UAAgB,CAAC,eAC3CxD,KAAA,CAAA0B,aAAA,CAACtB,MAAM;IAACqD,OAAO,EAAEV,OAAQ;IAACS,OAAO,EAAC;EAAW,GAAC,OAEtC,CACA,CACE,CAEX,CAAC;AAEZ;AAEA,OAAO,IAAME,cAAc,gBAAG1D,KAAK,CAAC2D,UAAU,CAG5C,SAASD,cAAcA,CAACE,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,mBAAA;EACpC,IAAAC,eAAA,GAA4C/D,KAAK,CAACgE,QAAQ,EAAAF,mBAAA,GACxDF,KAAK,CAACK,YAAY,cAAAH,mBAAA,cAAAA,mBAAA,GAAI,KACxB,CAAC;IAAAI,gBAAA,GAAAC,cAAA,CAAAJ,eAAA;IAFMK,cAAc,GAAAF,gBAAA;IAAEG,iBAAiB,GAAAH,gBAAA;EAGxC,IAAAI,gBAAA,GAA4CtE,KAAK,CAACgE,QAAQ,CAAC,KAAK,CAAC;IAAAO,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAA1DE,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EACxC,IAAMG,OAAO,GAAGzE,KAAK,CAAC,CAAC;EAEvB,IAAA0E,iBAAA,GAAiDjE,gBAAgB,CAAC;MAChEkE,MAAM,EAAEJ,cAAc;MACtBK,SAAS,EAAE;IACb,CAAC,CAAC;IAHMC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IAAEC,UAAU,GAAAJ,iBAAA,CAAVI,UAAU;IAAEC,UAAU,GAAAL,iBAAA,CAAVK,UAAU;EAK5C,oBACEhF,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAAiF,QAAA,qBACEjF,KAAA,CAAA0B,aAAA,CAACjB,KAAK,EAAAyE,QAAA;IACJC,IAAI,EAAEX,cAAe;IACrBzB,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQ0B,iBAAiB,CAAC,KAAK,CAAC;IAAA;EAAC,GACpCO,UAAU;IACdI,IAAI,EAAC,QAAQ;IACb,cAAY,IAAK;IACjBC,UAAU,EAAE,CAAC,GAAG;EAAE,iBAElBrF,KAAA,CAAA0B,aAAA,CAACjB,KAAK,CAACyC,MAAM,EAAK6B,UAAU,EAAGxD,SAAwB,CAAC,eACxDvB,KAAA,CAAA0B,aAAA,CAACjB,KAAK,CAAC2C,IAAI;IAACkC,QAAQ,EAAE;EAAE,GAAEjE,QAAqB,CAC1C,CAAC,eACRrB,KAAA,CAAA0B,aAAA,CAACf,IAAI,qBACHX,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAAC4E,IAAI,qBACRvF,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAACuC,MAAM,qBACVlD,KAAA,CAAA0B,aAAA,CAACd,oBAAoB,qBACnBZ,KAAA,CAAA0B,aAAA,CAACvB,WAAW;IAACqD,OAAO,EAAC;EAAM,gBACzBxD,KAAA,CAAA0B,aAAA,CAACvB,WAAW,CAACqF,KAAK;IAACC,MAAM;EAAA,GAAC,WAA4B,CAAC,eACvDzF,KAAA,CAAA0B,aAAA,CAACvB,WAAW,CAACqF,KAAK,QAAC,MAAuB,CAC/B,CACO,CAAC,eACvBxF,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAACwC,KAAK,qBACTnD,KAAA,CAAA0B,aAAA,CAACX,EAAE;IAAC2E,EAAE,EAAC;EAAY,GAAC,YAAc,CACxB,CAAC,eACb1F,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAACO,IAAI,qBACRlB,KAAA,CAAA0B,aAAA,CAACR,IAAI,qBACHlB,KAAA,CAAA0B,aAAA,CAACP,GAAG;IAACsE,MAAM;EAAA,gBACTzF,KAAA,CAAA0B,aAAA,CAACR,IAAI,CAACyE,IAAI,QAAC,QAAiB,CACzB,CAAC,eACN3F,KAAA,CAAA0B,aAAA,CAACP,GAAG,qBACFnB,KAAA,CAAA0B,aAAA,CAACR,IAAI,CAACyE,IAAI,QAAC,QAAiB,CACzB,CAAC,eACN3F,KAAA,CAAA0B,aAAA,CAACP,GAAG,qBACFnB,KAAA,CAAA0B,aAAA,CAACR,IAAI,CAACyE,IAAI,QAAC,OAAgB,CACxB,CAAC,eACN3F,KAAA,CAAA0B,aAAA,CAACP,GAAG,qBACFnB,KAAA,CAAA0B,aAAA,CAACR,IAAI,CAACyE,IAAI,QAAC,QAAiB,CACzB,CACD,CACG,CACA,CAAC,eACd3F,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAACyC,IAAI,qBACRpD,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC;EAAI,gBACf5F,KAAA,CAAA0B,aAAA,CAACT,WAAW;IACV4E,WAAW,EAAC,QAAQ;IACpBC,KAAK;IACLC,QAAQ;IACRC,OAAO,EAAE,CACP;MAAEC,KAAK,EAAE,GAAG;MAAEC,KAAK,EAAE;IAAiB,CAAC,EACvC;MAAED,KAAK,EAAE,GAAG;MAAEC,KAAK,EAAE;IAAQ,CAAC,EAC9B;MAAED,KAAK,EAAE,GAAG;MAAEC,KAAK,EAAE;IAAoB,CAAC,CAC1C;IACFC,QAAQ,EAAEC,OAAO,CAACC;EAAI,CACvB,CACE,CAAC,eAENrG,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC;EAAI,gBACf5F,KAAA,CAAA0B,aAAA,CAACV,KAAK;IAAC8E,KAAK;IAAChE,KAAK,EAAE;MAAEwE,YAAY,EAAE;IAAM,CAAE;IAACC,OAAO,EAAC;EAAS,GAAC,YAE7D,eAAAvG,KAAA,CAAA0B,aAAA,CAACZ,QAAQ,MAAE,CACN,CAAC,eAERd,KAAA,CAAA0B,aAAA,CAAClB,KAAK;IAACkF,EAAE,EAAC,SAAS;IAACG,WAAW,EAAC,OAAO;IAAChC,GAAG,EAAEA;EAAI,CAAE,CAChD,CACD,CAAC,eACP7D,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC,IAAI;IAACnD,SAAS,EAAC;EAAI,GAC7BpB,QACE,CACD,CAAC,eACPrB,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC,IAAI;IAACnD,SAAS,EAAC;EAAI,GAC7BpB,QACE,CACD,CAAC,eACPrB,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC,IAAI;IAACnD,SAAS,EAAC;EAAI,GAC7BpB,QACE,CACD,CAAC,eACPrB,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC,IAAI;IAACnD,SAAS,EAAC;EAAI,GAC7BpB,QACE,CACD,CACG,CAAC,eACZrB,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAAC0C,MAAM,qBACVrD,KAAA,CAAA0B,aAAA,CAACxB,GAAG;IAAC0F,OAAO,EAAC,MAAM;IAACY,OAAO,EAAC;EAAM,gBAChCxG,KAAA,CAAA0B,aAAA,CAACtB,MAAM,EAAA8E,QAAA,KACDJ,YAAY;IAChBtB,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQgB,iBAAiB,CAAC,IAAI,CAAC;IAAA;EAAC,IACxC,YAEO,CAAC,eACTzE,KAAA,CAAA0B,aAAA,CAACtB,MAAM;IACL,iBAAegE,cAAe;IAC9B,iBAAeM,OAAQ;IACvBlB,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQY,iBAAiB,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCvC,KAAK,EAAE;MAAEyB,UAAU,EAAE;IAAO;EAAE,GAC/B,YAEO,CACL,CACM,CACJ,CAAC,eACZvD,KAAA,CAAA0B,aAAA,CAACf,IAAI,CAAC8F,KAAK;IAACf,EAAE,EAAEhB,OAAQ;IAACS,IAAI,EAAEf,cAAe;IAACsC,mBAAmB;EAAA,gBAChE1G,KAAA,CAAA0B,aAAA,CAACmB,WAAW;IAACI,SAAS;IAACF,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQsB,iBAAiB,CAAC,KAAK,CAAC;IAAA;EAAC,CAAE,CACvD,CACR,CACN,CAAC;AAEP,CAAC,CAAC"}
+{"version":3,"file":"PageLayoutDemo.js","names":["React","useId","Box","Breadcrumbs","Button","Card","Flex","FlexList","Input","Modal","useLabelledPopup","Page","StyledPageHeaderItem","Panel","Required","H1","Label","SuperSelect","Tabs","Tab","exampleText","longText","longest_ipsum","shortText","short_sentence","panelContent","createElement","direction","alignItems","paddingBottom","style","width","Array","from","length","map","_","i","key","concat","height","marginTop","backgroundColor","border","borderRadius","PanelSample","_ref","onClose","footer","hasFooter","Header","Title","Body","Footer","space","marginLeft","variant","onClick","PageLayoutDemo","forwardRef","props","ref","_props$asideVisible","_React$useState","useState","asideVisible","_React$useState2","_slicedToArray","isAsideVisible","setIsAsideVisible","_React$useState3","_React$useState4","isModalVisible","setIsModalVisible","asideId","_useLabelledPopup","isOpen","popupRole","triggerProps","labelProps","popupProps","Fragment","_extends","open","role","howToClose","tabIndex","Main","Crumb","active","id","Link","showLabel","padding","placeholder","block","multiple","options","value","label","onChange","console","log","marginBottom","htmlFor","display","Aside","restoreFocusOnClose"],"sources":["../../../src/Tearsheet/storybook/PageLayoutDemo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { Box } from '../../Box'\nimport { Breadcrumbs } from '../../Breadcrumbs'\nimport { Button } from '../../Button'\nimport { Card } from '../../Card'\nimport { Flex } from '../../Flex'\nimport { FlexList } from '../../FlexList'\nimport { Input } from '../../Input'\nimport { Modal } from '../../Modal'\nimport { useLabelledPopup } from '../../OverlayTrigger/a11yPresets'\nimport { Page } from '../../PageLayout'\nimport { StyledPageHeaderItem } from '../../PageLayout/PageLayout.styles'\nimport { Panel } from '../../Panel'\nimport { Required } from '../../Required'\nimport { H1, Label } from '../../Semantic'\nimport { SuperSelect } from '../../SuperSelect/SuperSelect'\nimport { Tabs } from '../../Tabs'\nimport { Tab } from '../../Tabs/Tabs'\nimport { exampleText } from '../../_storyHelpers_/constants'\n\nconst longText = exampleText.longest_ipsum\nconst shortText = exampleText.short_sentence\n\nconst panelContent = (\n  <Flex\n    direction=\"column\"\n    alignItems=\"center\"\n    paddingBottom=\"lg\"\n    style={{ width: '100%' }}\n  >\n    {Array.from({ length: 10 }).map((_, i) => (\n      <div\n        key={`${i}-content-item`}\n        style={{\n          width: '80%',\n          height: '100px',\n          marginTop: '16px',\n          backgroundColor: 'white',\n          border: '1px solid lightgray',\n          borderRadius: '8px',\n        }}\n      />\n    ))}\n  </Flex>\n)\n\nfunction PanelSample({\n  onClose,\n  hasFooter: footer,\n}: {\n  onClose: () => void\n  hasFooter?: boolean\n}) {\n  return (\n    <Panel>\n      <Panel.Header onClose={onClose}>\n        <Panel.Title>Sample heading</Panel.Title>\n      </Panel.Header>\n      <Panel.Body>{panelContent}</Panel.Body>\n      {footer && (\n        <Panel.Footer>\n          <Button>Action 3</Button>\n          <FlexList space=\"sm\" marginLeft=\"auto\">\n            <Button variant=\"primary\">Action 4</Button>\n            <Button onClick={onClose} variant=\"secondary\">\n              Close\n            </Button>\n          </FlexList>\n        </Panel.Footer>\n      )}\n    </Panel>\n  )\n}\n\nexport const PageLayoutDemo = React.forwardRef<\n  HTMLInputElement,\n  { asideVisible?: boolean }\n>(function PageLayoutDemo(props, ref) {\n  const [isAsideVisible, setIsAsideVisible] = React.useState(\n    props.asideVisible ?? false\n  )\n  const [isModalVisible, setIsModalVisible] = React.useState(false)\n  const asideId = useId()\n\n  const { triggerProps, labelProps, popupProps } = useLabelledPopup({\n    isOpen: isModalVisible,\n    popupRole: 'dialog',\n  })\n\n  return (\n    <>\n      <Modal\n        open={isModalVisible}\n        onClose={() => setIsModalVisible(false)}\n        {...popupProps}\n        role=\"dialog\"\n        aria-modal={true}\n        howToClose={['x']}\n      >\n        <Modal.Header {...labelProps}>{shortText}</Modal.Header>\n        <Modal.Body tabIndex={0}>{longText}</Modal.Body>\n      </Modal>\n      <Page>\n        <Page.Main>\n          <Page.Header>\n            <StyledPageHeaderItem>\n              <Breadcrumbs variant=\"list\">\n                <Breadcrumbs.Crumb active>Tool Name</Breadcrumbs.Crumb>\n                <Breadcrumbs.Crumb>Item</Breadcrumbs.Crumb>\n              </Breadcrumbs>\n            </StyledPageHeaderItem>\n            <Page.Title>\n              <H1 id=\"page-title\">Page Title</H1>\n            </Page.Title>\n            <Page.Tabs>\n              <Tabs>\n                <Tab active>\n                  <Tabs.Link>Active</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Second</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Third</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Fourth</Tabs.Link>\n                </Tab>\n              </Tabs>\n            </Page.Tabs>\n          </Page.Header>\n          <Page.Body>\n            <Required showLabel />\n            <Card>\n              <Box padding=\"md\">\n                <SuperSelect\n                  placeholder=\"Select\"\n                  block\n                  multiple\n                  options={[\n                    { value: '1', label: 'some label one' },\n                    { value: '2', label: 'two 2' },\n                    { value: '3', label: 'three three three' },\n                  ]}\n                  onChange={console.log}\n                />\n              </Box>\n\n              <Box padding=\"md\">\n                <Label block style={{ marginBottom: '4px' }} htmlFor=\"example\">\n                  Label Text\n                  <Required />\n                </Label>\n\n                <Input id=\"example\" placeholder=\"Hello\" ref={ref} />\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n          </Page.Body>\n          <Page.Footer>\n            <Box padding=\"16px\" display=\"flex\">\n              <Button\n                {...triggerProps}\n                variant=\"secondary\"\n                onClick={() => setIsModalVisible(true)}\n              >\n                Open Modal\n              </Button>\n              <Button\n                aria-expanded={isAsideVisible}\n                aria-controls={asideId}\n                variant=\"secondary\"\n                onClick={() => setIsAsideVisible(true)}\n                style={{ marginLeft: 'auto' }}\n              >\n                Open Panel\n              </Button>\n            </Box>\n          </Page.Footer>\n        </Page.Main>\n        <Page.Aside id={asideId} open={isAsideVisible} restoreFocusOnClose>\n          <PanelSample hasFooter onClose={() => setIsAsideVisible(false)} />\n        </Page.Aside>\n      </Page>\n    </>\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_49_1__sc-u5mow1-0"
+  componentId: "core-12_50_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_49_1__sc-1lje1b0-0"
+  componentId: "core-12_50_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -897,22 +897,22 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     step?: string | number | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     list?: string | undefined;
-    height?: string | number | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    width?: string | number | undefined;
+    accept?: string | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    checked?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    accept?: string | undefined;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    checked?: boolean | undefined;
+    height?: string | number | undefined;
+    max?: string | number | undefined;
     maxLength?: number | undefined;
+    min?: string | number | undefined;
     minLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
+    width?: string | number | undefined;
     alt: string;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant | undefined;
     tabIndex?: number | undefined;
@@ -1220,22 +1220,22 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     step?: string | number | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     list?: string | undefined;
-    height?: string | number | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    width?: string | number | undefined;
+    accept?: string | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    checked?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    accept?: string | undefined;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    checked?: boolean | undefined;
+    height?: string | number | undefined;
+    max?: string | number | undefined;
     maxLength?: number | undefined;
+    min?: string | number | undefined;
     minLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
+    width?: string | number | undefined;
     alt: string;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant | undefined;
     tabIndex?: number | undefined;

package/dist/Thumbnail/Thumbnail.styles.js

@@ -29,51 +29,51 @@ var captionTextStyles = /*#__PURE__*/css(["color:", ";font-size:12px;line-height
 });
 export var StyledThumbnailCaptionStack = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailCaptionStack",
-  componentId: "core-12_49_1__sc-195f70c-0"
+  componentId: "core-12_50_0__sc-195f70c-0"
 })(["", ";display:flex;flex-direction:column;align-items:stretch;"], captionStandaloneLayout);
 export var StyledThumbnailErrorRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailErrorRow",
-  componentId: "core-12_49_1__sc-195f70c-1"
+  componentId: "core-12_50_0__sc-195f70c-1"
 })(["font-family:inherit;display:flex;align-items:flex-start;gap:", "px;&:not(:first-child){margin-top:", "px;}color:", ";font-size:12px;line-height:16px;letter-spacing:0.25px;font-weight:400;width:100%;min-width:0;"], spacing.xs, spacing.xs, colors.red50);
 export var StyledThumbnailErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorIcon",
-  componentId: "core-12_49_1__sc-195f70c-2"
+  componentId: "core-12_50_0__sc-195f70c-2"
 })(["flex-shrink:0;display:inline-flex;"]);
 export var StyledThumbnailErrorText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorText",
-  componentId: "core-12_49_1__sc-195f70c-3"
+  componentId: "core-12_50_0__sc-195f70c-3"
 })(["display:flex;flex:1 1 0;min-width:0;max-width:100%;align-items:center;"]);
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_49_1__sc-195f70c-4"
+  componentId: "core-12_50_0__sc-195f70c-4"
 })(["", ";", ";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;"], captionStandaloneLayoutUnlessError, captionTextStyles, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_49_1__sc-195f70c-5"
+  componentId: "core-12_50_0__sc-195f70c-5"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_49_1__sc-195f70c-6"
+  componentId: "core-12_50_0__sc-195f70c-6"
 })(["", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_49_1__sc-195f70c-7"
+  componentId: "core-12_50_0__sc-195f70c-7"
 })(["display:flex;", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_49_1__sc-195f70c-8"
+  componentId: "core-12_50_0__sc-195f70c-8"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_49_1__sc-195f70c-9"
+  componentId: "core-12_50_0__sc-195f70c-9"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_49_1__sc-195f70c-10"
+  componentId: "core-12_50_0__sc-195f70c-10"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_49_1__sc-195f70c-11"
+  componentId: "core-12_50_0__sc-195f70c-11"
 })(["", " ", " 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;
@@ -81,7 +81,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_49_1__sc-195f70c-12"
+  componentId: "core-12_50_0__sc-195f70c-12"
 })(["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;
@@ -103,7 +103,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_49_1__sc-195f70c-13"
+  componentId: "core-12_50_0__sc-195f70c-13"
 })(["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 (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -113,28 +113,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_49_1__sc-195f70c-14"
+  componentId: "core-12_50_0__sc-195f70c-14"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_49_1__sc-195f70c-15"
+  componentId: "core-12_50_0__sc-195f70c-15"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_49_1__sc-195f70c-16"
+  componentId: "core-12_50_0__sc-195f70c-16"
 })(["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_49_1__sc-195f70c-17"
+  componentId: "core-12_50_0__sc-195f70c-17"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_49_1__sc-195f70c-18"
+  componentId: "core-12_50_0__sc-195f70c-18"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -163,7 +163,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_49_1__sc-195f70c-19"
+  componentId: "core-12_50_0__sc-195f70c-19"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -174,7 +174,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_49_1__sc-195f70c-20"
+  componentId: "core-12_50_0__sc-195f70c-20"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

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_49_1__sc-1inrbm9-0"
+  componentId: "core-12_50_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_49_1__sc-1inrbm9-1"
+  componentId: "core-12_50_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_49_1__sc-1inrbm9-2"
+  componentId: "core-12_50_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_49_1__sc-1inrbm9-3"
+  componentId: "core-12_50_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_49_1__sc-1inrbm9-4"
+  componentId: "core-12_50_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_49_1__sc-1inrbm9-5"
+  componentId: "core-12_50_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_49_1__sc-1inrbm9-6"
+  componentId: "core-12_50_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_49_1__sc-e1ql06-0"
+  componentId: "core-12_50_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_49_1__sc-e1ql06-1"
+  componentId: "core-12_50_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_49_1__sc-e1ql06-2"
+  componentId: "core-12_50_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_49_1__sc-e1ql06-3"
+  componentId: "core-12_50_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_49_1__sc-e1ql06-4"
+  componentId: "core-12_50_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_49_1__sc-e1ql06-5"
+  componentId: "core-12_50_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_49_1__sc-e1ql06-6"
+  componentId: "core-12_50_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_49_1__sc-e1ql06-7"
+  componentId: "core-12_50_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_49_1__sc-e1ql06-8"
+  componentId: "core-12_50_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_49_1__sc-8q9p0n-0"
+  componentId: "core-12_50_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_49_1__sc-8q9p0n-1"
+  componentId: "core-12_50_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_49_1__sc-8q9p0n-2"
+  componentId: "core-12_50_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_49_1__sc-8q9p0n-3"
+  componentId: "core-12_50_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_49_1__sc-8q9p0n-4"
+  componentId: "core-12_50_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_49_1__sc-8q9p0n-5"
+  componentId: "core-12_50_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:calc(", "px - 1px);border-bottom-left-radius:calc(", "px - 1px);> *,> picture > img{border-bottom-left-radius:calc(", "px - 1px);border-top-left-radius:calc(", "px - 1px);height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);> *,> picture > img{border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);min-height:inherit;max-height:inherit;height:auto;width:100%;}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_49_1__sc-8q9p0n-6"
+  componentId: "core-12_50_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_49_1__sc-8q9p0n-7"
+  componentId: "core-12_50_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;align-items:flex-start;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_49_1__sc-1t2ye1d-0"
+  componentId: "core-12_50_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_49_1__sc-1t2ye1d-1"
+  componentId: "core-12_50_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_49_1__sc-1t2ye1d-2"
+  componentId: "core-12_50_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_49_1__sc-1t2ye1d-3"
+  componentId: "core-12_50_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_49_1__sc-1t2ye1d-4"
+  componentId: "core-12_50_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_49_1__sc-1t2ye1d-5"
+  componentId: "core-12_50_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_49_1__sc-1t2ye1d-6"
+  componentId: "core-12_50_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# 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_49_1__sc-1l6lk2n-0"
+  componentId: "core-12_50_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;a{color:", ";text-decoration:underline;}"], 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_49_1__sc-1l6lk2n-1"
+  componentId: "core-12_50_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_49_1__sc-1l6lk2n-2"
+  componentId: "core-12_50_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

@@ -5,7 +5,7 @@ import { focusBlue } from '../_styles/mixins';
 var selectedStyles = /*#__PURE__*/css(["background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}&.hover,&:hover{background-color:", ";color:", ";}&.focus,&:focus{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";}&:disabled{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue50, colors.blue96, colors.blue70, colors.blue70, colors.blue70, colors.blue50);
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_49_1__sc-1x59fxi-0"
+  componentId: "core-12_50_0__sc-1x59fxi-0"
 })(["&.focus,&:focus{box-shadow:none;outline:2px solid ", ";outline-offset:4px;}&.selected{", "}", ""], focusBlue, selectedStyles, function (_ref) {
   var $selected = _ref.$selected;
   return $selected && selectedStyles;

package/dist/Token/Token.styles.js

@@ -7,23 +7,23 @@ import { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledErrorIcon",
-  componentId: "core-12_49_1__sc-zqi94b-0"
+  componentId: "core-12_50_0__sc-zqi94b-0"
 })(["align-items:center;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;"], colors.white, spacing.xs);
 export var StyledErrorButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledErrorButton",
-  componentId: "core-12_49_1__sc-zqi94b-1"
+  componentId: "core-12_50_0__sc-zqi94b-1"
 })(["", " align-items:center;border-radius:50%;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;&:focus-visible{", "}"], getUnstyledButton, colors.white, spacing.xs, getGapOutlineFocus('ontop'));
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_49_1__sc-zqi94b-2"
+  componentId: "core-12_50_0__sc-zqi94b-2"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_49_1__sc-zqi94b-3"
+  componentId: "core-12_50_0__sc-zqi94b-3"
 })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_49_1__sc-zqi94b-4"
+  componentId: "core-12_50_0__sc-zqi94b-4"
 })(["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,

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_49_1__sc-1jpjx47-0"
+  componentId: "core-12_50_0__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_49_1__sc-1jpjx47-1"
+  componentId: "core-12_50_0__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_49_1__sc-1jpjx47-2"
+  componentId: "core-12_50_0__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_49_1__sc-1jpjx47-3"
+  componentId: "core-12_50_0__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_49_1__sc-1jpjx47-4"
+  componentId: "core-12_50_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_49_1__sc-1jpjx47-5"
+  componentId: "core-12_50_0__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_49_1__sc-wa8j06-0"
+  componentId: "core-12_50_0__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_49_1__sc-wa8j06-1"
+  componentId: "core-12_50_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_49_1__sc-wa8j06-2"
+  componentId: "core-12_50_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map