npm - @skodaflow/web-library - Versions diffs - 7.12.0 → 7.13.1 - Mend

@skodaflow/web-library 7.12.0 → 7.13.1

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 (2332) hide show

package/cjs/components/icon/stroke/WindowIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindowIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowIcon.tsx"],"sourcesContent":[~~null~~],"names":["WindowIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAqCC,EAAUA,YAAC,CAACC,EAAOC,IAEjEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
1	+ {"version":3,"file":"WindowIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WindowIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M14.28 11.02C13.54 11.02 12.94 10.42 12.94 9.66V5.9C12.94 5.16 13.54 4.56 14.28 4.56H18.04C18.8 4.56 19.4 5.16 19.4 5.9V9.66C19.4 10.42 18.8 11.02 18.04 11.02H14.28ZM5.94 11.02C5.2 11.02 4.6 10.42 4.6 9.66V5.9C4.6 5.16 5.2 4.56 5.94 4.56H9.7C10.46 4.56 11.06 5.16 11.06 5.9V9.66C11.06 10.42 10.46 11.02 9.7 11.02H5.94ZM6.1 9.52H9.56V6.06H6.1V9.52ZM14.44 9.52H17.9V6.06H14.44V9.52ZM14.28 19.36C13.54 19.36 12.94 18.76 12.94 18V14.24C12.94 13.5 13.54 12.9 14.28 12.9H18.04C18.8 12.9 19.4 13.5 19.4 14.24V18C19.4 18.76 18.8 19.36 18.04 19.36H14.28ZM5.94 19.36C5.2 19.36 4.6 18.76 4.6 18V14.24C4.6 13.5 5.2 12.9 5.94 12.9H9.7C10.46 12.9 11.06 13.5 11.06 14.24V18C11.06 18.76 10.46 19.36 9.7 19.36H5.94ZM6.1 17.86H9.56V14.4H6.1V17.86ZM14.44 17.86H17.9V14.4H14.44V17.86Z\" />\n </SvgIcon>\n );\n});\n"],"names":["WindowIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAqCC,EAAUA,YAAC,CAACC,EAAOC,IAEjEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}

package/cjs/components/icon/stroke/WindowheaterIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindowheaterIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowheaterIcon.tsx"],"sourcesContent":[~~null~~],"names":["WindowheaterIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA2CC,EAAUA,YAAC,CAACC,EAAOC,IAEvEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}
1	+ {"version":3,"file":"WindowheaterIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowheaterIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WindowheaterIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M19.6534 8.11225C17.5639 6.69053 14.7667 6.00013 12.0056 6C9.24437 5.99987 6.4472 6.69002 4.35762 8.1119L4 8.35524L4.14238 8.7637C4.85805 10.8169 5.67719 13.156 6.39842 15.2092L7.46247 14.8354C6.79011 12.9214 6.03265 10.7588 5.35341 8.81144C7.17426 7.70015 9.5741 7.12768 12.0055 7.1278C14.4417 7.12791 16.8463 7.70286 18.6685 8.81844C18.2264 10.201 17.942 10.9771 17.558 12.0247C17.2954 12.7412 16.9863 13.5847 16.5484 14.8361L17.6129 15.2086C18.0379 13.9941 18.344 13.1584 18.607 12.4405L18.607 12.4404L18.607 12.4404C19.035 11.272 19.3486 10.4159 19.874 8.7479L20 8.34807L19.6534 8.11225ZM10.4275 10.2295H9.95848C10.0662 10.5373 10.1273 10.8408 10.1274 11.1568C10.1274 11.6674 9.96817 12.1454 9.70994 12.6617C9.49471 13.092 9.4115 13.4211 9.41148 13.6918C9.41146 13.9517 9.48802 14.2025 9.67457 14.4824C9.96508 14.9182 10.1271 15.3831 10.1271 15.8985C10.1271 16.4032 9.97176 16.909 9.70971 17.4331L8.70101 16.9286C8.91619 16.4984 8.99934 16.1692 8.99933 15.8985C8.99932 15.6386 8.92272 15.3878 8.73615 15.1079C8.44562 14.672 8.28364 14.2071 8.28369 13.6917C8.28373 13.187 8.43919 12.6811 8.70129 12.1571C8.92038 11.7191 8.9996 11.4218 8.99956 11.157C8.99952 10.9071 8.92888 10.6282 8.73689 10.2295H8.17187L9.29967 8.25584L10.4275 10.2295ZM12.7226 10.2295H13.2473L12.1195 8.25586L10.9917 10.2295H11.5011C11.693 10.6282 11.7637 10.9071 11.7637 11.157C11.7638 11.4218 11.6845 11.7191 11.4655 12.1572C11.2034 12.6811 11.0479 13.187 11.0479 13.6917C11.0478 14.2071 11.2098 14.672 11.5003 15.1079C11.6869 15.3878 11.7635 15.6386 11.7635 15.8986C11.7635 16.1692 11.6804 16.4984 11.4652 16.9286L12.4739 17.4331C12.7359 16.9091 12.8913 16.4032 12.8913 15.8985C12.8913 15.3831 12.7292 14.9182 12.4387 14.4824C12.2522 14.2025 12.1756 13.9518 12.1756 13.6918C12.1757 13.4211 12.2589 13.092 12.4741 12.6617C12.7323 12.1454 12.8916 11.6674 12.8915 11.1568C12.8915 10.8408 12.8304 10.5373 12.7226 10.2295ZM16.0661 10.2295H15.5698C15.6775 10.5373 15.7386 10.8408 15.7387 11.1567C15.7387 11.6673 15.5795 12.1453 15.3212 12.6616C15.106 13.0919 15.0228 13.421 15.0228 13.6917C15.0228 13.9517 15.0993 14.2024 15.2859 14.4823C15.5764 14.9181 15.7384 15.383 15.7384 15.8984C15.7384 16.4031 15.5831 16.909 15.321 17.433L14.3123 16.9285C14.5275 16.4983 14.6106 16.1691 14.6106 15.8985C14.6106 15.6385 14.534 15.3877 14.3474 15.1078C14.0569 14.672 13.8949 14.207 13.895 13.6916C13.895 13.1869 14.0505 12.6811 14.3126 12.1571C14.5317 11.719 14.6109 11.4217 14.6109 11.1569C14.6108 10.907 14.5402 10.6282 14.3482 10.2295H13.8105L14.9383 8.25586L16.0661 10.2295Z\"\n />\n </SvgIcon>\n );\n});\n"],"names":["WindowheaterIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA2CC,EAAUA,YAAC,CAACC,EAAOC,IAEvEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}

package/cjs/components/icon/stroke/WindowsClosedIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindowsClosedIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowsClosedIcon.tsx"],"sourcesContent":[~~null~~],"names":["WindowsClosedIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA4CC,EAAUA,YAAC,CAACC,EAAOC,IAExEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}
1	+ {"version":3,"file":"WindowsClosedIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowsClosedIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WindowsClosedIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M12.6969 4C13.9108 4 15.0483 4.59227 15.7444 5.58672L20.0001 11.6663V19.9H4.1001V4H12.6969ZM14.2698 6.61896C13.9105 6.10569 13.3234 5.8 12.6969 5.8H5.9001V11.0499H17.3715L14.2698 6.61896ZM18.2001 12.8499H5.9001V18.1H18.2001V12.8499Z\"\n />\n </SvgIcon>\n );\n});\n"],"names":["WindowsClosedIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA4CC,EAAUA,YAAC,CAACC,EAAOC,IAExEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}

package/cjs/components/icon/stroke/WindowsOpenIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindowsOpenIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowsOpenIcon.tsx"],"sourcesContent":[~~null~~],"names":["WindowsOpenIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAOC,IAEtEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}
1	+ {"version":3,"file":"WindowsOpenIcon.js","sources":["../../../../../../src/components/icon/stroke/WindowsOpenIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WindowsOpenIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M12.697 4C13.9109 4 15.0484 4.59227 15.7445 5.58672L20.0002 11.6663V19.9H4.1002V12.85H4.1001V7.59412H4.1002V4H12.697ZM14.4949 11.0499L13.489 9.37335C12.8267 8.26952 11.6338 7.59412 10.3465 7.59412H5.9002V5.8H12.697C13.3235 5.8 13.9106 6.10569 14.2699 6.61896L17.3716 11.0499H14.4949ZM5.9002 12.85H15.575L15.5749 12.8499H18.2002V18.1H5.9002V12.85Z\"\n />\n </SvgIcon>\n );\n});\n"],"names":["WindowsOpenIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAOC,IAEtEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}

package/cjs/components/icon/stroke/WindscreenWiperIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WindscreenWiperIcon.js","sources":["../../../../../../src/components/icon/stroke/WindscreenWiperIcon.tsx"],"sourcesContent":[~~null~~],"names":["WindscreenWiperIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAA8CC,EAAUA,YAAC,CAACC,EAAOC,IAE1EC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
1	+ {"version":3,"file":"WindscreenWiperIcon.js","sources":["../../../../../../src/components/icon/stroke/WindscreenWiperIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WindscreenWiperIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M12.3 19.66L13.02 16.78C12.68 16.76 12.34 16.76 12 16.76C9.92 16.76 7.54 17.12 5.42 17.98L2 6.9C4.98 5.3 8.36 4.54 12 4.54C15.64 4.54 19.02 5.3 22 6.9L18.58 17.98C17.38 17.5 16.1 17.16 14.84 16.98L14.04 20.06L12.3 19.66ZM12 6.28C9.2 6.28 6.58 6.82 4.24 7.98L6.62 15.74C8.38 15.18 10.38 14.92 12 14.92C12.46 14.92 12.96 14.94 13.48 14.98L15.58 6.6C14.44 6.38 13.24 6.28 12 6.28ZM15.3 15.22C16 15.36 16.7 15.52 17.38 15.74L19.76 7.98C19.02 7.6 18.22 7.3 17.42 7.04L15.3 15.22Z\" />\n </SvgIcon>\n );\n});\n"],"names":["WindscreenWiperIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAA8CC,EAAUA,YAAC,CAACC,EAAOC,IAE1EC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}

package/cjs/components/icon/stroke/WriteIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteIcon.js","sources":["../../../../../../src/components/icon/stroke/WriteIcon.tsx"],"sourcesContent":[~~null~~],"names":["WriteIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAoCC,EAAUA,YAAC,CAACC,EAAOC,IAEhEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
1	+ {"version":3,"file":"WriteIcon.js","sources":["../../../../../../src/components/icon/stroke/WriteIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const WriteIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M21.32 2.62C21.76 3.08 21.78 3.82 21.32 4.28L20.4 5.18L18.7 3.56L19.64 2.62C20.1 2.16 20.84 2.16 21.32 2.62ZM18.04 10.12H19.88V19.84H4.12V4.08H13.84V5.92H5.96V18H18.04V10.12ZM11.58 10.8L17.9 4.4L19.56 6.04L13.22 12.46L10.62 13.28L11.58 10.8Z\" />\n </SvgIcon>\n );\n});\n"],"names":["WriteIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAoCC,EAAUA,YAAC,CAACC,EAAOC,IAEhEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}

package/cjs/components/icon/stroke/XIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"XIcon.js","sources":["../../../../../../src/components/icon/stroke/XIcon.tsx"],"sourcesContent":[~~null~~],"names":["XIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAgCC,EAAUA,YAAC,CAACC,EAAOC,IAE5DC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
1	+ {"version":3,"file":"XIcon.js","sources":["../../../../../../src/components/icon/stroke/XIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const XIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M13.7124 10.6179L20.4133 3H18.8254L13.0071 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7121 10.6179H13.7124ZM11.5375 13.0904L10.8255 12.0944L5.16017 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0908V13.0904Z\" />\n </SvgIcon>\n );\n});\n"],"names":["XIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAgCC,EAAUA,YAAC,CAACC,EAAOC,IAE5DC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}

package/cjs/components/icon/stroke/YouTubeIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"YouTubeIcon.js","sources":["../../../../../../src/components/icon/stroke/YouTubeIcon.tsx"],"sourcesContent":[~~null~~],"names":["YouTubeIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAsCC,EAAUA,YAAC,CAACC,EAAOC,IAElEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
1	+ {"version":3,"file":"YouTubeIcon.js","sources":["../../../../../../src/components/icon/stroke/YouTubeIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/*\n Flow brand exclusive icon\n */\nexport const YouTubeIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M22.0609 6.91205C21.8199 6.00285 21.1076 5.28694 20.2043 5.04353C18.5673 4.60205 12 4.60205 12 4.60205C12 4.60205 5.43273 4.60205 3.79568 5.04353C2.89244 5.28694 2.18011 6.00285 1.93909 6.91205C1.5 8.56103 1.5 11.9998 1.5 11.9998C1.5 11.9998 1.5 15.4385 1.93909 17.0875C2.18011 17.9967 2.89244 18.7126 3.79568 18.956C5.43392 19.3975 12 19.3975 12 19.3975C12 19.3975 18.5673 19.3975 20.2043 18.956C21.1076 18.7126 21.8199 17.9967 22.0609 17.0875C22.5 15.4397 22.5 11.9998 22.5 11.9998C22.5 11.9998 22.5 8.56103 22.0609 6.91205ZM9.85227 15.1223V8.87722L15.3409 11.9998L9.85227 15.1223Z\" />\n </SvgIcon>\n );\n});\n"],"names":["YouTubeIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAsCC,EAAUA,YAAC,CAACC,EAAOC,IAElEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}

package/cjs/components/image/Image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Image.js","sources":["../../../../../src/components/image/Image.tsx"],"sourcesContent":[~~null~~],"names":["Image","forwardRef","_a","ref","aspectRatio","width","height","skeleton","skeletonProps","wrapperProps","errorProps","customLoader","errorContent","loading","error","sx","children","rest","__rest","loaded","setLoaded","useState","hasError","setHasError","_b","skeletonSx","restSkeleton","_c","wrapperSx","restWrapper","_d","errorSx","restError","_jsxs","jsxs","Box","Object","assign","maxWidth","position","_jsx","jsx","component","onLoad","onError","objectFit","display","Skeleton","variant","alignItems","justifyContent","backgroundColor","CircleCloseFilledIcon","color"],"mappings":"sKAoCa,MAAAA,EAA8BC,EAAUA,YACnD,CACEC,EAgBAC,KAhBA,IAAAC,YACEA,EAAWC,MACXA,EAAKC,OACLA,EAAMC,SACNA,GAAW,EAAIC,cACfA,EAAaC,aACbA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAKC,GACLA,EAAEC,SACFA,GAEDd,EADIe,EAAIC,EAAAA,OAAAhB,EAdT,yJAkBA,MAAOiB,EAAQC,GAAaC,EAAAA,UAAS,IAC9BC,EAAUC,GAAeF,EAAAA,UAAS,GAEnCG,EAAsChB,GAAiB,IAArDO,GAAIU,KAAeC,EAArBR,EAAAA,OAAAM,EAAA,CAAA,OACAG,EAAoClB,GAAgB,IAAlDM,GAAIa,KAAcC,EAApBX,EAAAA,OAAAS,EAAA,CAAA,OACAG,EAAgCpB,GAAc,IAA5CK,GAAIgB,KAAYC,EAAlBd,EAAAA,OAAAY,EAAA,CAAA,OAEN,OACEG,EAAAC,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,gBACZtB,GACEqB,OAAAC,OAAA,CAAAjC,YAAaA,QAAAA,EAAe,UAC5BC,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBgC,SAAU,OACVC,SAAU,YACPX,IAEDC,cAEFP,IAAaR,IAAUD,GACvB2B,EAAAC,IAACN,MAAGC,OAAAC,OAAA,CACFK,UAAU,MAAK,cACH,kBACZvC,IAAKA,EACLwC,OAAQ,IAAMvB,GAAU,GACxBwB,QAAS,IAAMrB,GAAY,GAC3BlB,MAAOA,EACPC,OAAQA,EACRS,GAAEqB,OAAAC,OAAA,CACAjC,YAAaA,QAAAA,EAAe,UAC5ByC,UAAW,QACXxC,MAAO,OACPC,OAAQ,OACRwC,QAAS,SACN/B,IAEDE,MAGLE,GAAUN,KACVS,IACAR,IACAH,GACEJ,GACCiC,MAACO,EAAQA,SAAAX,OAAAC,OAAA,CAAA,cACK,iBACZW,QAAQ,cACRjC,GAAEqB,OAAAC,OAAA,CAAIhC,MAAO,OAAQC,OAAQ,QAAWmB,IACpCC,MAGVJ,GAAYR,IACZ0B,EAAAA,IAACL,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,cACZtB,GACEqB,OAAAC,OAAA,CAAAS,QAAS,OACTG,WAAY,SACZC,eAAgB,SAChB7C,MAAO,OACPC,OAAQ,OACR6C,gBAAiB,sBACdpB,IAEDC,YAEHpB,GAAgB4B,MAACY,EAAqBA,sBAAA,CAACC,MAAM,aAGjDrC,KACG"}
1	+ {"version":3,"file":"Image.js","sources":["../../../../../src/components/image/Image.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useState } from 'react';\nimport { Box, BoxProps, Skeleton, SkeletonProps } from '@mui/material';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\nexport interface ImageProps extends BoxProps {\n /** Image alt message /\n alt: string;\n /* Image src path /\n src: string;\n /* Image aspect ratio /\n aspectRatio?: number;\n /\n The Skeleton will be displayed when the image is loading. @default true\n * If false, the Image will be rendered without Skeleton.\n /\n skeleton?: boolean;\n /* Additional props for customizing the skeleton loader. /\n skeletonProps?: SkeletonProps;\n /* Additional props for customizing the wrapper box /\n wrapperProps?: BoxProps<ElementType>;\n /* Custom component to replace skeleton. /\n customLoader?: React.ReactNode;\n /* Image failed to load message or component. /\n errorContent?: React.ReactNode;\n /* Additional props for customizing the error display box. /\n errorProps?: BoxProps<ElementType>;\n /* Controlled loading. /\n loading?: boolean;\n /* Controlled error. /\n error?: boolean;\n}\n\n/\n The Image component that displays an image with a loading skeleton and optional customizable error messages or components when the image fails to load.\n * The Image component also supports a custom loader to replace the default skeleton and the skeleton property can be set to false to disable the skeleton entirely.\n */\nexport const Image: React.FC<ImageProps> = forwardRef(\n (\n {\n aspectRatio,\n width,\n height,\n skeleton = true,\n skeletonProps,\n wrapperProps,\n errorProps,\n customLoader,\n errorContent,\n loading,\n error,\n sx,\n children,\n ...rest\n },\n ref,\n ) => {\n const [loaded, setLoaded] = useState(false);\n const [hasError, setHasError] = useState(false);\n\n const { sx: skeletonSx, ...restSkeleton } = skeletonProps \|\| {};\n const { sx: wrapperSx, ...restWrapper } = wrapperProps \|\| {};\n const { sx: errorSx, ...restError } = errorProps \|\| {};\n\n return (\n <Box\n data-testid=\"Image.wrapper\"\n sx={{\n aspectRatio: aspectRatio ?? 'initial',\n width: width ?? 'auto',\n height: height ?? 'auto',\n maxWidth: '100%',\n position: 'relative',\n ...wrapperSx,\n }}\n {...restWrapper}\n >\n {!hasError && !error && !loading && (\n <Box\n component=\"img\"\n data-testid=\"Image.component\"\n ref={ref}\n onLoad={() => setLoaded(true)}\n onError={() => setHasError(true)}\n width={width}\n height={height}\n sx={{\n aspectRatio: aspectRatio ?? 'initial',\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n display: 'block',\n ...sx,\n }}\n {...rest}\n />\n )}\n {(!loaded \|\| loading) &&\n !hasError &&\n !error &&\n (customLoader \|\|\n (skeleton && (\n <Skeleton\n data-testid=\"Image.skeleton\"\n variant=\"rectangular\"\n sx={{ width: '100%', height: '100%', ...skeletonSx }}\n {...restSkeleton}\n />\n )))}\n {(hasError \|\| error) && (\n <Box\n data-testid=\"Image.error\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n backgroundColor: 'disabled.secondary',\n ...errorSx,\n }}\n {...restError}\n >\n {errorContent \|\| <CircleCloseFilledIcon color=\"error\" />}\n </Box>\n )}\n {children}\n </Box>\n );\n },\n);\n"],"names":["Image","forwardRef","_a","ref","aspectRatio","width","height","skeleton","skeletonProps","wrapperProps","errorProps","customLoader","errorContent","loading","error","sx","children","rest","__rest","loaded","setLoaded","useState","hasError","setHasError","_b","skeletonSx","restSkeleton","_c","wrapperSx","restWrapper","_d","errorSx","restError","_jsxs","jsxs","Box","Object","assign","maxWidth","position","_jsx","jsx","component","onLoad","onError","objectFit","display","Skeleton","variant","alignItems","justifyContent","backgroundColor","CircleCloseFilledIcon","color"],"mappings":"sKAoCa,MAAAA,EAA8BC,EAAUA,YACnD,CACEC,EAgBAC,KAhBA,IAAAC,YACEA,EAAWC,MACXA,EAAKC,OACLA,EAAMC,SACNA,GAAW,EAAIC,cACfA,EAAaC,aACbA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAKC,GACLA,EAAEC,SACFA,GAEDd,EADIe,EAAIC,EAAAA,OAAAhB,EAdT,yJAkBA,MAAOiB,EAAQC,GAAaC,EAAAA,UAAS,IAC9BC,EAAUC,GAAeF,EAAAA,UAAS,GAEnCG,EAAsChB,GAAiB,IAArDO,GAAIU,KAAeC,EAArBR,EAAAA,OAAAM,EAAA,CAAA,OACAG,EAAoClB,GAAgB,IAAlDM,GAAIa,KAAcC,EAApBX,EAAAA,OAAAS,EAAA,CAAA,OACAG,EAAgCpB,GAAc,IAA5CK,GAAIgB,KAAYC,EAAlBd,EAAAA,OAAAY,EAAA,CAAA,OAEN,OACEG,EAAAC,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,gBACZtB,GACEqB,OAAAC,OAAA,CAAAjC,YAAaA,QAAAA,EAAe,UAC5BC,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBgC,SAAU,OACVC,SAAU,YACPX,IAEDC,cAEFP,IAAaR,IAAUD,GACvB2B,EAAAC,IAACN,MAAGC,OAAAC,OAAA,CACFK,UAAU,MAAK,cACH,kBACZvC,IAAKA,EACLwC,OAAQ,IAAMvB,GAAU,GACxBwB,QAAS,IAAMrB,GAAY,GAC3BlB,MAAOA,EACPC,OAAQA,EACRS,GAAEqB,OAAAC,OAAA,CACAjC,YAAaA,QAAAA,EAAe,UAC5ByC,UAAW,QACXxC,MAAO,OACPC,OAAQ,OACRwC,QAAS,SACN/B,IAEDE,MAGLE,GAAUN,KACVS,IACAR,IACAH,GACEJ,GACCiC,MAACO,EAAQA,SAAAX,OAAAC,OAAA,CAAA,cACK,iBACZW,QAAQ,cACRjC,GAAEqB,OAAAC,OAAA,CAAIhC,MAAO,OAAQC,OAAQ,QAAWmB,IACpCC,MAGVJ,GAAYR,IACZ0B,EAAAA,IAACL,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,cACZtB,GACEqB,OAAAC,OAAA,CAAAS,QAAS,OACTG,WAAY,SACZC,eAAgB,SAChB7C,MAAO,OACPC,OAAQ,OACR6C,gBAAiB,sBACdpB,IAEDC,YAEHpB,GAAgB4B,MAACY,EAAqBA,sBAAA,CAACC,MAAM,aAGjDrC,KACG"}

package/cjs/components/indicator/indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.js","sources":["../../../../../src/components/indicator/indicator.tsx"],"sourcesContent":[~~null~~],"names":["Indicator","forwardRef","_a","ref","labelProps","color","variant","sx","dotProps","rest","__rest","_b","labelSx","_","restLabel","_c","dotSx","restDot","_jsx","jsx","Label","Object","assign","type","className","includes","backgroundColor"],"mappings":"qHAsBa,MAAAA,EAAsCC,EAAUA,YAC3D,CAACC,EAAkFC,KAAlF,IAAAC,WAAEA,EAAUC,MAAEA,EAAQ,WAAUC,QAAEA,EAAU,YAAWC,GAAEA,EAAEC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAA,OAAAR,EAA9E,kDACC,MAAMS,EAA4CP,GAAc,CAAA,GAAxDG,GAAIK,EAASN,QAASO,GAAoCF,EAA9BG,EAA9BJ,EAAAA,OAAAC,EAAA,CAAA,KAAA,YACAI,EAA4BP,GAAY,IAAtCD,GAAIS,KAAUC,EAAhBP,EAAAA,OAAAK,EAAA,CAAA,OAEN,OACEG,EAAAC,IAACC,EAAKA,MAAAC,OAAAC,OAAA,CACJnB,IAAKA,EACLoB,KAAMjB,EACNkB,UAAU,eAAc,cACZ,aACP,CAAC,WAAY,UAAW,QAAS,WAAWC,SAASpB,GACtD,CAAEC,QAASD,EAAyBG,SAAQa,OAAAC,OAAA,CAAI,cAAiB,oBAAuBd,IACxF,CACEA,wBAAYD,GAAEc,OAAAC,OAAA,CAAII,gBAAiBrB,GAAUW,GAAS,cAAiB,oBAAuBC,IAEpG,CAAAV,GACEc,OAAAC,OAAAD,OAAAC,OAAA,GACKf,GACAK,IAGHH,EACCK,GACL"}
1	+ {"version":3,"file":"indicator.js","sources":["../../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BoxProps, TypographyProps, CSSObject } from '@mui/material';\nimport { StatusLabelProps, StatusVariants, Label } from '@/src/components/label';\n\nexport interface IndicatorProps extends Omit<StatusLabelProps, 'variant' \| 'type'> {\n /*\n @deprecated use <Label type='indicator'> or <Label type='status'> instead\n /\n variant?: 'indicator' \| 'status';\n /\n @deprecated use <Label type='status' variant='positive\|warning\|alert\|neutral'> instead\n /\n color?: StatusVariants \| string;\n /\n @deprecated pass properties directly into <Label sx={{}} />\n /\n labelProps?: TypographyProps;\n}\n\n/\n @deprecated use <Label type='indicator'> and <Label type='status'> instead\n */\nexport const Indicator: React.FC<IndicatorProps> = forwardRef(\n ({ labelProps, color = 'positive', variant = 'indicator', sx, dotProps, ...rest }, ref) => {\n const { sx: labelSx, variant: _, ...restLabel } = labelProps \|\| {};\n const { sx: dotSx, ...restDot } = dotProps \|\| {};\n\n return (\n <Label\n ref={ref}\n type={variant}\n className=\"fwlIndicator\"\n data-testid=\"Indicator\"\n {...(['positive', 'warning', 'alert', 'neutral'].includes(color)\n ? { variant: color as StatusVariants, dotProps: { ['data-testid']: 'Indicator.circle', ...dotProps } }\n : {\n dotProps: { sx: { backgroundColor: color, ...dotSx }, ['data-testid']: 'Indicator.circle', ...restDot },\n })}\n sx={\n {\n ...sx,\n ...labelSx,\n } as CSSObject\n }\n {...rest}\n {...(restLabel as BoxProps)}\n />\n );\n },\n);\n"],"names":["Indicator","forwardRef","_a","ref","labelProps","color","variant","sx","dotProps","rest","__rest","_b","labelSx","_","restLabel","_c","dotSx","restDot","_jsx","jsx","Label","Object","assign","type","className","includes","backgroundColor"],"mappings":"qHAsBa,MAAAA,EAAsCC,EAAUA,YAC3D,CAACC,EAAkFC,KAAlF,IAAAC,WAAEA,EAAUC,MAAEA,EAAQ,WAAUC,QAAEA,EAAU,YAAWC,GAAEA,EAAEC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAA,OAAAR,EAA9E,kDACC,MAAMS,EAA4CP,GAAc,CAAA,GAAxDG,GAAIK,EAASN,QAASO,GAAoCF,EAA9BG,EAA9BJ,EAAAA,OAAAC,EAAA,CAAA,KAAA,YACAI,EAA4BP,GAAY,IAAtCD,GAAIS,KAAUC,EAAhBP,EAAAA,OAAAK,EAAA,CAAA,OAEN,OACEG,EAAAC,IAACC,EAAKA,MAAAC,OAAAC,OAAA,CACJnB,IAAKA,EACLoB,KAAMjB,EACNkB,UAAU,eAAc,cACZ,aACP,CAAC,WAAY,UAAW,QAAS,WAAWC,SAASpB,GACtD,CAAEC,QAASD,EAAyBG,SAAQa,OAAAC,OAAA,CAAI,cAAiB,oBAAuBd,IACxF,CACEA,wBAAYD,GAAEc,OAAAC,OAAA,CAAII,gBAAiBrB,GAAUW,GAAS,cAAiB,oBAAuBC,IAEpG,CAAAV,GACEc,OAAAC,OAAAD,OAAAC,OAAA,GACKf,GACAK,IAGHH,EACCK,GACL"}

package/cjs/components/label/label.d.ts CHANGED Viewed

@@ -9,6 +9,9 @@ export interface LabelBaseProps extends BoxProps<ElementType> {
 export interface GeneralLabelProps extends LabelBaseProps {
     type?: 'general';
 }
+export interface SimpleLabelProps extends LabelBaseProps {
+    type?: 'simple';
+}
 export type FeatureVariants = 'primary' | 'neutral' | 'secondary';
 export interface FeatureLabelProps extends LabelBaseProps {
     type: 'feature';
@@ -17,6 +20,9 @@ export interface FeatureLabelProps extends LabelBaseProps {
 export type PromotionalVariants = 'small' | 'large';
 export interface PromotionalLabelProps extends LabelBaseProps {
     type: 'promotional';
+    /**
+     * @deprecated no longer has any effect
+     */
     variant?: PromotionalVariants;
     labelBoxProps?: BoxProps<ElementType>;
     labelNextProps?: BoxProps<ElementType>;
@@ -43,7 +49,7 @@ export interface CO2LabelProps extends LabelBaseProps {
     labelBoxProps?: BoxProps<ElementType>;
     labelNextProps?: BoxProps<ElementType>;
 }
-export type LabelProps = GeneralLabelProps | FeatureLabelProps | PromotionalLabelProps | SemanticLabelProps | StatusLabelProps | CO2LabelProps;
+export type LabelProps = GeneralLabelProps | SimpleLabelProps | FeatureLabelProps | PromotionalLabelProps | SemanticLabelProps | StatusLabelProps | CO2LabelProps;
 export declare const Label: React.FC<LabelProps>;
 /**
  * @deprecated Use <Label type="feature" /> instead.

package/cjs/components/label/label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material"),t=require("../icon/stroke/CircleExclamationIcon.js"),o=require("../icon/stroke/CircleInformationIcon.js"),n=require("../focusring/focusring.js"),i=require("../../materialui/button/interactive.js");const c={display:"inline-flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",flexShrink:"0",fontSize:"11px",lineHeight:"12px",letterSpacing:"3px",textTransform:"uppercase",fontWeight:"900",whiteSpace:"nowrap",textRendering:"geometricPrecision"},l=s.forwardRef(((s,t)=>{var{type:o,label:n,children:i,sx:l}=s,x=e.__rest(s,["type","label","children","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-general",sx:Object.assign(Object.assign(Object.assign({},c),{color:"onSurface.os600"}),l)},x,{children:n||i}))})),x=s.forwardRef(((s,t)=>{var{type:o,label:n,children:i,variant:l="primary",sx:x}=s,d=e.__rest(s,["type","label","children","variant","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":`Label-feature${l}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"onSurface.os0",backgroundColor:"brand.tertiary",padding:"4px 8px 4px 10px",borderRadius:"2px"}),"neutral"===l&&{backgroundColor:"onSurface.os600"}),"secondary"===l&&{backgroundColor:"brand.secondary",color:"brand.tertiary"}),x)},d,{children:n||i}))})),d=s.forwardRef(((s,t)=>{var{type:o,label:n,children:i,variant:l="large",sx:x,labelBoxProps:d,labelNextProps:b}=s,p=e.__rest(s,["type","label","children","variant","sx","labelBoxProps","labelNextProps"]);const g=d||{},{sx:u}=g,f=e.__rest(g,["sx"]),j=b||{},{sx:O}=j,m=e.__rest(j,["sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":`Label-promotional${l}`,sx:Object.assign(Object.assign(Object.assign({},c),{color:"brand.secondary",overflow:"hidden",borderRadius:"2px"}),x)},p,{children:r.jsx(a.Box,Object.assign({sx:Object.assign({margin:"0 6px 0 -6px",transform:"skew(-21deg, 0deg)",backgroundColor:"brand.tertiary",position:"relative",borderRadius:"3px",display:"inline-flex",alignItems:"flex-start",justifyContent:"center",zIndex:100},u)},f,{children:r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({fontSize:"14px",padding:"10px 14px 10px 20px"},"small"===l&&{fontSize:"12px",padding:"8px 10px 8px 16px"}),{letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:"skew(21deg, 0deg)"}),O)},m,{children:n||i}))}))}))}));function b(e,r){return Object.assign(Object.assign({},e),{"&.MuiButtonBase-root":Object.assign({},i.getInteractiveStyle(e,r))})}const p=s.forwardRef(((i,l)=>{var{type:x,label:d,children:p,variant:g="positive",sx:u,iconProps:f,IconComponent:j,onClick:O}=i,m=e.__rest(i,["type","label","children","variant","sx","iconProps","IconComponent","onClick"]);const h=f||{},{sx:y}=h,C=e.__rest(h,["sx"]),k=s.useMemo((()=>{switch(g){case"alert":case"warning":return t.CircleExclamationIcon;default:return o.CircleInformationIcon}}),[g]),w=j||k,S=a.useTheme();return r.jsxs(a.Box,Object.assign({ref:l,"data-testid":`Label-semantic${g}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{gap:"6px",padding:"2px 8px 2px 4px",borderRadius:"4px",border:1,borderColor:"currentColor",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":Object.assign({},n.getFocusRingStyle(S,!0,1))}),b({color:"brand.primary",backgroundColor:"dark"===S.palette.mode?"onSurface.os900":"onSurface.os0"},{color:"brandHover.primary",backgroundColor:"surface.primary"})),"alert"===g&&Object.assign({},b({color:"error.main",backgroundColor:"dark"===S.palette.mode?"onSurface.os900":"onSurface.os0"},{color:"error.dark",backgroundColor:"surface.primary"}))),"warning"===g&&Object.assign({},b({color:"warning.main",backgroundColor:"dark"===S.palette.mode?"onSurface.os900":"onSurface.os0"},{color:"warning.dark",backgroundColor:"surface.primary"}))),"info"===g&&Object.assign({},b({color:"info.main",backgroundColor:"dark"===S.palette.mode?"onSurface.os900":"onSurface.os0"},{color:"info.dark",backgroundColor:"surface.primary"}))),u),onClick:O},m,{children:[r.jsx(w,Object.assign({"data-testid":`icon-${g}`,sx:Object.assign({fontSize:"18px"},y)},C)),d||p]}))})),g=s.forwardRef(((s,t)=>{var{type:o,label:n,children:i,variant:l="positive",labelPlacement:x="end",dotProps:d,sx:b}=s,p=e.__rest(s,["type","label","children","variant","labelPlacement","dotProps","sx"]);const g=d||{},{sx:u}=g,f=e.__rest(g,["sx"]);return r.jsxs(a.Box,Object.assign({ref:t,"data-testid":`Label-status${l}`,sx:e=>Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"text.primary",flexDirection:"start"===x?"row-reverse":"top"===x?"column-reverse":"bottom"===x?"column":"row",gap:1}),"indicator"===o&&e.typography.disclaimer),b)},"disabled"===l&&{disabled:!0,tabIndex:-1},p,{children:[r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:"10px",height:"10px"},"indicator"===o&&{width:"14px",height:"14px"}),{borderRadius:"50%",backgroundColor:"success.main"}),"warning"===l&&{backgroundColor:"warning.main"}),"alert"===l&&{backgroundColor:"error.main"}),"neutral"===l&&{backgroundColor:"onSurface.os500"}),"disabled"===l&&{backgroundColor:"disabled.secondary"}),u)},f)),n||i]}))})),u=s.forwardRef(((t,o)=>{var{type:n,label:i,children:l,variant:x="A+++",size:d="large",sx:b,labelBoxProps:p,labelNextProps:g}=t,u=e.__rest(t,["type","label","children","variant","size","sx","labelBoxProps","labelNextProps"]);const f=s.useMemo((()=>({B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100",H:"#2A78CD"})),[]),j=e=>f[e]||"#016703",O=p||{},{sx:m}=O,h=e.__rest(O,["sx"]),y=g||{},{sx:C}=y,k=e.__rest(y,["sx"]);return r.jsxs(a.Box,Object.assign({ref:o,"data-testid":`Label-CO2${x}`,sx:Object.assign(Object.assign({},c),b)},u,{children:[r.jsx(a.Box,Object.assign({component:"span",sx:Object.assign(Object.assign(Object.assign({alignItems:"center",backgroundColor:j(x),boxSizing:"border-box",color:"surface.tertiary",display:"inline-flex",justifyContent:"flex-start",fontWeight:"700",height:{xs:"20px",xl:"22px"},fontSize:{xs:"12px",xl:"14px"}},"small"===d&&{fontSize:{xs:"10px",xl:"12px"},height:{xs:"16px",xl:"18px"}}),{padding:"0 5px",position:"relative",letterSpacing:"1px"}),m)},h,{children:i||l||x})),r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign({content:'""',display:"block",width:"0",height:"0",borderStyle:"solid",borderColor:`transparent transparent transparent ${j(x)}`,borderWidth:{xs:"10px 0 10px 7px",lg:"11px 0 11px 8px"}},"small"===d&&{borderWidth:{xs:"8px 0 8px 5px",lg:"9px 0 9px 7px"}}),C)},k))]}))})),f=s.forwardRef(((e,a)=>{const t=s.useMemo((()=>{switch(e.type){case"feature":return x;case"promotional":return d;case"semantic":return p;case"status":case"indicator":return g;case"CO2":return u;default:return l}}),[e.type]);return r.jsx(t,Object.assign({component:"span"},e,{ref:a}))})),j=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"feature",ref:s})))),O=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"status",ref:s})))),m=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"CO2",ref:s})))),h=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"promotional",ref:s})))),y=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{ref:s}))));exports.Label=f,exports.LabelCO2=m,exports.LabelFeature=j,exports.LabelGeneral=y,exports.LabelPromotional=h,exports.LabelStatus=O;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material"),t=require("../icon/stroke/CircleExclamationIcon.js"),n=require("../icon/stroke/CircleInformationIcon.js"),o=require("../focusring/focusring.js"),i=require("../../materialui/button/interactive.js");const c={display:"inline-flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",flexShrink:"0",fontSize:"11px",lineHeight:"12px",letterSpacing:"3px",textTransform:"uppercase",fontWeight:"900",whiteSpace:"nowrap",textRendering:"geometricPrecision"},l=s.forwardRef(((s,t)=>{var{type:n,label:o,children:i,sx:l}=s,x=e.__rest(s,["type","label","children","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-general",sx:Object.assign(Object.assign(Object.assign({},c),{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os600"}),l)},x,{children:o||i}))})),x=s.forwardRef(((s,t)=>{var{type:n,label:o,children:i,sx:l}=s,x=e.__rest(s,["type","label","children","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-simple",sx:e=>Object.assign(Object.assign(Object.assign(Object.assign({},c),e.typography.list),{backgroundColor:"transparent.primary",color:"text.primary",p:"2px 10px"}),l)},x,{children:o||i}))})),p=s.forwardRef(((s,t)=>{var{type:n,label:o,children:i,variant:l="primary",sx:x}=s,p=e.__rest(s,["type","label","children","variant","sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":`Label-feature${l}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"onSurface.os0",backgroundColor:"brand.tertiary",padding:"4px 8px 4px 10px",borderRadius:"2px"}),"neutral"===l&&{backgroundColor:"onSurface.os600"}),"secondary"===l&&{backgroundColor:"brand.secondary",color:"brand.tertiary"}),x)},p,{children:o||i}))})),b=s.forwardRef(((s,t)=>{var{type:n,label:o,children:i,variant:l,sx:x,labelBoxProps:p,labelNextProps:b}=s,d=e.__rest(s,["type","label","children","variant","sx","labelBoxProps","labelNextProps"]);const g=p||{},{sx:u}=g,j=e.__rest(g,["sx"]),f=b||{},{sx:O}=f,m=e.__rest(f,["sx"]);return r.jsx(a.Box,Object.assign({ref:t,"data-testid":"Label-promotional",sx:Object.assign(Object.assign(Object.assign({},c),{color:"brand.secondary",overflow:"hidden",borderRadius:"2px"}),x)},d,{children:r.jsx(a.Box,Object.assign({sx:Object.assign({margin:"0 6px 0 -6px",transform:"skew(-21deg, 0deg)",backgroundColor:"brand.tertiary",position:"relative",borderRadius:"3px",display:"inline-flex",alignItems:"flex-start",justifyContent:"center",zIndex:"100"},u)},j,{children:r.jsx(a.Box,Object.assign({sx:Object.assign({fontSize:{xs:"12px",xl:"14px"},padding:{xs:"8px 10px 8px 16px",xl:"10px 14px 10px 20px"},letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:"skew(21deg, 0deg)"},O)},m,{children:o||i}))}))}))}));function d(e,r){return Object.assign(Object.assign({},e),{"&.MuiButtonBase-root":Object.assign({},i.getInteractiveStyle(e,r))})}const g=s.forwardRef(((i,l)=>{var{type:x,label:p,children:b,variant:g="positive",sx:u,iconProps:j,IconComponent:f,onClick:O}=i,m=e.__rest(i,["type","label","children","variant","sx","iconProps","IconComponent","onClick"]);const h=j||{},{sx:y}=h,C=e.__rest(h,["sx"]),k=s.useMemo((()=>{switch(g){case"alert":case"warning":return t.CircleExclamationIcon;default:return n.CircleInformationIcon}}),[g]),w=f||k,v=a.useTheme();return r.jsxs(a.Box,Object.assign({ref:l,"data-testid":`Label-semantic${g}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c),{gap:"6px",padding:"2px 8px 2px 4px",borderRadius:"4px",border:1,borderColor:"currentColor",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":Object.assign({},o.getFocusRingStyle(v,!0,1))}),d({color:"brand.primary",backgroundColor:"transparent.transparent"},{color:"brandHover.primary",backgroundColor:"transparent.primary"})),"alert"===g&&Object.assign({},d({color:"error.main",backgroundColor:"transparent.transparent"},{color:"error.dark",backgroundColor:"transparent.primary"}))),"warning"===g&&Object.assign({},d({color:"warning.main",backgroundColor:"transparent.transparent"},{color:"warning.dark",backgroundColor:"transparent.primary"}))),"info"===g&&Object.assign({},d({color:"info.main",backgroundColor:"transparent.transparent"},{color:"info.dark",backgroundColor:"transparent.primary"}))),u),onClick:O},m,{children:[r.jsx(w,Object.assign({"data-testid":`icon-${g}`,sx:Object.assign({fontSize:"18px"},y)},C)),p||b]}))})),u=s.forwardRef(((s,t)=>{var{type:n,label:o,children:i,variant:l="positive",labelPlacement:x="end",dotProps:p,sx:b}=s,d=e.__rest(s,["type","label","children","variant","labelPlacement","dotProps","sx"]);const g=p||{},{sx:u}=g,j=e.__rest(g,["sx"]);return r.jsxs(a.Box,Object.assign({ref:t,"data-testid":`Label-status${l}`,sx:e=>{var r;return Object.assign(Object.assign(Object.assign(Object.assign({},c),{color:"text.primary",flexDirection:null!==(r={start:"row-reverse",top:"column-reverse",bottom:"column"}[x])&&void 0!==r?r:"row",gap:1}),"indicator"===n&&e.typography.disclaimer1),b)}},"disabled"===l&&{disabled:!0,tabIndex:-1},d,{children:[r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:"10px",height:"10px"},"indicator"===n&&{width:"14px",height:"14px"}),{borderRadius:"50%",backgroundColor:"success.main"}),"warning"===l&&{backgroundColor:"warning.main"}),"alert"===l&&{backgroundColor:"error.main"}),"neutral"===l&&{backgroundColor:"onSurface.os500"}),"disabled"===l&&{backgroundColor:"disabled.secondary"}),u)},j)),o||i]}))})),j=s.forwardRef(((t,n)=>{var{type:o,label:i,children:l,variant:x="A+++",size:p="large",sx:b,labelBoxProps:d,labelNextProps:g}=t,u=e.__rest(t,["type","label","children","variant","size","sx","labelBoxProps","labelNextProps"]);const j=s.useMemo((()=>({B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100",H:"#2A78CD"})),[]),f=e=>j[e]||"#016703",O=d||{},{sx:m}=O,h=e.__rest(O,["sx"]),y=g||{},{sx:C}=y,k=e.__rest(y,["sx"]);return r.jsxs(a.Box,Object.assign({ref:n,"data-testid":`Label-CO2${x}`,sx:Object.assign(Object.assign({},c),b)},u,{children:[r.jsx(a.Box,Object.assign({component:"span",sx:Object.assign(Object.assign(Object.assign({alignItems:"center",backgroundColor:f(x),boxSizing:"border-box",color:"surface.tertiary",display:"inline-flex",justifyContent:"flex-start",fontWeight:"700",height:{xs:"20px",xl:"22px"},fontSize:{xs:"12px",xl:"14px"}},"small"===p&&{fontSize:{xs:"10px",xl:"12px"},height:{xs:"16px",xl:"18px"}}),{padding:"0 5px",position:"relative",letterSpacing:"1px"}),m)},h,{children:i||l||x})),r.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign({content:'""',display:"block",width:"0",height:"0",borderStyle:"solid",borderColor:`transparent transparent transparent ${f(x)}`,borderWidth:{xs:"10px 0 10px 7px",lg:"11px 0 11px 8px"}},"small"===p&&{borderWidth:{xs:"8px 0 8px 5px",lg:"9px 0 9px 7px"}}),C)},k))]}))})),f=s.forwardRef(((e,a)=>{const t=s.useMemo((()=>{switch(e.type){case"simple":return x;case"feature":return p;case"promotional":return b;case"semantic":return g;case"status":case"indicator":return u;case"CO2":return j;default:return l}}),[e.type]);return r.jsx(t,Object.assign({component:"span"},e,{ref:a}))})),O=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"feature",ref:s})))),m=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"status",ref:s})))),h=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"CO2",ref:s})))),y=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{type:"promotional",ref:s})))),C=s.forwardRef(((e,s)=>r.jsx(f,Object.assign({},e,{ref:s}))));exports.Label=f,exports.LabelCO2=h,exports.LabelFeature=O,exports.LabelGeneral=C,exports.LabelPromotional=y,exports.LabelStatus=m;
 //# sourceMappingURL=label.js.map

package/cjs/components/label/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../../../src/components/label/label.tsx"],"sourcesContent":[null],"names":["baseSx","display","alignItems","justifyContent","flexWrap","flexShrink","fontSize","lineHeight","letterSpacing","textTransform","fontWeight","whiteSpace","textRendering","GeneralVariant","forwardRef","_a","ref","type","_","label","children","sx","rest","__rest","_jsx","jsx","Box","Object","assign","color","FeatureVariant","variant","backgroundColor","padding","borderRadius","PromotionalVariant","labelBoxProps","labelNextProps","_b","labelBoxSx","restLabelBox","_c","labelNextSx","restLabelNext","overflow","margin","transform","position","zIndex","getLabelInteractiveStyle","defaultStyle","hoverStyle","getInteractiveStyle","SemanticVariant","iconProps","IconComponent","onClick","iconSx","restIconProps","VariantIconComponent","useMemo","CircleExclamationIcon","CircleInformationIcon","SemanticIcon","theme","useTheme","_jsxs","jsxs","gap","border","borderColor","transition","getFocusRingStyle","palette","mode","StatusVariant","labelPlacement","dotProps","dotSx","restDot","flexDirection","typography","disclaimer","disabled","tabIndex","width","height","CO2Variant","size","colorMap","B","C","D","E","F","G","H","getColor","_variant","component","boxSizing","xs","xl","content","borderStyle","borderWidth","lg","Label","props","LabelComponent","LabelFeature","LabelStatus","LabelCO2","LabelPromotional","LabelGeneral"],"mappings":"sTAkEA,MAAMA,EAAoB,CACxBC,QAAS,cACTC,WAAY,SACZC,eAAgB,aAChBC,SAAU,SACVC,WAAY,IAEZC,SAAU,OACVC,WAAY,OACZC,cAAe,MACfC,cAAe,YACfC,WAAY,MACZC,WAAY,SACZC,cAAe,sBAGXC,EAA8CC,EAAUA,YAAC,CAACC,EAA2CC,KAA3C,IAAEC,KAAMC,EAACC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAaN,EAANO,EAAIC,EAAAA,OAAAR,EAAvC,kCAAmD,OACjHS,EAACC,IAAAC,EAAGA,IAACC,OAAAC,OAAA,CAAAZ,IAAKA,EAAiB,cAAA,gBAAgBK,GAASM,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,GAAQ,CAAA6B,MAAO,oBAAsBR,IAAUC,EAChG,CAAAF,SAAAD,GAASC,IACN,IAGFU,EAA8ChB,EAAUA,YAC5D,CAACC,EAAgEC,KAAhE,IAAEC,KAAMC,EAACC,MAAEA,EAAKC,SAAEA,EAAQW,QAAEA,EAAU,UAASV,GAAEA,GAAEN,EAAKO,EAAIC,EAAAA,OAAAR,EAA5D,4CAAwE,OACvES,EAAAA,IAACE,EAAAA,IACCC,OAAAC,OAAA,CAAAZ,IAAKA,EAAG,cACK,gBAAgBe,IAC7BV,GACKM,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,IACH6B,MAAO,gBACPG,gBAAiB,iBACjBC,QAAS,mBACTC,aAAc,QACE,YAAZH,GAAyB,CAC3BC,gBAAiB,oBAEH,cAAZD,GAA2B,CAC7BC,gBAAiB,kBACjBH,MAAO,mBAENR,IAEDC,EAAI,CAAAF,SAEPD,GAASC,IACN,IAIJe,EAAsDrB,EAAUA,YACpE,CAACC,EAA6FC,SAA3FC,KAAMC,EAACC,MAAEA,EAAKC,SAAEA,EAAQW,QAAEA,EAAU,QAAOV,GAAEA,EAAEe,cAAEA,EAAaC,eAAEA,KAAmBf,EAArFC,SAAAR,EAAA,CAAA,OAAA,QAAA,WAAA,UAAA,KAAA,gBAAA,mBACC,MAAMuB,EAAsCF,GAAiB,IAArDf,GAAIkB,KAAeC,EAArBjB,EAAAA,OAAAe,EAAA,CAAA,OACAG,EAAwCJ,GAAkB,IAAxDhB,GAAIqB,KAAgBC,EAAtBpB,EAAAA,OAAAkB,EAAA,CAAA,OAEN,OACEjB,MAACE,EAAGA,IAAAC,OAAAC,OAAA,CACFZ,IAAKA,gBACQ,oBAAoBe,IACjCV,gDACKrB,GAAM,CACT6B,MAAO,kBACPe,SAAU,SACVV,aAAc,QACXb,IAEDC,YAEJE,EAACC,IAAAC,qBACCL,GAAEM,OAAAC,OAAA,CACAiB,OAAQ,eACRC,UAAW,qBACXd,gBAAiB,iBACjBe,SAAU,WACVb,aAAc,MACdjC,QAAS,cACTC,WAAY,aACZC,eAAgB,SAChB6C,OAAQ,KACLT,IAEDC,EAAY,CAAApB,SAEhBI,EAAAA,IAACE,EAAAA,IAAGC,OAAAC,OAAA,CACFP,GACEM,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAtB,SAAU,OACV2B,QAAS,uBACO,UAAZF,GAAuB,CACzBzB,SAAU,OACV2B,QAAS,sBAEX,CAAAzB,cAAe,MACfC,cAAe,YACfF,WAAY,OACZG,WAAY,OACZoC,UAAW,sBACRJ,IAEDC,EAAa,CAAAvB,SAEhBD,GAASC,UAGV,IASZ,SAAS6B,EAAyBC,EAAyBC,GACzD,OACKxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAsB,GACH,CAAA,uBACKvB,OAAAC,OAAA,GAAAwB,EAAAA,oBAAoBF,EAAcC,KAG3C,CAEA,MAAME,EAAgDvC,EAAUA,YAC9D,CAACC,EAAoGC,SAAlGC,KAAMC,EAACC,MAAEA,EAAKC,SAAEA,EAAQW,QAAEA,EAAU,WAAUV,GAAEA,EAAEiC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,KAAYlC,EAA5FC,SAAAR,EAAA,CAAA,OAAA,QAAA,WAAA,UAAA,KAAA,YAAA,gBAAA,YACC,MAAMuB,EAAmCgB,GAAa,IAA9CjC,GAAIoC,KAAWC,EAAjBnC,EAAAA,OAAAe,EAAA,CAAA,OACAqB,EAAuBC,EAAAA,SAAQ,KACnC,OAAQ7B,GACN,IAAK,QACL,IAAK,UACH,OAAO8B,EAAqBA,sBAG9B,QACE,OAAOC,EAAqBA,yBAE/B,CAAC/B,IACEgC,EAAeR,GAAiBI,EAChCK,EAAQC,EAAAA,WAEd,OACEC,EAACC,KAAAzC,EAAGA,IACFC,OAAAC,OAAA,CAAAZ,IAAKA,EAAG,cACK,iBAAiBe,IAC9BV,wGACKrB,GAAM,CACToE,IAAK,MACLnC,QAAS,kBACTC,aAAc,MACdmC,OAAQ,EACRC,YAAa,eACbC,WACE,4JAEF,wBAAuB5C,OAAAC,OAAA,CAAA,EAElB4C,EAAiBA,kBAACR,GAAO,EAAM,MAGjCf,EACD,CACEpB,MAAO,gBACPG,gBAAwC,SAAvBgC,EAAMS,QAAQC,KAAkB,kBAAoB,iBAEvE,CACE7C,MAAO,qBACPG,gBAAiB,qBAGL,UAAZD,GAAmBJ,OAAAC,OAAA,CAAA,EAClBqB,EACD,CACEpB,MAAO,aACPG,gBAAwC,SAAvBgC,EAAMS,QAAQC,KAAkB,kBAAoB,iBAEvE,CACE7C,MAAO,aACPG,gBAAiB,sBAIP,YAAZD,GACCJ,OAAAC,OAAA,CAAA,EAAAqB,EACD,CACEpB,MAAO,eACPG,gBAAwC,SAAvBgC,EAAMS,QAAQC,KAAkB,kBAAoB,iBAEvE,CACE7C,MAAO,eACPG,gBAAiB,sBAIP,SAAZD,GACCJ,OAAAC,OAAA,CAAA,EAAAqB,EACD,CACEpB,MAAO,YACPG,gBAAwC,SAAvBgC,EAAMS,QAAQC,KAAkB,kBAAoB,iBAEvE,CACE7C,MAAO,YACPG,gBAAiB,sBAIpBX,GAELmC,QAASA,GACLlC,EAEJ,CAAAF,SAAA,CAAAI,EAAAC,IAACsC,EAAYpC,OAAAC,OAAA,CAAA,cAAc,QAAQG,IAAWV,GAAMM,OAAAC,OAAA,CAAAtB,SAAU,QAAWmD,IAAcC,IACtFvC,GAASC,KACN,IAKNuD,EAA4C7D,EAAUA,YAC1D,CAACC,EAAgGC,SAAhGC,KAAEA,EAAIE,MAAEA,EAAKC,SAAEA,EAAQW,QAAEA,EAAU,WAAU6C,eAAEA,EAAiB,MAAKC,SAAEA,EAAQxD,GAAEA,KAAOC,EAAxFC,SAAAR,EAAA,CAAA,OAAA,QAAA,WAAA,UAAA,iBAAA,WAAA,OACC,MAAMuB,EAA4BuC,GAAY,IAAtCxD,GAAIyD,KAAUC,EAAhBxD,EAAAA,OAAAe,EAAA,CAAA,OAEN,OACE4B,EAAAC,KAACzC,EAAGA,IAAAC,OAAAC,OAAA,CACFZ,IAAKA,EAAG,cACK,eAAee,IAC5BV,GAAK2C,GACArC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,GACH,CAAA6B,MAAO,eACPmD,cACqB,UAAnBJ,EACI,cACmB,QAAnBA,EACE,iBACmB,WAAnBA,EACE,SACA,MACVR,IAAK,IACQ,cAATnD,GAAwB+C,EAAMiB,WAAWC,YAC1C7D,IAEY,aAAZU,GAA0B,CAC7BoD,UAAU,EACVC,UAAY,GAEV9D,EAEJ,CAAAF,SAAA,CAAAI,EAAAC,IAACC,EAAGA,IACFC,OAAAC,OAAA,CAAAP,sGACEgE,MAAO,OACPC,OAAQ,QACK,cAATrE,GAAwB,CAC1BoE,MAAO,OACPC,OAAQ,SAEV,CAAApD,aAAc,MACdF,gBAAiB,iBACD,YAAZD,GAAyB,CAC3BC,gBAAiB,iBAEH,UAAZD,GAAuB,CACzBC,gBAAiB,eAEH,YAAZD,GAAyB,CAC3BC,gBAAiB,oBAEH,aAAZD,GAA0B,CAC5BC,gBAAiB,uBAEhB8C,IAEDC,IAEL5D,GAASC,KACN,IAKNmE,EAAsCzE,EAAUA,YACpD,CAACC,EAA4GC,SAA1GC,KAAMC,EAACC,MAAEA,EAAKC,SAAEA,EAAQW,QAAEA,EAAU,OAAMyD,KAAEA,EAAO,QAAOnE,GAAEA,EAAEe,cAAEA,EAAaC,eAAEA,GAActB,EAAKO,EAApGC,EAAAA,OAAAR,EAAA,CAAA,OAAA,QAAA,WAAA,UAAA,OAAA,KAAA,gBAAA,mBACC,MAAM0E,EAAW7B,EAAAA,SACf,KAAO,CACL8B,EAAG,UACHC,EAAG,UACHC,EAAG,UACHC,EAAG,UACHC,EAAG,UACHC,EAAG,UACHC,EAAG,aAEL,IAEIC,EAAYC,GAAqBT,EAASS,IAAa,UAEvD5D,EAAsCF,GAAiB,IAArDf,GAAIkB,KAAeC,EAArBjB,EAAAA,OAAAe,EAAA,CAAA,OACAG,EAAwCJ,GAAkB,IAAxDhB,GAAIqB,KAAgBC,EAAtBpB,EAAAA,OAAAkB,EAAA,CAAA,OAEN,OACEyB,EAAAA,KAACxC,EAAAA,mBACCV,IAAKA,EACQ,cAAA,YAAYe,IACzBV,GACKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,GACAqB,IAEDC,EAEJ,CAAAF,SAAA,CAAAI,EAAAA,IAACE,EAAAA,IAAGC,OAAAC,OAAA,CACFuE,UAAU,OACV9E,GAAEM,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACA1B,WAAY,SACZ8B,gBAAiBiE,EAASlE,GAC1BqE,UAAW,aACXvE,MAAO,mBACP5B,QAAS,cACTE,eAAgB,aAChBO,WAAY,MACZ4E,OAAQ,CAAEe,GAAI,OAAQC,GAAI,QAC1BhG,SAAU,CAAE+F,GAAI,OAAQC,GAAI,SACf,UAATd,GAAoB,CACtBlF,SAAU,CAAE+F,GAAI,OAAQC,GAAI,QAC5BhB,OAAQ,CAAEe,GAAI,OAAQC,GAAI,UAC1B,CACFrE,QAAS,QACTc,SAAU,WACVvC,cAAe,QACZ+B,IAEDC,EAAY,CAAApB,SAEfD,GAASC,GAAYW,KAExBP,MAACE,EAAAA,IAAGC,OAAAC,OAAA,CACFP,GAAEM,OAAAC,OAAAD,OAAAC,OAAA,CACA2E,QAAS,KACTtG,QAAS,QACToF,MAAO,IACPC,OAAQ,IACRkB,YAAa,QACblC,YAAa,uCAAuC2B,EAASlE,KAC7D0E,YAAa,CACXJ,GAAI,kBACJK,GAAI,oBAEO,UAATlB,GAAoB,CACtBiB,YAAa,CACXJ,GAAI,gBACJK,GAAI,mBAGLhE,IAEDC,OAEF,IAKCgE,EAA8B7F,EAAUA,YAAC,CAAC8F,EAAO5F,KAC5D,MAAM6F,EAAiBjD,EAAAA,SAA8B,KACnD,OAAQgD,EAAM3F,MACZ,IAAK,UACH,OAAOa,EACT,IAAK,cACH,OAAOK,EACT,IAAK,WACH,OAAOkB,EACT,IAAK,SACL,IAAK,YACH,OAAOsB,EACT,IAAK,MACH,OAAOY,EAET,QACE,OAAO1E,KAEV,CAAC+F,EAAM3F,OAEV,OAAOO,MAACqF,EAAelF,OAAAC,OAAA,CAAAuE,UAAU,QAAWS,EAAO,CAAA5F,IAAKA,IAAO,IAMpD8F,EAA0DhG,EAAUA,YAAC,CAAC8F,EAAO5F,IACjFQ,MAACmF,EAAUhF,OAAAC,OAAA,CAAA,EAAAgF,EAAO,CAAA3F,KAAK,UAAUD,IAAKA,OAMlC+F,EAAwDjG,EAAUA,YAAC,CAAC8F,EAAO5F,IAC/EQ,MAACmF,EAAUhF,OAAAC,OAAA,CAAA,EAAAgF,EAAO,CAAA3F,KAAK,SAASD,IAAKA,OAMjCgG,EAAkDlG,EAAUA,YAAC,CAAC8F,EAAO5F,IACzEQ,MAACmF,EAAUhF,OAAAC,OAAA,CAAA,EAAAgF,EAAO,CAAA3F,KAAK,MAAMD,IAAKA,OAM9BiG,EAAkEnG,EAAUA,YAAC,CAAC8F,EAAO5F,IACzFQ,MAACmF,EAAUhF,OAAAC,OAAA,CAAA,EAAAgF,EAAO,CAAA3F,KAAK,cAAcD,IAAKA,OAMtCkG,EAA0DpG,EAAUA,YAAC,CAAC8F,EAAO5F,IACjFQ,EAAAC,IAACkF,EAAUhF,OAAAC,OAAA,GAAAgF,GAAO5F,IAAKA"}
1	+ {"version":3,"file":"label.js","sources":["../../../../../src/components/label/label.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, CSSObject, SvgIconProps, useTheme } from '@mui/material';\nimport { CircleExclamationIcon } from '@/src/components/icon/stroke/CircleExclamationIcon';\nimport { CircleInformationIcon } from '@/src/components/icon/stroke/CircleInformationIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface LabelBaseProps extends BoxProps<ElementType> {\n /*\n Content to be rendered inside Label, alternatively children are used\n /\n label?: ReactNode;\n}\n\nexport interface GeneralLabelProps extends LabelBaseProps {\n type?: 'general';\n}\n\nexport interface SimpleLabelProps extends LabelBaseProps {\n type?: 'simple';\n}\n\nexport type FeatureVariants = 'primary' \| 'neutral' \| 'secondary';\nexport interface FeatureLabelProps extends LabelBaseProps {\n type: 'feature';\n variant?: FeatureVariants;\n}\n\nexport type PromotionalVariants = 'small' \| 'large';\nexport interface PromotionalLabelProps extends LabelBaseProps {\n type: 'promotional';\n /\n @deprecated no longer has any effect\n /\n variant?: PromotionalVariants;\n labelBoxProps?: BoxProps<ElementType>;\n labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type SemanticVariants = 'positive' \| 'info' \| 'warning' \| 'alert';\nexport interface SemanticLabelProps extends LabelBaseProps {\n type: 'semantic';\n variant?: SemanticVariants;\n iconProps?: SvgIconProps;\n IconComponent?: ElementType<SvgIconProps>;\n}\n\nexport type StatusVariants = 'positive' \| 'warning' \| 'alert' \| 'neutral' \| 'disabled';\nexport interface StatusLabelProps extends LabelBaseProps {\n type: 'status' \| 'indicator';\n variant?: StatusVariants;\n dotProps?: BoxProps<ElementType>;\n labelPlacement?: 'end' \| 'start' \| 'top' \| 'bottom';\n}\n\nexport type CO2Variants = 'A+++' \| 'A++' \| 'A+' \| 'A' \| 'B' \| 'C' \| 'D' \| 'E' \| 'F' \| 'G';\nexport interface CO2LabelProps extends LabelBaseProps {\n type: 'CO2';\n variant?: CO2Variants;\n size?: 'small' \| 'large';\n labelBoxProps?: BoxProps<ElementType>;\n labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type LabelProps =\n \| GeneralLabelProps\n \| SimpleLabelProps\n \| FeatureLabelProps\n \| PromotionalLabelProps\n \| SemanticLabelProps\n \| StatusLabelProps\n \| CO2LabelProps;\n\n// Shared style for all variants\nconst baseSx: CSSObject = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'nowrap',\n flexShrink: '0',\n // font\n fontSize: '11px',\n lineHeight: '12px',\n letterSpacing: '3px',\n textTransform: 'uppercase',\n fontWeight: '900',\n whiteSpace: 'nowrap',\n textRendering: 'geometricPrecision',\n};\n\nconst GeneralVariant: React.FC<GeneralLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n <Box\n ref={ref}\n data-testid=\"Label-general\"\n sx={{\n ...baseSx,\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os600'),\n ...sx,\n }}\n {...rest}\n >\n {label \|\| children}\n </Box>\n));\n\nconst SimpleVariant: React.FC<SimpleLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n <Box\n ref={ref}\n data-testid=\"Label-simple\"\n sx={(theme) => ({\n ...baseSx,\n ...theme.typography.list,\n backgroundColor: 'transparent.primary',\n color: 'text.primary',\n p: '2px 10px',\n ...sx,\n })}\n {...rest}\n >\n {label \|\| children}\n </Box>\n));\n\nconst FeatureVariant: React.FC<FeatureLabelProps> = forwardRef(\n ({ type: _, label, children, variant = 'primary', sx, ...rest }, ref) => (\n <Box\n ref={ref}\n data-testid={`Label-feature${variant}`}\n sx={{\n ...baseSx,\n color: 'onSurface.os0',\n backgroundColor: 'brand.tertiary',\n padding: '4px 8px 4px 10px',\n borderRadius: '2px',\n ...(variant === 'neutral' && {\n backgroundColor: 'onSurface.os600',\n }),\n ...(variant === 'secondary' && {\n backgroundColor: 'brand.secondary',\n color: 'brand.tertiary',\n }),\n ...sx,\n }}\n {...rest}\n >\n {label \|\| children}\n </Box>\n ),\n);\n\nconst PromotionalVariant: React.FC<PromotionalLabelProps> = forwardRef(\n ({ type: _, label, children, variant, sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps \|\| {};\n const { sx: labelNextSx, ...restLabelNext } = labelNextProps \|\| {};\n\n return (\n <Box\n ref={ref}\n data-testid=\"Label-promotional\"\n sx={{\n ...baseSx,\n color: 'brand.secondary',\n overflow: 'hidden',\n borderRadius: '2px',\n ...sx,\n }}\n {...rest}\n >\n <Box\n sx={{\n margin: '0 6px 0 -6px',\n transform: 'skew(-21deg, 0deg)',\n backgroundColor: 'brand.tertiary',\n position: 'relative',\n borderRadius: '3px',\n display: 'inline-flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n zIndex: '100',\n ...labelBoxSx,\n }}\n {...restLabelBox}\n >\n <Box\n sx={{\n fontSize: { xs: '12px', xl: '14px' },\n padding: { xs: '8px 10px 8px 16px', xl: '10px 14px 10px 20px' },\n letterSpacing: '1px',\n textTransform: 'uppercase',\n lineHeight: '12px',\n fontWeight: 'bold',\n transform: 'skew(21deg, 0deg)',\n ...labelNextSx,\n }}\n {...restLabelNext}\n >\n {label \|\| children}\n </Box>\n </Box>\n </Box>\n );\n },\n);\n\n/\n Wrapper around getInteractiveStyle() function to provide interactive style\n * only for label that is actually a button\n /\nfunction getLabelInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n return {\n ...defaultStyle,\n '&.MuiButtonBase-root': {\n ...getInteractiveStyle(defaultStyle, hoverStyle),\n },\n };\n}\n\nconst SemanticVariant: React.FC<SemanticLabelProps> = forwardRef(\n ({ type: _, label, children, variant = 'positive', sx, iconProps, IconComponent, onClick, ...rest }, ref) => {\n const { sx: iconSx, ...restIconProps } = iconProps \|\| {};\n const VariantIconComponent = useMemo(() => {\n switch (variant) {\n case 'alert':\n case 'warning':\n return CircleExclamationIcon;\n case 'info':\n case 'positive':\n default:\n return CircleInformationIcon;\n }\n }, [variant]);\n const SemanticIcon = IconComponent \|\| VariantIconComponent;\n const theme = useTheme();\n\n return (\n <Box\n ref={ref}\n data-testid={`Label-semantic${variant}`}\n sx={{\n ...baseSx,\n gap: '6px',\n padding: '2px 8px 2px 4px',\n borderRadius: '4px',\n border: 1,\n borderColor: 'currentColor',\n transition:\n 'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n // clickable style\n '&&.MuiButtonBase-root': {\n // focused style\n ...getFocusRingStyle(theme, true, 1),\n },\n // default, positive\n ...getLabelInteractiveStyle(\n {\n color: 'brand.primary',\n backgroundColor: 'transparent.transparent',\n },\n {\n color: 'brandHover.primary',\n backgroundColor: 'transparent.primary',\n },\n ),\n ...(variant === 'alert' && {\n ...getLabelInteractiveStyle(\n {\n color: 'error.main',\n backgroundColor: 'transparent.transparent',\n },\n {\n color: 'error.dark',\n backgroundColor: 'transparent.primary',\n },\n ),\n }),\n ...(variant === 'warning' && {\n ...getLabelInteractiveStyle(\n {\n color: 'warning.main',\n backgroundColor: 'transparent.transparent',\n },\n {\n color: 'warning.dark',\n backgroundColor: 'transparent.primary',\n },\n ),\n }),\n ...(variant === 'info' && {\n ...getLabelInteractiveStyle(\n {\n color: 'info.main',\n backgroundColor: 'transparent.transparent',\n },\n {\n color: 'info.dark',\n backgroundColor: 'transparent.primary',\n },\n ),\n }),\n ...sx,\n }}\n onClick={onClick}\n {...rest}\n >\n <SemanticIcon data-testid={`icon-${variant}`} sx={{ fontSize: '18px', ...iconSx }} {...restIconProps} />\n {label \|\| children}\n </Box>\n );\n },\n);\n\nconst StatusVariant: React.FC<StatusLabelProps> = forwardRef(\n ({ type, label, children, variant = 'positive', labelPlacement = 'end', dotProps, sx, ...rest }, ref) => {\n const { sx: dotSx, ...restDot } = dotProps \|\| {};\n\n return (\n <Box\n ref={ref}\n data-testid={`Label-status${variant}`}\n sx={(theme) => ({\n ...baseSx,\n color: 'text.primary',\n flexDirection: { start: 'row-reverse', top: 'column-reverse', bottom: 'column' }[labelPlacement] ?? 'row',\n gap: 1,\n ...(type === 'indicator' && theme.typography.disclaimer1),\n ...sx,\n })}\n {...(variant === 'disabled' && {\n disabled: true,\n tabIndex: -1,\n })}\n {...rest}\n >\n <Box\n sx={{\n width: '10px',\n height: '10px',\n ...(type === 'indicator' && {\n width: '14px',\n height: '14px',\n }),\n borderRadius: '50%',\n backgroundColor: 'success.main',\n ...(variant === 'warning' && {\n backgroundColor: 'warning.main',\n }),\n ...(variant === 'alert' && {\n backgroundColor: 'error.main',\n }),\n ...(variant === 'neutral' && {\n backgroundColor: 'onSurface.os500',\n }),\n ...(variant === 'disabled' && {\n backgroundColor: 'disabled.secondary',\n }),\n ...dotSx,\n }}\n {...restDot}\n />\n {label \|\| children}\n </Box>\n );\n },\n);\n\nconst CO2Variant: React.FC<CO2LabelProps> = forwardRef(\n ({ type: _, label, children, variant = 'A+++', size = 'large', sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n const colorMap = useMemo(\n () => ({\n B: '#019A01',\n C: '#69CC00',\n D: '#FFCC01',\n E: '#F99601',\n F: '#FE6501',\n G: '#FF3100',\n H: '#2A78CD',\n }),\n [],\n );\n const getColor = (_variant: string) => colorMap[_variant] \|\| '#016703';\n\n const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps \|\| {};\n const { sx: labelNextSx, ...restLabelNext } = labelNextProps \|\| {};\n\n return (\n <Box\n ref={ref}\n data-testid={`Label-CO2${variant}`}\n sx={{\n ...baseSx,\n ...sx,\n }}\n {...rest}\n >\n <Box\n component=\"span\"\n sx={{\n alignItems: 'center',\n backgroundColor: getColor(variant),\n boxSizing: 'border-box',\n color: 'surface.tertiary',\n display: 'inline-flex',\n justifyContent: 'flex-start',\n fontWeight: '700',\n height: { xs: '20px', xl: '22px' },\n fontSize: { xs: '12px', xl: '14px' },\n ...(size === 'small' && {\n fontSize: { xs: '10px', xl: '12px' },\n height: { xs: '16px', xl: '18px' },\n }),\n padding: '0 5px',\n position: 'relative',\n letterSpacing: '1px',\n ...labelBoxSx,\n }}\n {...restLabelBox}\n >\n {label \|\| children \|\| variant}\n </Box>\n <Box\n sx={{\n content: '\"\"',\n display: 'block',\n width: '0',\n height: '0',\n borderStyle: 'solid',\n borderColor: `transparent transparent transparent ${getColor(variant)}`,\n borderWidth: {\n xs: `10px 0 10px 7px`,\n lg: `11px 0 11px 8px`,\n },\n ...(size === 'small' && {\n borderWidth: {\n xs: '8px 0 8px 5px',\n lg: '9px 0 9px 7px',\n },\n }),\n ...labelNextSx,\n }}\n {...restLabelNext}\n />\n </Box>\n );\n },\n);\n\nexport const Label: React.FC<LabelProps> = forwardRef((props, ref) => {\n const LabelComponent = useMemo<React.FC<LabelProps>>(() => {\n switch (props.type) {\n case 'simple':\n return SimpleVariant;\n case 'feature':\n return FeatureVariant;\n case 'promotional':\n return PromotionalVariant;\n case 'semantic':\n return SemanticVariant;\n case 'status':\n case 'indicator':\n return StatusVariant;\n case 'CO2':\n return CO2Variant;\n case 'general':\n default:\n return GeneralVariant;\n }\n }, [props.type]);\n\n return <LabelComponent component=\"span\" {...props} ref={ref} />;\n});\n\n/\n @deprecated Use <Label type=\"feature\" /> instead.\n /\nexport const LabelFeature: React.FC<Omit<FeatureLabelProps, 'type'>> = forwardRef((props, ref) => {\n return <Label {...props} type=\"feature\" ref={ref} />;\n});\n\n/\n @deprecated Use <Label type=\"status\" /> instead.\n /\nexport const LabelStatus: React.FC<Omit<StatusLabelProps, 'type'>> = forwardRef((props, ref) => {\n return <Label {...props} type=\"status\" ref={ref} />;\n});\n\n/\n @deprecated Use <Label type=\"CO2\" /> instead.\n /\nexport const LabelCO2: React.FC<Omit<CO2LabelProps, 'type'>> = forwardRef((props, ref) => {\n return <Label {...props} type=\"CO2\" ref={ref} />;\n});\n\n/\n @deprecated Use <Label type=\"promotional\" /> instead.\n /\nexport const LabelPromotional: React.FC<Omit<PromotionalLabelProps, 'type'>> = forwardRef((props, ref) => {\n return <Label {...props} type=\"promotional\" ref={ref} />;\n});\n\n/\n @deprecated Use <Label type=\"general\" /> instead.\n */\nexport const LabelGeneral: React.FC<Omit<GeneralLabelProps, 'type'>> = forwardRef((props, ref) => {\n return <Label {...props} ref={ref} />;\n});\n"],"names":["baseSx","display","alignItems","justifyContent","flexWrap","flexShrink","fontSize","lineHeight","letterSpacing","textTransform","fontWeight","whiteSpace","textRendering","GeneralVariant","forwardRef","_a","ref","type","_","label","children","sx","rest","__rest","_jsx","Box","Object","assign","color","theme","palette","mode","SimpleVariant","typography","list","backgroundColor","p","FeatureVariant","variant","padding","borderRadius","PromotionalVariant","labelBoxProps","labelNextProps","_b","labelBoxSx","restLabelBox","_c","labelNextSx","restLabelNext","overflow","jsx","margin","transform","position","zIndex","xs","xl","getLabelInteractiveStyle","defaultStyle","hoverStyle","getInteractiveStyle","SemanticVariant","iconProps","IconComponent","onClick","iconSx","restIconProps","VariantIconComponent","useMemo","CircleExclamationIcon","CircleInformationIcon","SemanticIcon","useTheme","_jsxs","jsxs","gap","border","borderColor","transition","getFocusRingStyle","StatusVariant","labelPlacement","dotProps","dotSx","restDot","flexDirection","start","top","bottom","disclaimer1","disabled","tabIndex","width","height","CO2Variant","size","colorMap","B","C","D","E","F","G","H","getColor","_variant","component","boxSizing","content","borderStyle","borderWidth","lg","Label","props","LabelComponent","LabelFeature","LabelStatus","LabelCO2","LabelPromotional","LabelGeneral"],"mappings":"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"}

package/cjs/components/logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sources":["../../../../../src/components/logo/Logo.tsx"],"sourcesContent":[null],"names":["LogoWrapper","children","wrap","variant","_jsx","Box","sx","display","alignItems","justifyContent","flexDirection","_Fragment","SymbolLogoIcon","SvgIcon","viewBox","width","height","fill","d","VerticalLogoIcon","_jsxs","jsxs","HorizontalLogoIcon","props","color","subbrandText","subbrandVariant","breakpoint","theme","useTheme","matches","useMediaQuery","breakpoints","down","LogoIcon","useMemo","logoColor","jsx","Typography","component","Object","assign","lineHeight","xs","fontSize","userSelect","whiteSpace","marginTop","marginLeft"],"mappings":"8FAsGA,SAASA,GAAYC,SAAEA,EAAQC,KAAEA,EAAIC,QAAEA,IACrC,OAAOD,EACLE,EAAAA,IAACC,EAAGA,IACF,CAAAC,GAAI,CACFC,QAAS,cACTC,WAAwB,aAAZL,EAAyB,aAAe,WACpDM,eAAgB,aAChBC,cAA2B,aAAZP,EAAyB,SAAW,OAGpDF,SAAAA,IAGHG,EAAAA,IAAGO,EAAAA,SAAA,CAAAV,SAAAA,GAEP,CAEA,MAAMW,EAAiB,IACrBR,EAAAA,IAACS,EAAOA,QAAC,CAAAC,QAAQ,YAAYR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,gBAAgB,cAAc,cAAahB,SACjHG,EAAAA,YAAMc,EAAE,mmDAINC,EAAmB,IACvBC,EAAAC,KAACR,EAAOA,QACN,CAAAC,QAAQ,cACRR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,8BAC/B,gBAAehB,SAAA,CAE3BG,cAAMc,EAAE,qmDACRd,EAAAA,YAAMc,EAAE,w4CAINI,EAAqB,IACzBlB,EAAAA,IAACS,EAAOA,QACN,CAAAC,QAAQ,aACRR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,gBAAgB,cAC/C,kBAAiBhB,SAE7BG,EAAAA,YAAMc,EAAE,w3CAlHSK,IACnB,MAAMpB,QAAEA,EAAOqB,MAAEA,EAAKT,MAAEA,EAAKC,OAAEA,EAAMS,aAAEA,EAAYC,gBAAEA,EAAkB,aAAYC,WAAEA,EAAa,MAASJ,EAErGK,EAAQC,EAAAA,WACRC,EAAUC,EAAAA,cAAcH,EAAMI,YAAYC,KAAKN,IAE/CO,EAAWC,EAAAA,SAAQ,IACP,WAAZhC,EACKS,EAEO,aAAZT,EACKgB,EAEFG,GACN,CAACnB,IAEEiC,EAAYD,EAAAA,SAAQ,KACxB,OAAQX,GACN,IAAK,UACH,MAAO,iBACT,IAAK,WACH,MAAO,kBACT,IAAK,QACH,MAAO,OACT,IAAK,QACH,MAAO,OACT,QACE,OAAOA,KAEV,CAACA,IAEJ,OACEJ,EAAAC,KAACrB,EAAW,CAACE,OAAQC,GAAuB,eAAZA,IAA+BsB,GAActB,QAASuB,EACpFzB,SAAA,CAAAG,EAAAA,IAACC,EAAAA,IAAG,CAAA,cACU,OACZC,GAAI,CACFS,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBQ,MAAOY,EACP7B,QAAS,OACTC,WAAY,YACbP,SAEDG,EAACiC,IAAAH,EAAW,CAAA,MAEZJ,KAAa3B,GAAuB,eAAZA,MAA+BsB,GACvDrB,MAACkC,EAAAA,WAAU,CACTC,UAAU,MACVjC,GAAEkC,OAAAC,OAAA,CACAlC,QAAS,OACTmC,WAAY,CAAEC,GAAI,GAClBC,SAAU,CAAED,GAAI,QAAQ5B,YACxB8B,WAAY,OACZrB,MAAOY,EACPU,WAAY,UACY,aAApBpB,EACA,CACEqB,UAAW,UAEb,CACEC,WAAY,oBAInBvB,MAGO"}
1	+ {"version":3,"file":"Logo.js","sources":["../../../../../src/components/logo/Logo.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, SvgIcon, useTheme, useMediaQuery, Breakpoint } from '@mui/material';\nimport { useMemo } from 'react';\n\nexport type LogoProps = {\n /** Variant of logo that should be rendered /\n variant?: 'horizontal' \| 'vertical' \| 'symbol';\n /\n Specifies which color should be used, default value is brand emerald green (tertiary)\n * @note Do not use `string` anymore. Choose from default color names instead\n /\n color?: 'emerald' \| 'electric' \| 'white' \| 'black' \| string;\n /* Specifies width of component /\n width?: number \| string;\n /* Specifies height of component /\n height?: number \| string;\n /* Specifies the subbrand type that will be added next to the brand logo /\n subbrandVariant?: 'horizontal' \| 'vertical';\n /* Actual subbrand text /\n subbrandText?: string;\n /\n Breakpoint for hiding the Subbrand variant\n /\n breakpoint?: number \| Breakpoint;\n};\n\n/\n Component that renders Skoda logo. There are several variants of the logo. Design can be found here https://www.figma.com/file/8ct8rVAKCJyZmDmpjJuVlv/FLOW---Web-%2F-UI-1.10.0?node-id=9546%3A14370&mode=dev\n /\nexport const Logo = (props: LogoProps) => {\n const { variant, color, width, height, subbrandText, subbrandVariant = 'horizontal', breakpoint = 'lg' } = props;\n\n const theme = useTheme();\n const matches = useMediaQuery(theme.breakpoints.down(breakpoint));\n\n const LogoIcon = useMemo(() => {\n if (variant === 'symbol') {\n return SymbolLogoIcon;\n }\n if (variant === 'vertical') {\n return VerticalLogoIcon;\n }\n return HorizontalLogoIcon;\n }, [variant]);\n\n const logoColor = useMemo(() => {\n switch (color) {\n case 'emerald':\n return 'brand.tertiary';\n case 'electric':\n return 'brand.secondary';\n case 'white':\n return '#fff';\n case 'black':\n return '#000';\n default:\n return color;\n }\n }, [color]);\n\n return (\n <LogoWrapper wrap={(!variant \|\| variant === 'horizontal') && !!subbrandText} variant={subbrandVariant}>\n <Box\n data-testid=\"Logo\"\n sx={{\n width: width ?? '100%',\n height: height ?? 'auto',\n color: logoColor,\n display: 'flex',\n alignItems: 'baseline',\n }}\n >\n <LogoIcon />\n </Box>\n {!matches && (!variant \|\| variant === 'horizontal') && !!subbrandText && (\n <Typography\n component=\"div\"\n sx={{\n display: 'flex',\n lineHeight: { xs: 1 },\n fontSize: { xs: `calc(${width} / 5.5)` },\n userSelect: 'none',\n color: logoColor,\n whiteSpace: 'nowrap',\n ...(subbrandVariant === 'vertical'\n ? {\n marginTop: '0.25em',\n }\n : {\n marginLeft: '0.25em',\n }),\n }}\n >\n {subbrandText}\n </Typography>\n )}\n </LogoWrapper>\n );\n};\n\n/\n Wrapper aligning logo and subbrand\n */\nfunction LogoWrapper({ children, wrap, variant }: { wrap: boolean; variant: LogoProps['subbrandVariant'] } & BoxProps) {\n return wrap ? (\n <Box\n sx={{\n display: 'inline-flex',\n alignItems: variant === 'vertical' ? 'flex-start' : 'baseline',\n justifyContent: 'flex-start',\n flexDirection: variant === 'vertical' ? 'column' : 'row',\n }}\n >\n {children}\n </Box>\n ) : (\n <>{children}</>\n );\n}\n\nconst SymbolLogoIcon = () => (\n <SvgIcon viewBox=\"0 0 32 32\" sx={{ width: '100%', height: '100%', fill: 'currentColor' }} data-testid=\"Logo.symbol\">\n <path d=\"M16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0ZM16 30.6181C7.92664 30.6181 1.38188 24.0734 1.38188 16C1.38188 7.92664 7.92664 1.38188 16 1.38188C24.0734 1.38188 30.6181 7.92664 30.6181 16C30.6181 24.0734 24.0734 30.6181 16 30.6181ZM22.9186 20.9748L22.5599 21.9432H21.2481C21.5987 20.998 26.0191 10.4529 17.3331 3.30067C15.5096 3.10748 13.666 3.31141 11.9289 3.89843C12.2186 4.1318 15.2275 6.60184 16.6453 9.65167L16.2293 9.76367C15.4478 8.91211 12.6085 5.78599 9.90293 4.7799C8.44709 5.57356 7.15898 6.64201 6.10992 7.92608C7.3806 8.57612 10.7008 10.5592 11.9627 12.0997C11.8904 12.1322 11.6067 12.285 11.6067 12.285C9.29207 10.5258 5.18018 9.61266 4.97001 9.56732C4.1056 11.0449 3.54923 12.6821 3.33443 14.3804C9.70223 15.6621 11.4168 18.6091 11.7101 21.9432H10.504L8.43136 21.0398C8.32338 20.9993 8.2099 20.9754 8.09477 20.9689H4.23562C4.84653 22.4112 5.7173 23.7288 6.80453 24.8563H8.44907C8.59079 24.8563 8.7148 24.8386 8.8388 24.7677L10.504 23.9174H22.5599L22.9186 24.8859C24.4165 24.7132 25.8066 24.0213 26.8475 22.9303C25.8066 21.8394 24.4165 21.1475 22.9186 20.9748ZM18.2763 20.4696C17.9639 20.4696 17.6585 20.3769 17.3987 20.2033C17.1389 20.0298 16.9365 19.7831 16.8169 19.4944C16.6974 19.2058 16.6661 18.8881 16.727 18.5817C16.788 18.2753 16.9384 17.9938 17.1593 17.7729C17.3803 17.552 17.6617 17.4015 17.9682 17.3406C18.2746 17.2796 18.5922 17.3109 18.8808 17.4305C19.1695 17.55 19.4162 17.7525 19.5898 18.0123C19.7634 18.2721 19.856 18.5775 19.856 18.8899C19.856 19.3088 19.6896 19.7106 19.3933 20.0069C19.0971 20.3031 18.6953 20.4696 18.2763 20.4696Z\" />\n </SvgIcon>\n);\n\nconst VerticalLogoIcon = () => (\n <SvgIcon\n viewBox=\"0 0 138 130\"\n sx={{ width: '100%', height: '100%', fill: 'currentcolor' }}\n data-testid=\"Logo.vertical\"\n >\n <path d=\"M66 21C51.6406 21 40 32.6406 40 47C40 61.3594 51.6406 73 66 73C80.3594 73 92 61.3594 92 47C92 32.6406 80.3594 21 66 21ZM66 70.7544C52.8808 70.7544 42.2456 60.1192 42.2456 47C42.2456 33.8808 52.8808 23.2456 66 23.2456C79.1192 23.2456 89.7544 33.8808 89.7544 47C89.7544 60.1192 79.1192 70.7544 66 70.7544ZM77.2427 55.084L76.6598 56.6578H74.5282C75.0979 55.1218 82.281 37.9859 68.1662 26.3636C65.2032 26.0497 62.2073 26.381 59.3845 27.335C59.8553 27.7142 64.7448 31.728 67.0487 36.684L66.3727 36.866C65.1026 35.4822 60.4889 30.4023 56.0923 28.7673C53.7265 30.057 51.6333 31.7933 49.9286 33.8799C51.9935 34.9361 57.3888 38.1586 59.4393 40.6619C59.3219 40.7147 58.8608 40.9631 58.8608 40.9631C55.0996 38.1043 48.4178 36.6205 48.0763 36.5469C46.6716 38.9479 45.7675 41.6084 45.4184 44.3681C55.7661 46.4509 58.5524 51.2397 59.0289 56.6578H57.069L53.701 55.1897C53.5255 55.1239 53.3411 55.0851 53.154 55.0745H46.8829C47.8756 57.4181 49.2906 59.5594 51.0574 61.3915H53.7297C53.95 61.4023 54.1691 61.3525 54.363 61.2476L57.069 59.8658H76.6598L77.2427 61.4396C79.6768 61.1589 81.9357 60.0345 83.6271 58.2618C81.9357 56.4891 79.6768 55.3647 77.2427 55.084ZM69.699 54.263C69.1913 54.263 68.695 54.1125 68.2729 53.8304C67.8508 53.5483 67.5218 53.1474 67.3275 52.6784C67.1332 52.2093 67.0824 51.6932 67.1814 51.1953C67.2805 50.6973 67.5249 50.24 67.8839 49.881C68.2429 49.522 68.7003 49.2775 69.1982 49.1785C69.6962 49.0794 70.2123 49.1302 70.6814 49.3245C71.1504 49.5188 71.5513 49.8478 71.8334 50.27C72.1154 50.6921 72.266 51.1884 72.266 51.6961C72.266 52.3769 71.9955 53.0298 71.5141 53.5112C71.0327 53.9926 70.3798 54.263 69.699 54.263H69.699Z\" />\n <path d=\"M10 101L12.1675 97.6125H24.739C25.4511 97.6125 25.9156 97.1587 25.9156 96.4631V94.4971H15.1091C11.8888 94.4971 10.4645 93.1059 10.4645 90.0208V88.69C10.4645 86.3913 11.8579 85 14.0563 85H14.304V89.9603C14.304 90.6559 14.7685 91.1096 15.4807 91.1096H25.9466C28.3308 91.1096 29.7552 92.5009 29.7552 94.7694V96.5236C29.7552 99.5179 28.2379 101 25.1105 101L10 101ZM85.3338 97.552H95.0565C96.6666 97.552 97.6885 96.5841 97.6885 95.0718V90.9282C97.6885 89.4159 96.6666 88.448 95.0565 88.448H85.3338V97.552ZM81.4323 101V85H95.1494C99.2367 85 101.59 87.2987 101.59 91.1096V94.8903C101.59 98.7013 99.2367 101 95.1494 101H81.4323ZM62.5252 97.552H70.7308C72.217 97.552 73.1769 96.6446 73.1769 95.2231V90.7769C73.1769 89.3554 72.217 88.448 70.7308 88.448H62.5252C61.039 88.448 60.0791 89.3554 60.0791 90.7769V95.223C60.0791 96.6446 61.039 97.552 62.5252 97.552ZM70.8236 101H62.4324C58.469 101 56.1776 98.7618 56.1776 95.0416V90.9584C56.1776 87.2382 58.4689 85 62.4324 85H70.8236C74.787 85 77.0784 87.2382 77.0784 90.9584V95.0416C77.0784 98.7618 74.7871 101 70.8236 101ZM103.189 101L112.385 85H117.804L127 101H122.541L120.962 98.2476H113.128L111.022 94.9811L107.554 101H103.189ZM111.115 94.7996H118.98L115.048 87.9943L111.115 94.7996ZM18.1436 88.327L15.9142 85H29.3836L27.2161 88.327H18.1436ZM34.0483 101V85H37.9498V91.2306H43.1208L49.8401 85H55.0111L46.465 92.9546L55.1659 101H49.6852L42.966 94.6786H37.9498V101H34.0483Z\" />\n </SvgIcon>\n);\n\nconst HorizontalLogoIcon = () => (\n <SvgIcon\n viewBox=\"0 0 120 16\"\n sx={{ width: '100%', height: '100%', fill: 'currentcolor' }}\n data-testid=\"Logo.horizontal\"\n >\n <path d=\"M0 16L2.22307 12.6125H15.1169C15.8473 12.6125 16.3237 12.1587 16.3237 11.4631V9.49713H5.24009C1.93724 9.49713 0.4764 8.10585 0.4764 5.02078V3.68997C0.4764 1.3913 1.90549 0 4.16032 0H4.41438V4.96029C4.41438 5.65595 4.89078 6.10964 5.6212 6.10964H16.3554C18.8008 6.10964 20.2617 7.50094 20.2617 9.76936V11.5236C20.2617 14.5179 18.7055 16 15.498 16L0 16ZM77.2654 12.552H87.2374C88.8889 12.552 89.9369 11.5841 89.9369 10.0718V5.92816C89.9369 4.41587 88.8889 3.44801 87.2374 3.44801H77.2654V12.552ZM73.2639 16V0H87.3328C91.5248 0 93.9385 2.29867 93.9385 6.10964V9.89034C93.9385 13.7013 91.5248 16 87.3328 16H73.2639ZM53.872 12.552H62.288C63.8123 12.552 64.7968 11.6446 64.7968 10.2231V5.77693C64.7968 4.35538 63.8123 3.44801 62.288 3.44801H53.872C52.3477 3.44801 51.3632 4.35538 51.3632 5.77693V10.223C51.3632 11.6446 52.3477 12.552 53.872 12.552ZM62.3832 16H53.7768C49.7118 16 47.3616 13.7618 47.3616 10.0416V5.9584C47.3616 2.23818 49.7117 0 53.7768 0H62.3832C66.4482 0 68.7984 2.23818 68.7984 5.9584V10.0416C68.7984 13.7618 66.4483 16 62.3832 16ZM95.578 16L105.01 0H110.568L120 16H115.427L113.807 13.2476H105.772L103.613 9.98108L100.056 16H95.578ZM103.708 9.79961H111.775L107.741 2.99428L103.708 9.79961ZM8.3524 3.32702L6.06581 0H19.8806L17.6575 3.32702H8.3524ZM24.6649 16V0H28.6665V6.23062H33.9701L40.8616 0H46.1652L37.4 7.95462L46.324 16H40.7028L33.8113 9.67863H28.6665V16H24.6649Z\" />\n </SvgIcon>\n);\n"],"names":["LogoWrapper","children","wrap","variant","_jsx","Box","sx","display","alignItems","justifyContent","flexDirection","_Fragment","SymbolLogoIcon","SvgIcon","viewBox","width","height","fill","d","VerticalLogoIcon","_jsxs","jsxs","HorizontalLogoIcon","props","color","subbrandText","subbrandVariant","breakpoint","theme","useTheme","matches","useMediaQuery","breakpoints","down","LogoIcon","useMemo","logoColor","jsx","Typography","component","Object","assign","lineHeight","xs","fontSize","userSelect","whiteSpace","marginTop","marginLeft"],"mappings":"8FAsGA,SAASA,GAAYC,SAAEA,EAAQC,KAAEA,EAAIC,QAAEA,IACrC,OAAOD,EACLE,EAAAA,IAACC,EAAGA,IACF,CAAAC,GAAI,CACFC,QAAS,cACTC,WAAwB,aAAZL,EAAyB,aAAe,WACpDM,eAAgB,aAChBC,cAA2B,aAAZP,EAAyB,SAAW,OAGpDF,SAAAA,IAGHG,EAAAA,IAAGO,EAAAA,SAAA,CAAAV,SAAAA,GAEP,CAEA,MAAMW,EAAiB,IACrBR,EAAAA,IAACS,EAAOA,QAAC,CAAAC,QAAQ,YAAYR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,gBAAgB,cAAc,cAAahB,SACjHG,EAAAA,YAAMc,EAAE,mmDAINC,EAAmB,IACvBC,EAAAC,KAACR,EAAOA,QACN,CAAAC,QAAQ,cACRR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,8BAC/B,gBAAehB,SAAA,CAE3BG,cAAMc,EAAE,qmDACRd,EAAAA,YAAMc,EAAE,w4CAINI,EAAqB,IACzBlB,EAAAA,IAACS,EAAOA,QACN,CAAAC,QAAQ,aACRR,GAAI,CAAES,MAAO,OAAQC,OAAQ,OAAQC,KAAM,gBAAgB,cAC/C,kBAAiBhB,SAE7BG,EAAAA,YAAMc,EAAE,w3CAlHSK,IACnB,MAAMpB,QAAEA,EAAOqB,MAAEA,EAAKT,MAAEA,EAAKC,OAAEA,EAAMS,aAAEA,EAAYC,gBAAEA,EAAkB,aAAYC,WAAEA,EAAa,MAASJ,EAErGK,EAAQC,EAAAA,WACRC,EAAUC,EAAAA,cAAcH,EAAMI,YAAYC,KAAKN,IAE/CO,EAAWC,EAAAA,SAAQ,IACP,WAAZhC,EACKS,EAEO,aAAZT,EACKgB,EAEFG,GACN,CAACnB,IAEEiC,EAAYD,EAAAA,SAAQ,KACxB,OAAQX,GACN,IAAK,UACH,MAAO,iBACT,IAAK,WACH,MAAO,kBACT,IAAK,QACH,MAAO,OACT,IAAK,QACH,MAAO,OACT,QACE,OAAOA,KAEV,CAACA,IAEJ,OACEJ,EAAAC,KAACrB,EAAW,CAACE,OAAQC,GAAuB,eAAZA,IAA+BsB,GAActB,QAASuB,EACpFzB,SAAA,CAAAG,EAAAA,IAACC,EAAAA,IAAG,CAAA,cACU,OACZC,GAAI,CACFS,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBQ,MAAOY,EACP7B,QAAS,OACTC,WAAY,YACbP,SAEDG,EAACiC,IAAAH,EAAW,CAAA,MAEZJ,KAAa3B,GAAuB,eAAZA,MAA+BsB,GACvDrB,MAACkC,EAAAA,WAAU,CACTC,UAAU,MACVjC,GAAEkC,OAAAC,OAAA,CACAlC,QAAS,OACTmC,WAAY,CAAEC,GAAI,GAClBC,SAAU,CAAED,GAAI,QAAQ5B,YACxB8B,WAAY,OACZrB,MAAOY,EACPU,WAAY,UACY,aAApBpB,EACA,CACEqB,UAAW,UAEb,CACEC,WAAY,oBAInBvB,MAGO"}

package/cjs/components/menu/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","sources":["../../../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","sx","rest","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","jsxs","MenuItem","onClick","children","_jsx","jsx","Flag","flag","ListItemText","Checkbox","checked","tabIndex","useEffect","length","Paper","Object","assign","borderRadius","boxShadow","_Fragment","Icon","name","p","Divider","className","Switch","MenuList","map"],"mappings":"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"}
1	+ {"version":3,"file":"menu.js","sources":["../../../../../src/components/menu/menu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { MenuList, MenuItem, Paper, PaperProps, Divider, ListItemText, Switch, Checkbox } from '@mui/material';\nimport { Icon } from '@/src/components/icon';\nimport { Flag, FlagProps } from '@/src/components/flag';\n\n/*\n @interface MenuItemObject\n * @description Single menu item containing icon class and item value\n /\nexport interface MenuItemObject {\n value: string;\n flag: FlagProps['flag'];\n title: string;\n}\nexport type MenuItems = MenuItemObject[] \| string[];\n/\n @interface MenuReactUseStateHook\n * @description The use state hook that must be provided to the Menu component.\n /\nexport interface MenuReactUseStateHook {\n state: any[];\n setState: React.Dispatch<React.SetStateAction<any[]>>;\n}\n/\n @interface FlowMenuProps (previously PaperProps)\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface FlowMenuProps extends PaperProps {\n /\n hasIcon is used to specify if every item should have icon.\n /\n hasIcon?: boolean;\n /\n multipleSelection is used to allow multiple selection.\n /\n multipleSelection?: boolean;\n /\n Adding a label to the group.\n /\n groupLabel?: string;\n /\n Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,\n * or MenuItemObject[] when hasIcon = true.\n /\n items: MenuItems;\n /\n The use state hook that must be provided to the Menu component.\n /\n reactHook: MenuReactUseStateHook;\n /\n groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.\n /\n groupToggleSelection?: boolean;\n\n /\n set the menu open state\n /\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (\n currToggleChecked: boolean,\n initItems: MenuItems,\n setItems: React.Dispatch<React.SetStateAction<any[]>>,\n setToggle: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\n\nconst onMenuItemClickHandler = (\n isString: boolean,\n multipleSelection: boolean,\n id: string,\n itemsState: any[],\n setItemsState: React.Dispatch<React.SetStateAction<any[]>>,\n initItems: MenuItems,\n) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : (initItems as MenuItemObject[]).filter((item: MenuItemObject) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n } else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n } else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (\n multipleSelection: boolean,\n groupToggleSelection: boolean,\n initItems: MenuItems,\n itemsState: any[],\n setToggleChecked: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length) setToggleChecked(true);\n if (itemsState.length < initItems.length) setToggleChecked(false);\n }\n};\n\n/\n @deprecated Use Menu component from '@mui/material' module instead.\n */\nexport const Menu = forwardRef<HTMLDivElement, FlowMenuProps>(\n (\n {\n setIsOpen,\n reactHook,\n items,\n hasIcon,\n multipleSelection,\n groupToggleSelection,\n groupLabel = '',\n toggleLabel,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback(\n (e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n },\n [items, itemsState, multipleSelection, setItemsState],\n );\n\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback(\n (isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState: MenuItemObject) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (\n <MenuItem\n key={id}\n id={id}\n selected={selected}\n onClick={(e) => onMenuItemClickHandlerWithUseCallback(e, isString)}\n >\n {hasIcon && !isString && <Flag flag={item.flag} title={item.title} />}\n <ListItemText>{title}</ListItemText>\n {multipleSelection && <Checkbox checked={selected} tabIndex={-1} />}\n </MenuItem>\n );\n },\n [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback],\n );\n\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n\n return (\n <Paper {...rest} ref={ref} sx={{ borderRadius: '0', boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)', ...sx }}>\n {groupLabel.length > 0 && (\n <>\n <MenuItem onClick={() => setIsOpen(false)}>\n <ListItemText>{groupLabel}</ListItemText>\n <Icon name=\"close\" sx={{ p: 0.25 }} />\n </MenuItem>\n <Divider />\n </>\n )}\n {multipleSelection && groupToggleSelection && (\n <MenuItem className=\"menu-select-all\">\n <ListItemText>{toggleLabel ? toggleLabel : 'Select all'}</ListItemText>\n <Switch onClick={onToggleClickHandlerWithUseCallback} checked={toggleChecked} />\n </MenuItem>\n )}\n <MenuList>\n {(items as any).map((item: any) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n })}\n </MenuList>\n </Paper>\n );\n },\n);\n"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","sx","rest","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","jsxs","MenuItem","onClick","children","_jsx","jsx","Flag","flag","ListItemText","Checkbox","checked","tabIndex","useEffect","length","Paper","Object","assign","borderRadius","boxShadow","_Fragment","Icon","name","p","Divider","className","Switch","MenuList","map"],"mappings":"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"}

package/cjs/components/menuItem/menuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.js","sources":["../../../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":[~~null~~],"names":["_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"+GA+B4CA,IAAA,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQJ,EAAKK,EAA/BC,EAAAA,OAAAN,EAAA,CAAA,MAAA,KAAA,QAAA,aAC1C,OACEO,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACpDG,EAAAA,IAACI,EAAYA,aACX,CAAAP,SAAAG,EAAAA,IAACK,EAAUA,WAAA,CAACC,QAAM,EAAAT,SAAEA,QAFNH,EAIJ"}
1	+ {"version":3,"file":"menuItem.js","sources":["../../../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { ListItemText, Typography, MenuItem as MuiMenuItem } from '@mui/material';\n/*\n @interface MenuItemProps\n * @description properties definition of the Menu Item\n /\nexport interface MenuItemProps extends HTMLAttributes<HTMLSpanElement> {\n /\n key for the Menu item\n /\n key?: any;\n /\n id for the menu item\n /\n id?: any;\n /\n value of menu item\n /\n value?: any;\n\n /\n text or component to show inside the menu item topography\n /\n children?: any;\n}\n\n/\n @description SkodaFlow MenuItem component.\n * @param props MenuItemProps\n * @returns React Functional component\n */\nexport const MenuItem: FC<MenuItemProps> = ({ key, id, value, children, ...props }) => {\n return (\n <MuiMenuItem key={key} id={id} value={value} {...props}>\n <ListItemText>\n <Typography noWrap>{children}</Typography>\n </ListItemText>\n </MuiMenuItem>\n );\n};\n"],"names":["_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"+GA+B4CA,IAAA,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQJ,EAAKK,EAA/BC,EAAAA,OAAAN,EAAA,CAAA,MAAA,KAAA,QAAA,aAC1C,OACEO,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACpDG,EAAAA,IAACI,EAAYA,aACX,CAAAP,SAAAG,EAAAA,IAACK,EAAUA,WAAA,CAACC,QAAM,EAAAT,SAAEA,QAFNH,EAIJ"}

package/cjs/components/mobileStepper/mobileStepper.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 import { SxProps, Theme } from '@mui/material';
 import { FC, HTMLAttributes } from 'react';
+/**
+ * @deprecated Use MobileStepperProps from @mui/material
+ */
 export interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The number of steps.
@@ -38,4 +41,7 @@ export interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {
      */
     nextButtonLabel?: string;
 }
+/**
+ * @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material
+ */
 export declare const MobileStepper: FC<MobileStepperProps>;

package/cjs/components/mobileStepper/mobileStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepper.js","sources":["../../../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":[~~null~~],"names":["_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","jsx","MuiMobileStepper","MobileStepper","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"~~6KA2CsDA~~,QAAAC,MACpDA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAViDC,EAAAA,OAAAX,EAAA,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAYpD,MAAOY,EAAaC,GAAkBC,EAAAA,SAASZ,GAO/C,OAJAa,EAAAA,WAAU,KACRF,EAAeX,EAAW,GACzB,CAACA,IAGFc,EAACC,IAAAC,EAAgBC,+BACXT,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFW,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBvB,WACEY,EAACC,IAAAW,yCACa,wBACZC,SAAUjB,GAAe,EACzBkB,QAAS,IAAMjB,GAAgBkB,GAASA,EAAO,IAAEC,SAEhD1B,IAGLD,WACEW,EAAAA,IAACiB,EAAAA,wBACa,CAAA,cAAA,wBACZJ,SAAUjB,GAAeX,EAAQ,EACjC6B,QAAS,IAAMjB,GAAgBkB,GAASA,EAAO,IAAEC,SAEhDzB,IACuB,cAEhB,kBACZ"}
1	+ {"version":3,"file":"mobileStepper.js","sources":["../../../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { MobileStepper as MuiMobileStepper, SxProps, Theme } from '@mui/material';\nimport { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { MobileStepperButtonBack, MobileStepperButtonNext } from './mobileStepperButton';\n\n/*\n @deprecated Use MobileStepperProps from @mui/material\n /\nexport interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {\n /\n The number of steps.\n /\n steps?: number;\n /\n The activeStep of a stepper.\n /\n activeStep?: number;\n /\n The variant to use.\n /\n variant?: 'progress';\n /\n A back button element. For instance, it can be a Button or an IconButton.\n /\n backButton?: Node;\n /\n A next button element. For instance, it can be a Button or an IconButton.\n /\n nextButton?: Node;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Props applied to the LinearProgress element.\n /\n LinearProgressProps?: object;\n /\n The label of previous button.\n /\n prevButtonLabel?: string;\n /\n The label of next button.\n /\n nextButtonLabel?: string;\n}\n\n/\n @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material\n */\nexport const MobileStepper: FC<MobileStepperProps> = ({\n steps,\n activeStep,\n variant,\n backButton,\n nextButton,\n prevButtonLabel,\n nextButtonLabel,\n LinearProgressProps,\n sx,\n ...props\n}) => {\n const [currentStep, setCurrentStep] = useState(activeStep);\n\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n\n return (\n <MuiMobileStepper\n {...props}\n steps={steps}\n activeStep={currentStep}\n variant={variant}\n sx={{\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }}\n backButton={\n <MobileStepperButtonBack\n data-testid=\"MobileStepper.prevBtn\"\n disabled={currentStep <= 0}\n onClick={() => setCurrentStep((prev) => prev - 1)}\n >\n {prevButtonLabel}\n </MobileStepperButtonBack>\n }\n nextButton={\n <MobileStepperButtonNext\n data-testid=\"MobileStepper.nextBtn\"\n disabled={currentStep >= steps - 1}\n onClick={() => setCurrentStep((prev) => prev + 1)}\n >\n {nextButtonLabel}\n </MobileStepperButtonNext>\n }\n data-testid=\"MobileStepper\"\n />\n );\n};\n"],"names":["_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","jsx","MuiMobileStepper","MobileStepper","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"6KAiDsDA,QAAAC,MACpDA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAViDC,EAAAA,OAAAX,EAAA,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAYpD,MAAOY,EAAaC,GAAkBC,EAAAA,SAASZ,GAO/C,OAJAa,EAAAA,WAAU,KACRF,EAAeX,EAAW,GACzB,CAACA,IAGFc,EAACC,IAAAC,EAAgBC,+BACXT,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFW,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBvB,WACEY,EAACC,IAAAW,yCACa,wBACZC,SAAUjB,GAAe,EACzBkB,QAAS,IAAMjB,GAAgBkB,GAASA,EAAO,IAAEC,SAEhD1B,IAGLD,WACEW,EAAAA,IAACiB,EAAAA,wBACa,CAAA,cAAA,wBACZJ,SAAUjB,GAAeX,EAAQ,EACjC6B,QAAS,IAAMjB,GAAgBkB,GAASA,EAAO,IAAEC,SAEhDzB,IACuB,cAEhB,kBACZ"}

package/cjs/components/mobileStepper/mobileStepperButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepperButton.js","sources":["../../../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":[~~null~~],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight","useTheme","startIcon","Icon","name","direction","children","endIcon"],"mappings":"4KAIa,MAAAA,EAAuBC,GAEhCC,EAAAA,IAACC,EACCC,OAAAC,OAAA,CAAAC,QAAQ,OACRC,oBAAkB,EAClBC,eACY,EAAA,cAAA,uBACRP,IAyBJE,EAA4BM,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC/DC,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOZ,EAAMa,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOZ,EAAMa,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa,yEAnCuB7B,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAA+B,UAAW9B,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,QAAU,mBACnGlC,EAAMmC,WACa,kCAhBcnC,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAAoC,QAASnC,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,OAAS,oBAChGlC,EAAMmC,WACa"}
1	+ {"version":3,"file":"mobileStepperButton.js","sources":["../../../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { Button, ButtonProps, styled } from '@mui/material';\nimport { Icon } from '../icon';\nimport { useTheme } from '@mui/system';\n\nexport const MobileStepperButton = (props: ButtonProps) => {\n return (\n <MobileStepperButtonStyled\n variant=\"text\"\n disableFocusRipple\n disableRipple\n data-testid=\"MobileStepperButton\"\n {...props}\n />\n );\n};\n\nexport const MobileStepperButtonNext = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} endIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'left' : 'right'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nexport const MobileStepperButtonBack = (props: ButtonProps) => {\n const theme = useTheme();\n\n return (\n <MobileStepperButton {...props} startIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'right' : 'left'}`} />}>\n {props.children}\n </MobileStepperButton>\n );\n};\n\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: '0',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: '100%',\n minHeight: '0',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiButton-startIcon': {\n marginLeft: '8px',\n marginRight: '0',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '0',\n marginRight: '8px',\n },\n}));\n"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight","useTheme","startIcon","Icon","name","direction","children","endIcon"],"mappings":"4KAIa,MAAAA,EAAuBC,GAEhCC,EAAAA,IAACC,EACCC,OAAAC,OAAA,CAAAC,QAAQ,OACRC,oBAAkB,EAClBC,eACY,EAAA,cAAA,uBACRP,IAyBJE,EAA4BM,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC/DC,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOZ,EAAMa,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOZ,EAAMa,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa,yEAnCuB7B,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAA+B,UAAW9B,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,QAAU,mBACnGlC,EAAMmC,WACa,kCAhBcnC,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAAoC,QAASnC,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,OAAS,oBAChGlC,EAAMmC,WACa"}

package/cjs/components/modal/modal.d.ts CHANGED Viewed

@@ -1,89 +1,69 @@
-import React, { HTMLAttributes } from 'react';
+import React from 'react';
 import { ButtonVariants } from '../button';
-/**
- * @interface Base defintion of SkodaFlow Modal component independent on core implementation.
- */
-export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
+import { DialogProps } from '@mui/material';
+export interface ModalProps extends Omit<DialogProps, 'maxWidth'> {
     /**
-     * If true, the component is shown.
-     */
-    open: boolean;
-    /**
-     * Callback used to close the modal.
+     * @deprecated rename to onClose
      */
     handleClose?: () => void;
     /**
-     * Callback for the top button.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     onClickTopButton?: () => void;
     /**
-     * Callback for the bottom button.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     onClickBottomButton?: () => void;
     /**
-     * Accessibility.
+     * @deprecated rename to aria-labelledby
      */
     ariaLabelledby?: string;
     /**
-     * Accessibility.
+     * @deprecated rename to aria-describedby
      */
     ariaDescribedBy?: string;
     /**
-     * Top button text.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     firstButton?: string;
     /**
-     * Bottom button text.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     secondButton?: string;
     /**
-     * Variant of button defines different look and style.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     firstButtonVariant?: ButtonVariants;
     /**
-     * Variant of button defines different look and style.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     secondButtonVariant?: ButtonVariants;
     /**
-     * If true, the second button is visible.
+     * @deprecated provide your own <DialogActions><Button /></DialogActions>
      */
     secondButtonVisible?: boolean;
     /**
-     * If true, the buttons are displayed as compact. The feature is only working for mobile view.
+     * @deprecated provide <DialogTitle onClose={() => {} />
      */
     hasCloseButton?: boolean;
     /**
-     * The size of the modal in desktop view.
+     * @deprecated use maxWidth={'sm' | 'md' | 'lg'} instead
      */
     size?: 'small' | 'large' | 'full-width';
-    defaultButtonSection?: boolean;
-    maxWidth?: string;
     /**
-     * A callback used to track if the modal is fully loaded. When the modal is closed isLoaded is set to false.
+     * @deprecated provide your own <DialogActions>
      */
-    modalLoadedCallback?: (isLoaded: boolean) => void;
-    /**
-     * If true, the modal will not prevent focus from leaving the modal while open.
-     * Generally this should never be set to true as it makes the modal less accessible to assistive technologies, like screen readers.
-     * @default false
-     */
-    disableEnforceFocus?: boolean;
+    defaultButtonSection?: boolean;
     /**
-     * If true, the modal will not automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. This also works correctly with any modal children that have the disableAutoFocus prop.
-     * Generally this should never be set to true as it makes the modal less accessible to assistive technologies, like screen readers.
-     * @default false
+     * Defines size of the dialog
      */
-    disableAutoFocus?: boolean;
+    maxWidth?: DialogProps['maxWidth'] | string;
     /**
-     * If `true`, the modal will not restore focus to previously focused element once
-     * modal is hidden or unmounted.
-     * @default false
+     * @deprecated write custom hook monitoring open status
      */
-    disableRestoreFocus?: boolean;
+    modalLoadedCallback?: (isLoaded: boolean) => void;
 }
 /**
- * @description Styled SkodaFlow Modal component
- * @param props ModalProps
- * @returns React Functional Component
+ * @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.
  */
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/modal/modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),a=require("react/jsx-runtime"),e=require("react"),o=require("../button/button.js"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("./contentDiv.js"),d=require("@mui/material");const s=e.forwardRef(((s,r)=>{var{children:c,open:u,handleClose:p,onClickTopButton:m,onClickBottomButton:x,ariaLabelledby:b,ariaDescribedBy:h,firstButton:g,secondButton:B,hasCloseButton:f,size:v,firstButtonVariant:C,secondButtonVariant:j,secondButtonVisible:k,defaultButtonSection:w=!0,maxWidth:F,modalLoadedCallback:W,disableAutoFocus:M,disableEnforceFocus:y,disableRestoreFocus:T}=s,q=t.__rest(s,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","disableRestoreFocus"]);const[z,S]=e.useState(!1),[V,D]=e.useState(!1),L=d.useTheme();e.useEffect((()=>{const t=window.matchMedia(`(min-width: ${L.breakpoints.values.md}px)`);D(t.matches)}),[L.breakpoints.values.md]);const O=e.useCallback((()=>{if(V&&"large"===(v||"large"))return!1}),[V,v]);return a.jsx(l,Object.assign({},q,{ref:r,open:u,size:v,onClose:p,isOverFlowing:z,"aria-labelledby":b,"aria-describedby":h,compactButtons:O(),maxWidth:F,"data-testid":"Modal",disableEnforceFocus:y,disableAutoFocus:M,disableRestoreFocus:T,dir:L.direction,children:a.jsxs("div",{className:"modal-container","data-testid":"Modal.container",children:[f&&a.jsx("button",{onClick:p,"data-testid":"Modal.close",children:a.jsx(i.Icon,{name:"close",fontSize:"medium"})}),a.jsx(n.ContentDiv,{setIsOverFlowing:S,className:"modal-container--content",modalLoadedCallback:W,"data-testid":"Modal.content",children:c}),w&&a.jsxs("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a.jsx(o.Button,{label:g,onClick:m,fullWidth:!0,variant:C,compact:O(),"data-testid":"Modal.button1","data-variant":C}),k&&a.jsx(o.Button,{label:B,onClick:x,fullWidth:!0,variant:j,compact:O(),"data-testid":"Modal.button2","data-variant":j})]})]})}))})),l=d.styled(d.Modal,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:e}=a,o=t.__rest(a,["theme"]);const i=o.compactButtons?"16px":"24px",n=o.maxWidth?o.maxWidth:"calc(100% - 40px)",d="large"===(o.size||"large"),s=o.size&&"full-width"===o.size,l=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:s?{maxWidth:n,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"auto",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:i,boxShadow:o.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"& > *:first-of-type":{marginBottom:"15px"}}},[e.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:l.maxWidth,"&--content":{marginTop:l.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:l.padding,paddingBottom:i}}}}}));exports.Modal=s;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),a=require("react"),o=require("../button/button.js"),l=require("../../utils/useElementScrollable/useElementScrollable.js"),n=require("@mui/material");const s=a.forwardRef(((s,i)=>{var{children:d,open:r,onClose:u,maxWidth:c,sx:b,handleClose:B,onClickTopButton:m,onClickBottomButton:x,ariaLabelledby:C,ariaDescribedBy:f,firstButton:h,secondButton:j,hasCloseButton:g,size:p,firstButtonVariant:M,secondButtonVariant:k,secondButtonVisible:v,defaultButtonSection:y=!0,modalLoadedCallback:q}=s,D=t.__rest(s,["children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback"]);const{isScrollable:S,elementRef:V}=l.useElementScrollable("y");a.useEffect((()=>{null==q||q(r)}),[r]);const E=a.useMemo((()=>p?{small:"sm",large:"md","full-width":!1}[p]:!!["xs","sm","md","lg","xl"].includes(`${c}`)&&c),[p,c]);return e.jsxs(n.Dialog,Object.assign({ref:i,open:r,onClose:null!=B?B:u,"aria-labelledby":C,"aria-describedby":f,maxWidth:E,"data-testid":"Modal",PaperProps:{"data-testid":"Modal.container"},sx:Object.assign(Object.assign({},!1===E&&c&&{maxWidth:c}),b)},D,{children:[e.jsx(n.DialogTitle,{onClose:null!=B?B:u,closeIconButtonProps:{"data-testid":"Modal.close"}}),e.jsx(n.DialogContent,{"data-testid":"Modal.content",dividers:S,ref:V,children:d}),y&&e.jsxs(n.DialogActions,{"data-testid":"Modal.buttons",children:[e.jsx(o.Button,{label:h,onClick:m,variant:M,"data-testid":"Modal.button1","data-variant":M}),v&&e.jsx(o.Button,{label:j,onClick:x,variant:k,"data-testid":"Modal.button2","data-variant":k})]})]}))}));exports.Modal=s;
 //# sourceMappingURL=modal.js.map