npm - boreal-ui - Versions diffs - 0.0.1 → 0.0.9 - Mend

boreal-ui 0.0.1 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (311) hide show

package/dist/core/Pager-2jW3cxx_.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pager-2jW3cxx_.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":";;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACDF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAO,~~eAAe~~;AAAA,~~EACtB~~,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAA;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,KAAK,KAAK,aAAa,YAAY;AACtD,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,~~WAAc~~,~~GAAA~~,CAAC,GAAG,MAAM,IAAI,CAAC;~~AAGpD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,MAAK;AAAA,MACL,eAAa;AAAA,MAEb,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,OAAA,EAAI,WAAW,SAAS,UACvB,UAAA;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,4BAEC,~~OAAI~~,~~EAAA~~,WAAW,SAAS,UAAU,MAAK,QACrC,~~UACC~~,~~mBAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM,SAAS,WAAW;AAAA,YAE1C,UAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,WAAW;AAAA,gBACvC,cAAY,QAAQ,WAAW;AAAA,gBAC/B,gBAAa;AAAA,gBACb,UAAQ;AAAA,gBACR,WAAW,GAAG,SAAS,MAAM,IAAI,SAAS,MAAM;AAAA,gBAChD,eAAa,GAAG,MAAM,WAAW,WAAW;AAAA,gBAE3C,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,~~QAGF~~,~~IAAA~~,MAAM,IAAI,CAAC,SACT;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,YACnC,MAAK;AAAA,YAEL,UAAA;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,IAAI;AAAA,gBAChC,cAAY,cAAc,IAAI;AAAA,gBAC9B,gBAAc,SAAS,cAAc,SAAS;AAAA,gBAC9C,UAAU,SAAS;AAAA,gBACnB,WAAW,GAAG,SAAS,MAAM,IAC3B,SAAS,cAAc,SAAS,SAAS,EAC3C;AAAA,gBACA,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,gBAEpC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UArBK;AAAA,~~QAuBR~~,~~CAAA~~,GAEL;AAAA,~~QAEC~~,~~oBAAA~~,OAAA,EAAI,WAAW,SAAS,UACvB,UAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,~~EAE1B~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;AC/HA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,QAAQ;AACV;~~AAEM~~,~~MAAA~~,QAAmC,CAAC,UAAU;~~AAEhD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,~~EACZ~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"Pager-2jW3cxx_.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}

package/dist/core/Pager-ByVG_at-.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pager-ByVG_at-.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","jsxs","ArrowRightIcon"],"mappings":";;;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9DA,~~2BAAA~~;~~AAAA~~,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACDF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,KAAK,KAAK,aAAa,YAAY;AACtD,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,~~WAAc~~,~~GAAA~~,CAAC,GAAG,MAAM,IAAI,CAAC;~~AAGpD~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,MAAK;AAAA,MACL,eAAa;AAAA,MAEb,UAAA;AAAA,~~QAACP~~,~~2BAAA~~,~~IAAA~~,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,~~2BAAA~~;~~AAAA~~,UAACM;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,uCAEC,~~OAAI~~,~~EAAA~~,WAAW,SAAS,UAAU,MAAK,QACrC,~~UACC~~,~~mBAAAN~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM,SAAS,WAAW;AAAA,YAE1C,UAAAA,~~2BAAA~~;~~AAAA~~,cAACK;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,WAAW;AAAA,gBACvC,cAAY,QAAQ,WAAW;AAAA,gBAC/B,gBAAa;AAAA,gBACb,UAAQ;AAAA,gBACR,WAAW,GAAG,SAAS,MAAM,IAAI,SAAS,MAAM;AAAA,gBAChD,eAAa,GAAG,MAAM,WAAW,WAAW;AAAA,gBAE3C,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,~~QAGF~~,~~IAAA~~,MAAM,IAAI,CAAC,SACTL,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,YACnC,MAAK;AAAA,YAEL,UAAAA,~~2BAAA~~;~~AAAA~~,cAACK;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,IAAI;AAAA,gBAChC,cAAY,cAAc,IAAI;AAAA,gBAC9B,gBAAc,SAAS,cAAc,SAAS;AAAA,gBAC9C,UAAU,SAAS;AAAA,gBACnB,WAAW,GAAG,SAAS,MAAM,IAC3B,SAAS,cAAc,SAAS,SAAS,EAC3C;AAAA,gBACA,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,gBAEpC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UArBK;AAAA,~~QAuBR~~,~~CAAA~~,GAEL;AAAA,~~QAECL~~,~~2BAAA~~,~~IAAA~~,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,~~2BAAA~~;~~AAAA~~,UAACM;AAAA,UAAA;AAAA,YACC,MAAME,~~eAAA~~;~~AAAA~~,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,~~EAE1B~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;AC/HA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,QAAQ;AACV;~~AAEM~~,~~MAAA~~,QAAmC,CAAC,UAAU;~~AAEhD~~,~~SAAAR~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJK,~~OAAA~~;~~AAAA~~,MAAA,YACAC,~~WAAA~~;~~AAAA~~,MACA,UAAU;AAAA,IAAA;AAAA,~~EACZ~~;~~AAEJ~~;;"}
1	+ {"version":3,"file":"Pager-ByVG_at-.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n Button: React.ComponentType<any>;\r\n IconButton: React.ComponentType<any>;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n return (\r\n <nav\r\n className={`${classMap.wrapper} ${className}`}\r\n aria-label=\"Pagination Navigation\"\r\n role=\"navigation\"\r\n data-testid={testId}\r\n >\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={currentPage === 1}\r\n aria-label=\"Go to previous page\"\r\n title=\"Previous Page\"\r\n onClick={() => onPageChange(currentPage - 1)}\r\n data-testid={`${testId}-prev`}\r\n />\r\n </div>\r\n\r\n <div className={classMap.controls} role=\"list\">\r\n {serverControlled ? (\r\n <div\r\n className={classMap.buttonWrapper}\r\n role=\"listitem\"\r\n data-testid={`${testId}-page-${currentPage}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(currentPage)}\r\n aria-label={`Page ${currentPage}`}\r\n aria-current=\"page\"\r\n disabled\r\n className={`${classMap.button} ${classMap.active}`}\r\n data-testid={`${testId}-button-${currentPage}`}\r\n >\r\n {currentPage}\r\n </Button>\r\n </div>\r\n ) : (\r\n pages.map((page) => (\r\n <div\r\n key={page}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n role=\"listitem\"\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => onPageChange(page)}\r\n aria-label={`Go to page ${page}`}\r\n aria-current={page === currentPage ? \"page\" : undefined}\r\n disabled={page === currentPage}\r\n className={`${classMap.button} ${\r\n page === currentPage ? classMap.active : \"\"\r\n }`}\r\n data-testid={`${testId}-button-${page}`}\r\n >\r\n {page}\r\n </Button>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={currentPage === totalPages}\r\n aria-label=\"Go to next page\"\r\n title=\"Next Page\"\r\n onClick={() => onPageChange(currentPage + 1)}\r\n data-testid={`${testId}-next`}\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","jsxs","ArrowRightIcon"],"mappings":"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"}

package/dist/core/PopOver-DNqWcWjU.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopOver-DNqWcWjU.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 \|\| dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr-only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PopOver-DNqWcWjU.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 \|\| dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr-only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}

package/dist/core/PopOver-OijKNHZU.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopOver-OijKNHZU.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 \|\| dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr-only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"PopOver-OijKNHZU.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n popoverRef.current &&\r\n !popoverRef.current.contains(event.target as Node)\r\n ) {\r\n close();\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") {\r\n e.stopPropagation();\r\n close();\r\n }\r\n };\r\n\r\n if (open) {\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n }\r\n\r\n if (open && popoverRef.current && triggerRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = viewportHeight - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (\r\n placement === \"bottom\" &&\r\n popoverEl.offsetHeight > spaceBelow\r\n ) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n if (popoverRect.left < 8) {\r\n dx = 8 - popoverRect.left;\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n dx = viewportWidth - 8 - popoverRect.right;\r\n }\r\n\r\n if (popoverRect.top < 8) {\r\n dy = 8 - popoverRect.top;\r\n } else if (popoverRect.bottom > viewportHeight - 8) {\r\n dy = viewportHeight - 8 - popoverRect.bottom;\r\n }\r\n\r\n if (dx !== 0 \|\| dy !== 0) {\r\n if (popoverRect.left < 8) {\r\n popoverEl.style.left = \"8px\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n } else if (popoverRect.right > viewportWidth - 8) {\r\n popoverEl.style.right = \"8px\";\r\n popoverEl.style.left = \"auto\";\r\n popoverEl.style.transform = \"translateY(10px)\";\r\n }\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [open]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n );\r\n\r\n return (\r\n <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n <div\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleOpen();\r\n }\r\n }}\r\n tabIndex={0}\r\n role=\"button\"\r\n aria-haspopup=\"dialog\"\r\n aria-expanded={open}\r\n aria-controls={`${testId}-content`}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n >\r\n {trigger}\r\n </div>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={`${testId}-content`}\r\n role=\"dialog\"\r\n aria-modal=\"false\"\r\n aria-labelledby={`${testId}-label`}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n >\r\n <span id={`${testId}-label`} className=\"sr-only\">\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/ProgressBar-CuIHF5N0.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar-CuIHF5N0.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n const value = Math.round(progress);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, shadow, rounding, className]\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated ? classMap.animated : \"\",\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate ? classMap.indeterminate : \"\"\r\n ),\r\n [classMap, theme, state, rounding, indeterminate]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={!indeterminate ? value : undefined}\r\n aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n aria-busy={indeterminate \|\| undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n container: \"progress_container\",\r\n bar: \"progress_bar\",\r\n\r\n primary: \"progress_primary\",\r\n secondary: \"progress_secondary\",\r\n tertiary: \"progress_tertiary\",\r\n quaternary: \"progress_quaternary\",\r\n\r\n success: \"progress_success\",\r\n error: \"progress_error\",\r\n warning: \"progress_warning\",\r\n\r\n clear: \"progress_clear\",\r\n\r\n xs: \"progress_xs\",\r\n xl: \"progress_xl\",\r\n small: \"progress_small\",\r\n medium: \"progress_medium\",\r\n large: \"progress_large\",\r\n\r\n shadowNone: \"progress_shadow-None\",\r\n shadowLight: \"progress_shadow-Light\",\r\n shadowMedium: \"progress_shadow-Medium\",\r\n shadowStrong: \"progress_shadow-Strong\",\r\n shadowIntense: \"progress_shadow-Intense\",\r\n\r\n roundNone: \"progress_round-None\",\r\n roundSmall: \"progress_round-Small\",\r\n roundMedium: \"progress_round-Medium\",\r\n roundLarge: \"progress_round-Large\",\r\n\r\n animated: \"progress_animated\",\r\n indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAO,~~eAAe~~;AAAA,~~EACtB~~,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;~~AACjC~~,~~QAAA~~,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,~~EAC9C~~;~~AAEA~~,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,~~IAC3C~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,~~EAClD~~;~~AAGE~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,~~IAAI~~;AAAA,~~UACrD~~,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,~~EACF~~;~~AAEJ~~;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;~~AAEM~~,~~MAAA~~,cAA0C,CAAC,UAAU;AACzD,~~SAAQ~~,~~oBAAA~~,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;"}
1	+ {"version":3,"file":"ProgressBar-CuIHF5N0.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n const value = Math.round(progress);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, shadow, rounding, className]\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated ? classMap.animated : \"\",\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate ? classMap.indeterminate : \"\"\r\n ),\r\n [classMap, theme, state, rounding, indeterminate]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={!indeterminate ? value : undefined}\r\n aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n aria-busy={indeterminate \|\| undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n container: \"progress_container\",\r\n bar: \"progress_bar\",\r\n\r\n primary: \"progress_primary\",\r\n secondary: \"progress_secondary\",\r\n tertiary: \"progress_tertiary\",\r\n quaternary: \"progress_quaternary\",\r\n\r\n success: \"progress_success\",\r\n error: \"progress_error\",\r\n warning: \"progress_warning\",\r\n\r\n clear: \"progress_clear\",\r\n\r\n xs: \"progress_xs\",\r\n xl: \"progress_xl\",\r\n small: \"progress_small\",\r\n medium: \"progress_medium\",\r\n large: \"progress_large\",\r\n\r\n shadowNone: \"progress_shadow-None\",\r\n shadowLight: \"progress_shadow-Light\",\r\n shadowMedium: \"progress_shadow-Medium\",\r\n shadowStrong: \"progress_shadow-Strong\",\r\n shadowIntense: \"progress_shadow-Intense\",\r\n\r\n roundNone: \"progress_round-None\",\r\n roundSmall: \"progress_round-Small\",\r\n roundMedium: \"progress_round-Medium\",\r\n roundLarge: \"progress_round-Large\",\r\n\r\n animated: \"progress_animated\",\r\n indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACvC,QAAM,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,IAAA;AAAA,IAE7C,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,EAAA;AAGlD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,IAAA;AAAA,UACjD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;"}

package/dist/core/ProgressBar-PiSFvLwa.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar-PiSFvLwa.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n const value = Math.round(progress);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, shadow, rounding, className]\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated ? classMap.animated : \"\",\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate ? classMap.indeterminate : \"\"\r\n ),\r\n [classMap, theme, state, rounding, indeterminate]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={!indeterminate ? value : undefined}\r\n aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n aria-busy={indeterminate \|\| undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n container: \"progress_container\",\r\n bar: \"progress_bar\",\r\n\r\n primary: \"progress_primary\",\r\n secondary: \"progress_secondary\",\r\n tertiary: \"progress_tertiary\",\r\n quaternary: \"progress_quaternary\",\r\n\r\n success: \"progress_success\",\r\n error: \"progress_error\",\r\n warning: \"progress_warning\",\r\n\r\n clear: \"progress_clear\",\r\n\r\n xs: \"progress_xs\",\r\n xl: \"progress_xl\",\r\n small: \"progress_small\",\r\n medium: \"progress_medium\",\r\n large: \"progress_large\",\r\n\r\n shadowNone: \"progress_shadow-None\",\r\n shadowLight: \"progress_shadow-Light\",\r\n shadowMedium: \"progress_shadow-Medium\",\r\n shadowStrong: \"progress_shadow-Strong\",\r\n shadowIntense: \"progress_shadow-Intense\",\r\n\r\n roundNone: \"progress_round-None\",\r\n roundSmall: \"progress_round-Small\",\r\n roundMedium: \"progress_round-Medium\",\r\n roundLarge: \"progress_round-Large\",\r\n\r\n animated: \"progress_animated\",\r\n indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;~~AACjC~~,~~QAAA~~,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAeC,~~MAAA~~;~~AAAA~~,IACnB,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,~~EAC9C~~;~~AAEA~~,QAAM,WAAWF,~~MAAA~~;~~AAAA~~,IACf,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,~~IAC3C~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,~~EAClD~~;~~AAGE~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAA,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,~~IAAI~~;AAAA,~~UACrD~~,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,~~EACF~~;~~AAEJ~~;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;~~AAEM~~,~~MAAA~~,cAA0C,CAAC,UAAU;AACzD,~~SAAQA~~,2BAAAA,~~IAAA~~,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;;"}
1	+ {"version":3,"file":"ProgressBar-PiSFvLwa.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n const value = Math.round(progress);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, shadow, rounding, className]\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated ? classMap.animated : \"\",\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate ? classMap.indeterminate : \"\"\r\n ),\r\n [classMap, theme, state, rounding, indeterminate]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={!indeterminate ? value : undefined}\r\n aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n aria-busy={indeterminate \|\| undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n container: \"progress_container\",\r\n bar: \"progress_bar\",\r\n\r\n primary: \"progress_primary\",\r\n secondary: \"progress_secondary\",\r\n tertiary: \"progress_tertiary\",\r\n quaternary: \"progress_quaternary\",\r\n\r\n success: \"progress_success\",\r\n error: \"progress_error\",\r\n warning: \"progress_warning\",\r\n\r\n clear: \"progress_clear\",\r\n\r\n xs: \"progress_xs\",\r\n xl: \"progress_xl\",\r\n small: \"progress_small\",\r\n medium: \"progress_medium\",\r\n large: \"progress_large\",\r\n\r\n shadowNone: \"progress_shadow-None\",\r\n shadowLight: \"progress_shadow-Light\",\r\n shadowMedium: \"progress_shadow-Medium\",\r\n shadowStrong: \"progress_shadow-Strong\",\r\n shadowIntense: \"progress_shadow-Intense\",\r\n\r\n roundNone: \"progress_round-None\",\r\n roundSmall: \"progress_round-Small\",\r\n roundMedium: \"progress_round-Medium\",\r\n roundLarge: \"progress_round-Large\",\r\n\r\n animated: \"progress_animated\",\r\n indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACvC,QAAM,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAWF,MAAAA;AAAAA,IACf,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,IAAA;AAAA,IAE7C,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,EAAA;AAGlD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,IAAA;AAAA,UACjD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAOA,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;;"}

package/dist/core/RadioButton-DP8HSNZD.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton-DP8HSNZD.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,kBAAkBA,~~MAAA~~;~~AAAA~~,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~IACxB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~IAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~IAC1B~~,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,~~KAEL~~,QACG;~~AACG~~,~~UAAA~~,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;~~AACJ~~,~~iBAAA~~,EAAE,OAAO,KAAK;AAAA,~~MAAA~~;AAAA,~~IAE3B~~;AAEA,UAAM,iBAAiBC,~~MAAA~~;~~AAAA~~,MACrB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,~~MACF~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,~~IAC9C~~;~~AAEA~~,UAAM,eAAeD,~~MAAA~~;~~AAAA~~,MACnB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~MACrD~~;AAAA,~~MACF~~,CAAC,UAAU,UAAU,MAAM;AAAA,~~IAC7B~~;~~AAEM~~,~~UAAA~~,UAAU,GAAG,MAAM;AAEzB,2CACG,~~SAAM~~,~~EAAA~~,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAAC,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,~~MACN~~;AAAA,~~MACAA~~,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,~~MACxB~~;AAAA,~~MACAA~~,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,~~EAAA~~;~~AAGN~~;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQA,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,~~QAAS~~,~~CAAA~~;AAC3E;AAEA,YAAY,cAAc;;"}
1	+ {"version":3,"file":"RadioButton-DP8HSNZD.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,kBAAkBA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;AACb,iBAAS,EAAE,OAAO,KAAK;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,iBAAiBC,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAeD,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,UAAU,GAAG,MAAM;AAEzB,2CACG,SAAA,EAAM,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAENA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAExBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQA,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS;AAC3E;AAEA,YAAY,cAAc;;"}

package/dist/core/RadioButton-DTPBlw1t.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton-DTPBlw1t.js","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,~~gBAAgB~~;AAAA,~~IACxB~~,WAAW,~~mBAAmB~~;AAAA,~~IAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~IAC1B~~,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,~~KAEL~~,QACG;~~AACG~~,~~UAAA~~,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;~~AACJ~~,~~iBAAA~~,EAAE,OAAO,KAAK;AAAA,~~MAAA~~;AAAA,~~IAE3B~~;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,~~MACF~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,~~IAC9C~~;~~AAEA~~,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,~~MACrD~~;AAAA,~~MACF~~,CAAC,UAAU,UAAU,MAAM;AAAA,~~IAC7B~~;~~AAEM~~,~~UAAA~~,UAAU,GAAG,MAAM;AAEzB,gCACG,~~SAAM~~,~~EAAA~~,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,~~MACN~~;AAAA,~~MACA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,~~MACxB~~;AAAA,~~MACA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,~~EAAA~~;~~AAGN~~;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ,oBAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,~~QAAS~~,~~CAAA~~;AAC3E;AAEA,YAAY,cAAc;"}
1	+ {"version":3,"file":"RadioButton-DTPBlw1t.js","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n (\r\n {\r\n label,\r\n value,\r\n checked,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n disabled = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"radio-button\",\r\n classMap,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!disabled) {\r\n onChange(e.target.value);\r\n }\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n disabled ? classMap.disabled : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, disabled, className]\r\n );\r\n\r\n const radioClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circle,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, rounding, shadow]\r\n );\r\n\r\n const labelId = `${testId}-label`;\r\n\r\n return (\r\n <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n <input\r\n ref={ref}\r\n type=\"radio\"\r\n id={`${testId}-input`}\r\n className={classMap.input}\r\n value={value}\r\n checked={checked}\r\n onChange={handleChange}\r\n disabled={disabled}\r\n aria-labelledby={labelId}\r\n data-testid={testId}\r\n {...props}\r\n />\r\n <span\r\n className={radioClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-circle`}\r\n />\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n wrapper: \"radio_wrapper\",\r\n input: \"radio_input\",\r\n circle: \"radio_circle\",\r\n label: \"radio_label\",\r\n disabled: \"radio_disabled\",\r\n\r\n primary: \"radio_primary\",\r\n secondary: \"radio_secondary\",\r\n tertiary: \"radio_tertiary\",\r\n quaternary: \"radio_quaternary\",\r\n\r\n success: \"radio_success\",\r\n error: \"radio_error\",\r\n warning: \"radio_warning\",\r\n\r\n clear: \"radio_clear\",\r\n\r\n shadowNone: \"radio_shadow-None\",\r\n shadowLight: \"radio_shadow-Light\",\r\n shadowMedium: \"radio_shadow-Medium\",\r\n shadowStrong: \"radio_shadow-Strong\",\r\n shadowIntense: \"radio_shadow-Intense\",\r\n\r\n roundNone: \"radio_round-None\",\r\n roundSmall: \"radio_round-Small\",\r\n roundMedium: \"radio_round-Medium\",\r\n roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;AACb,iBAAS,EAAE,OAAO,KAAK;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,UAAU,GAAG,MAAM;AAEzB,gCACG,SAAA,EAAM,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAExB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ,oBAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS;AAC3E;AAEA,YAAY,cAAc;"}

package/dist/core/Rating-Jx3DBFOd.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating-Jx3DBFOd.cjs","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number \| null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" \|\| event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container \|\| \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked \|\| index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","useState","useMemo","combineClassNames","jsxs"],"mappings":";;;;;AAAA,MAAM,WAAoD,CAAC,UACzDA,~~2BAAA~~;~~AAAA~~,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACLF,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,cAAc;AAAA,EACd,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAoC;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAwB,IAAI;AACtD,QAAM,UAAU,QAAQ,GAAG,MAAM,WAAW;~~AAEtC~~,~~QAAA~~,cAAc,CAAC,UAAkB;AACrC,QAAI,eAAe,UAAU;AAC3B,eAAS,QAAQ,CAAC;AAAA,~~IAAA~~;AAAA,~~EAEtB~~;~~AAEM~~,~~QAAA~~,gBAAgB,CACpB,OACA,UACG;AACH,QAAI,CAAC,YAAa;AAElB,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,~~eAAe~~;~~AACrB~~,kBAAY,KAAK;AAAA,~~IAAA~~,~~WACR~~,MAAM,QAAQ,cAAc;AACrC,YAAM,~~eAAe~~;~~AACf~~,~~YAAA~~,QAAQ,QAAQ,KAAK;AAC3B,2CAAW,OAAO;AAAA,~~IAAC~~,~~WACV~~,MAAM,QAAQ,aAAa;AACpC,YAAM,~~eAAe~~;~~AACf~~,~~YAAA~~,QAAQ,QAAQ,IAAI,OAAO;AACjC,2CAAW,OAAO;AAAA,~~IAAC~~;AAAA,~~EAEvB~~;AAEA,QAAM,eAAeC,~~MAAA~~;~~AAAA~~,IACnB,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,cAAc,SAAS,cAAc;AAAA,MACrC;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,MAAM,aAAa,SAAS;AAAA,~~EACvD~~;~~AAEA~~,~~SACGC~~,2BAAAA,~~KAAA~~,OAAA,EAAI,WAAW,SAAS,aAAa,IACnC,UAAA;AAAA,~~IACC~~,~~SAAAN~~,2BAAAA,IAAC,WAAM,IAAI,SAAS,WAAW,SAAS,OAAO,SAAS,QACrD,~~UACH~~,MAAA,~~CAAA~~;AAAA,IAEFA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa;AAAA,QAEZ,UAAA,MAAM,KAAK,EAAE,QAAQ,~~IAAK~~,~~CAAA~~,EAAE,IAAI,CAAC,GAAG,UAAU;~~AACvC~~,~~gBAAA~~,SAAS,SAAS,SAAS;~~AAC3B~~,~~gBAAA~~,YAAY,UAAU,QAAQ;~~AAGlC~~,~~iBAAAA~~,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWK,~~WAAA~~;~~AAAA~~,gBACT,SAAS;AAAA,gBACT,SAAS,SAAS,SAAS;AAAA,~~cAC7B~~;AAAA,~~cACA~~,SAAS,MAAM,YAAY,KAAK;AAAA,cAChC,cAAc,MAAM,eAAe,SAAS,KAAK;AAAA,cACjD,cAAc,MAAM,eAAe,SAAS,IAAI;AAAA,cAChD,WAAW,CAAC,MAAM,cAAc,GAAG,KAAK;AAAA,cACxC,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,UAAU,gBAAgB,aAAa,UAAU,KAAK,IAAI;AAAA,cAC1D,cAAY,GAAG,QAAQ,CAAC,WAAW,GAAG;AAAA,cACtC,eAAa,GAAG,MAAM,SAAS,QAAQ,CAAC;AAAA,cAExC,UAAAL,2BAAAA,IAAC,~~UAAS~~,~~EAAA~~,eAAY,~~OAAO~~,~~CAAA~~;AAAA,YAAA;AAAA,YAfxB;AAAA,~~UAgBP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;ACxGA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,aAAa;AACf;~~AAEM~~,~~MAAA~~,SAAgC,CAAC,UAAU;AAC/C,~~SAAQA~~,2BAAAA,~~IAAA~~,YAAA,EAAY,GAAG,OAAO,UAAU,SAAS;AACnD;;"}
1	+ {"version":3,"file":"Rating-Jx3DBFOd.cjs","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number \| null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" \|\| event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container \|\| \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked \|\| index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","useState","useMemo","combineClassNames","jsxs"],"mappings":"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"}

package/dist/core/Rating-QF5O1MFS.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating-QF5O1MFS.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number \| null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" \|\| event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container \|\| \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked \|\| index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAoD,CAAC,UACzD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACLF,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO,~~eAAe~~;AAAA,~~EACtB~~,cAAc;AAAA,EACd,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAoC;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,UAAU,QAAQ,GAAG,MAAM,WAAW;~~AAEtC~~,~~QAAA~~,cAAc,CAAC,UAAkB;AACrC,QAAI,eAAe,UAAU;AAC3B,eAAS,QAAQ,CAAC;AAAA,~~IAAA~~;AAAA,~~EAEtB~~;~~AAEM~~,~~QAAA~~,gBAAgB,CACpB,OACA,UACG;AACH,QAAI,CAAC,YAAa;AAElB,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,~~eAAe~~;~~AACrB~~,kBAAY,KAAK;AAAA,~~IAAA~~,~~WACR~~,MAAM,QAAQ,cAAc;AACrC,YAAM,~~eAAe~~;~~AACf~~,~~YAAA~~,QAAQ,QAAQ,KAAK;AAC3B,2CAAW,OAAO;AAAA,~~IAAC~~,~~WACV~~,MAAM,QAAQ,aAAa;AACpC,YAAM,~~eAAe~~;~~AACf~~,~~YAAA~~,QAAQ,QAAQ,IAAI,OAAO;AACjC,2CAAW,OAAO;AAAA,~~IAAC~~;AAAA,~~EAEvB~~;AAEA,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,cAAc,SAAS,cAAc;AAAA,MACrC;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,MAAM,aAAa,SAAS;AAAA,~~EACvD~~;~~AAEA~~,~~SACG~~,~~qBAAA~~,OAAA,EAAI,WAAW,SAAS,aAAa,IACnC,UAAA;AAAA,~~IACC~~,~~SAAA~~,oBAAC,WAAM,IAAI,SAAS,WAAW,SAAS,OAAO,SAAS,QACrD,~~UACH~~,MAAA,~~CAAA~~;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa;AAAA,QAEZ,UAAA,MAAM,KAAK,EAAE,QAAQ,~~IAAK~~,~~CAAA~~,EAAE,IAAI,CAAC,GAAG,UAAU;~~AACvC~~,~~gBAAA~~,SAAS,SAAS,SAAS;~~AAC3B~~,~~gBAAA~~,YAAY,UAAU,QAAQ;~~AAGlC~~,~~iBAAA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAW;AAAA,gBACT,SAAS;AAAA,gBACT,SAAS,SAAS,SAAS;AAAA,~~cAC7B~~;AAAA,~~cACA~~,SAAS,MAAM,YAAY,KAAK;AAAA,cAChC,cAAc,MAAM,eAAe,SAAS,KAAK;AAAA,cACjD,cAAc,MAAM,eAAe,SAAS,IAAI;AAAA,cAChD,WAAW,CAAC,MAAM,cAAc,GAAG,KAAK;AAAA,cACxC,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,UAAU,gBAAgB,aAAa,UAAU,KAAK,IAAI;AAAA,cAC1D,cAAY,GAAG,QAAQ,CAAC,WAAW,GAAG;AAAA,cACtC,eAAa,GAAG,MAAM,SAAS,QAAQ,CAAC;AAAA,cAExC,UAAA,oBAAC,~~UAAS~~,~~EAAA~~,eAAY,~~OAAO~~,~~CAAA~~;AAAA,YAAA;AAAA,YAfxB;AAAA,~~UAgBP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;ACxGA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,aAAa;AACf;~~AAEM~~,~~MAAA~~,SAAgC,CAAC,UAAU;AAC/C,~~SAAQ~~,~~oBAAA~~,YAAA,EAAY,GAAG,OAAO,UAAU,SAAS;AACnD;"}
1	+ {"version":3,"file":"Rating-QF5O1MFS.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/core/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n const [hover, setHover] = useState<number \| null>(null);\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) {\r\n onChange(index + 1);\r\n }\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n if (event.key === \"Enter\" \|\| event.key === \" \") {\r\n event.preventDefault();\r\n handleClick(index);\r\n } else if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n const next = (index + 1) % max;\r\n onChange?.(next + 1);\r\n } else if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n const prev = (index - 1 + max) % max;\r\n onChange?.(prev + 1);\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive ? classMap.interactive : \"\",\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container \|\| \"\"}>\r\n {label && (\r\n <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n {label}\r\n </label>\r\n )}\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n aria-label=\"Rating\"\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: max }).map((_, index) => {\r\n const active = index < (hover ?? value);\r\n const isChecked = value === index + 1;\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={isChecked}\r\n tabIndex={interactive && (isChecked \|\| index === 0) ? 0 : -1}\r\n aria-label={`${index + 1} out of ${max} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default BaseRating;\r\n","import React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport \"./Rating.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst classes = {\r\n container: \"rating_container\",\r\n wrapper: \"rating\",\r\n label: \"rating_label\",\r\n star: \"rating_star\",\r\n active: \"rating_active\",\r\n\r\n primary: \"rating_primary\",\r\n secondary: \"rating_secondary\",\r\n tertiary: \"rating_tertiary\",\r\n quaternary: \"rating_quaternary\",\r\n\r\n success: \"rating_success\",\r\n error: \"rating_error\",\r\n warning: \"rating_warning\",\r\n\r\n clear: \"rating_clear\",\r\n\r\n xs: \"rating_xs\",\r\n small: \"rating_small\",\r\n medium: \"rating_medium\",\r\n large: \"rating_large\",\r\n xl: \"rating_xl\",\r\n\r\n shadowNone: \"rating_shadow-None\",\r\n shadowLight: \"rating_shadow-Light\",\r\n shadowMedium: \"rating_shadow-Medium\",\r\n shadowStrong: \"rating_shadow-Strong\",\r\n shadowIntense: \"rating_shadow-Intense\",\r\n\r\n roundNone: \"rating_round-None\",\r\n roundSmall: \"rating_round-Small\",\r\n roundMedium: \"rating_round-Medium\",\r\n roundLarge: \"rating_round-Large\",\r\n\r\n interactive: \"rating_interactive\",\r\n};\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":[],"mappings":"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"}

package/dist/core/STT-D6L-amjZ.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"STT-D6L-amjZ.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { RoundingType, ShadowType } from \"../../types/types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nexport interface ScrollToTopBaseProps {\r\n classMap: Record<string, string>;\r\n rounding?: RoundingType;\r\n shadow?: ShadowType;\r\n IconComponent: React.ElementType;\r\n offset?: number;\r\n \"data-testid\"?: string;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={classMap.wrapper}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC = () => (\r\n <ScrollToTopBase classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","combineClassNames","capitalize","jsxs"],"mappings":";;;;;;AAAA,MAAM,cAAuD,CAAC,UAC5DA,~~2BAAA~~;~~AAAA~~,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACAF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~;AAAA,EACA,SAAS;AAAA,EACT,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;~~AAChB~~,~~iBAAA~~,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEAC,QAAAA,UAAU,MAAM;~~AACP~~,~~WAAA~~,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,~~EAAA~~,~~GACjE~~,CAAC,MAAM,CAAC;AAEX,QAAM,YAAYC,~~WAAA~~;~~AAAA~~,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~EACrD~~;~~AAEA~~,~~SACGC~~,2BAAAA,~~KAAA~~,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAAP,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,~~IACvD~~;AAAA,~~IAEC~~,aACCA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAAA,2BAAAA,IAAC,~~eAAc~~,~~EAAA~~,WAAW,~~UAAW~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,oBAA8B,MAClCA,2BAAAA,IAAC,mBAAgB,UAAU,SAAS,eAAe,~~YAAa~~,~~CAAA~~;;"}
1	+ {"version":3,"file":"STT-D6L-amjZ.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { RoundingType, ShadowType } from \"../../types/types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nexport interface ScrollToTopBaseProps {\r\n classMap: Record<string, string>;\r\n rounding?: RoundingType;\r\n shadow?: ShadowType;\r\n IconComponent: React.ElementType;\r\n offset?: number;\r\n \"data-testid\"?: string;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={classMap.wrapper}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC = () => (\r\n <ScrollToTopBase classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","combineClassNames","capitalize","jsxs"],"mappings":";;;;;;AAAA,MAAM,cAAuD,CAAC,UAC5DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACAF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEAC,QAAAA,UAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAYC,WAAAA;AAAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAAP,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAAA,2BAAAA,IAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,oBAA8B,MAClCA,2BAAAA,IAAC,mBAAgB,UAAU,SAAS,eAAe,YAAA,CAAa;;"}

package/dist/core/STT-aXWWubSC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"STT-aXWWubSC.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { RoundingType, ShadowType } from \"../../types/types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nexport interface ScrollToTopBaseProps {\r\n classMap: Record<string, string>;\r\n rounding?: RoundingType;\r\n shadow?: ShadowType;\r\n IconComponent: React.ElementType;\r\n offset?: number;\r\n \"data-testid\"?: string;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={classMap.wrapper}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC = () => (\r\n <ScrollToTopBase classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,cAAuD,CAAC,UAC5D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACAF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~;AAAA,EACA,SAAS;AAAA,EACT,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;~~AAChB~~,~~iBAAA~~,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEA,YAAU,MAAM;~~AACP~~,~~WAAA~~,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,~~EAAA~~,~~GACjE~~,CAAC,MAAM,CAAC;AAEX,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,~~EACrD~~;~~AAEA~~,~~SACG~~,~~qBAAA~~,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,~~IACvD~~;AAAA,~~IAEC~~,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAA,oBAAC,~~eAAc~~,~~EAAA~~,WAAW,~~UAAW~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,oBAA8B,MAClC,oBAAC,mBAAgB,UAAU,SAAS,eAAe,~~YAAa~~,~~CAAA~~;"}
1	+ {"version":3,"file":"STT-aXWWubSC.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/core/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { RoundingType, ShadowType } from \"../../types/types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nexport interface ScrollToTopBaseProps {\r\n classMap: Record<string, string>;\r\n rounding?: RoundingType;\r\n shadow?: ShadowType;\r\n IconComponent: React.ElementType;\r\n offset?: number;\r\n \"data-testid\"?: string;\r\n}\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n classMap,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n IconComponent,\r\n offset = 300,\r\n \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n const [isVisible, setIsVisible] = useState(false);\r\n\r\n const toggleVisibility = () => {\r\n setIsVisible(window.pageYOffset > offset);\r\n };\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleVisibility);\r\n return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n }, [offset]);\r\n\r\n const iconClass = combineClassNames(\r\n classMap.icon,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n );\r\n\r\n return (\r\n <div className={classMap.wrapper}>\r\n <div\r\n aria-live=\"polite\"\r\n className=\"sr_only\"\r\n role=\"status\"\r\n data-testid={`${testId}-announcement`}\r\n >\r\n {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n </div>\r\n\r\n {isVisible && (\r\n <button\r\n onClick={scrollToTop}\r\n className={classMap.button}\r\n title=\"Scroll to top\"\r\n type=\"button\"\r\n aria-label=\"Scroll to top\"\r\n data-testid={`${testId}-button`}\r\n >\r\n <IconComponent className={iconClass} />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ScrollToTopBase;\r\n","import React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport \"./STT.scss\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\n\r\nconst classes = {\r\n wrapper: \"scrollToTop\",\r\n button: \"scrollToTop_button\",\r\n icon: \"scrollToTop_icon\",\r\n\r\n shadowNone: \"scrollToTop_shadow-None\",\r\n shadowLight: \"scrollToTop_shadow-Light\",\r\n shadowMedium: \"scrollToTop_shadow-Medium\",\r\n shadowStrong: \"scrollToTop_shadow-Strong\",\r\n shadowIntense: \"scrollToTop_shadow-Intense\",\r\n\r\n roundNone: \"scrollToTop_round-None\",\r\n roundSmall: \"scrollToTop_round-Small\",\r\n roundMedium: \"scrollToTop_round-Medium\",\r\n roundLarge: \"scrollToTop_round-Large\",\r\n};\r\n\r\nconst ScrollToTopButton: React.FC = () => (\r\n <ScrollToTopBase classMap={classes} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,cAAuD,CAAC,UAC5D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACAF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,SACE,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAA,oBAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;ACnEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,oBAA8B,MAClC,oBAAC,mBAAgB,UAAU,SAAS,eAAe,YAAA,CAAa;"}