npm - @purpur/library - Versions diffs - 9.8.0 → 9.9.0 - Mend

@purpur/library 9.8.0 → 9.9.0

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

package/dist/{promotion-card-DOO0VCI8.mjs.map → promotion-card-CooYPpFo.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"promotion-card-DOO0VCI8.mjs","sources":["../../../components/promotion-card/src/promotion-card.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Badge } from \"@purpur/badge\";\nimport { Card } from \"@purpur/card\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./promotion-card.module.scss\";\n\nexport const promotionCardVariants = [\"primary\", \"secondary\", \"quaternary\"] as const;\n\nexport type PromotionCardVariant = (typeof promotionCardVariants)[number];\n\ntype StyleRecord = Record<PromotionCardVariant, string>;\n\nconst backgrounds: StyleRecord = {\n primary: \"var(--purpur-color-background-tone-on-tone-primary)\",\n secondary: \"var(--purpur-color-background-tone-on-tone-secondary)\",\n quaternary: \"var(--purpur-color-background-tone-on-tone-quaternary)\",\n} as const;\n\nconst backgroundImages: StyleRecord = {\n primary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_20_36)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_20_36)\"/><g filter=\"url(%23filter0_d_20_36)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter1_d_20_36)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3463 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint1_linear_20_36)\"/></g><path d=\"M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z\" fill=\"url(%23paint2_linear_20_36)\" stroke=\"url(%23paint3_linear_20_36)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_20_36)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter3_d_20_36)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint4_linear_20_36)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint5_linear_20_36)\" stroke=\"url(%23paint6_linear_20_36)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_20_36\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter1_d_20_36\" x=\"-69.5491\" y=\"-947.891\" width=\"2562.05\" height=\"2731.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"75\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.6 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter2_d_20_36\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter3_d_20_36\" x=\"361.088\" y=\"-864.621\" width=\"2720.09\" height=\"2804.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"100\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.65 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_20_36\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23340249\"/><stop offset=\"0.576094\" stop-color=\"%23300244\"/><stop offset=\"1\" stop-color=\"%232D0241\"/></linearGradient><linearGradient id=\"paint1_linear_20_36\" x1=\"80.5668\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2359006E\"/><stop offset=\"0.265\" stop-color=\"%2347005E\"/><stop offset=\"0.385\" stop-color=\"%2339004E\"/><stop offset=\"0.720829\" stop-color=\"%23210034\"/><stop offset=\"1\" stop-color=\"%23150026\"/></linearGradient><linearGradient id=\"paint2_linear_20_36\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.488\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2335004A\"/><stop offset=\"0.19574\" stop-color=\"%23320046\"/><stop offset=\"1\" stop-color=\"%2328003B\"/></linearGradient><linearGradient id=\"paint3_linear_20_36\" x1=\"133.5\" y1=\"60.5\" x2=\"546\" y2=\"1048\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23AC3CAF\"/><stop offset=\"0.506509\" stop-color=\"%234A006B\"/><stop offset=\"1\" stop-color=\"%232B003F\"/></linearGradient><linearGradient id=\"paint4_linear_20_36\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%234F0065\"/><stop offset=\"0.340552\" stop-color=\"%2339004E\"/><stop offset=\"0.616738\" stop-color=\"%23230036\"/><stop offset=\"1\" stop-color=\"%23150026\"/></linearGradient><linearGradient id=\"paint5_linear_20_36\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F0044\"/><stop offset=\"0.51248\" stop-color=\"%2328003B\"/><stop offset=\"1\" stop-color=\"%23240037\"/></linearGradient><linearGradient id=\"paint6_linear_20_36\" x1=\"820.5\" y1=\"32.5001\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%238A1994\"/><stop offset=\"0.425\" stop-color=\"%237A1387\"/><stop offset=\"1\" stop-color=\"%2327003A\"/></linearGradient><clipPath id=\"clip0_20_36\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n secondary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_13_40)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_13_40)\"/><rect x=\"-226.435\" y=\"213.022\" width=\"435.932\" height=\"216.966\" transform=\"rotate(-66.9915 -226.435 213.022)\" fill=\"url(%23paint1_linear_13_40)\"/><g filter=\"url(%23filter0_d_13_40)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter1_d_13_40)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint2_linear_13_40)\"/></g><path d=\"M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z\" fill=\"url(%23paint3_linear_13_40)\" stroke=\"url(%23paint4_linear_13_40)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_13_40)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter3_d_13_40)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint5_linear_13_40)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint6_linear_13_40)\" stroke=\"url(%23paint7_linear_13_40)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_13_40\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.605849 0 0 0 0 0.52 0 0 0 0 0.65 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter1_d_13_40\" x=\"20.4507\" y=\"-841.891\" width=\"2382.05\" height=\"2551.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"32\"/><feGaussianBlur stdDeviation=\"30\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.628679 0 0 0 0 0.49 0 0 0 0 0.7 0 0 0 0.5 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter2_d_13_40\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.594811 0 0 0 0 0.4875 0 0 0 0 0.65 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter3_d_13_40\" x=\"381.088\" y=\"-820.621\" width=\"2680.09\" height=\"2764.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"24\"/><feGaussianBlur stdDeviation=\"90\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.61425 0 0 0 0 0.455 0 0 0 0 0.7 0 0 0 0.62 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_13_40\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F6E6FF\"/><stop offset=\"0.465\" stop-color=\"%23F5E2FF\"/><stop offset=\"1\" stop-color=\"%23F2DCFE\"/></linearGradient><linearGradient id=\"paint1_linear_13_40\" x1=\"-8.46836\" y1=\"213.022\" x2=\"-8.46836\" y2=\"429.988\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"%23FFFEFD\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint2_linear_13_40\" x1=\"80.5666\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.265\" stop-color=\"white\"/><stop offset=\"0.385\" stop-color=\"%23F7EAFF\"/><stop offset=\"0.720829\" stop-color=\"%23D3BCDF\"/><stop offset=\"1\" stop-color=\"%23AA91B7\"/></linearGradient><linearGradient id=\"paint3_linear_13_40\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.487\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F7E9FF\"/><stop offset=\"0.19574\" stop-color=\"%23F6E7FF\"/><stop offset=\"1\" stop-color=\"%23EBD5F6\"/></linearGradient><linearGradient id=\"paint4_linear_13_40\" x1=\"163.5\" y1=\"527.148\" x2=\"390.5\" y2=\"902.648\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23F1DBFC\"/></linearGradient><linearGradient id=\"paint5_linear_13_40\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.340552\" stop-color=\"%23F7E9FF\"/><stop offset=\"0.616738\" stop-color=\"%23E1CBED\"/><stop offset=\"1\" stop-color=\"%23AB92B8\"/></linearGradient><linearGradient id=\"paint6_linear_13_40\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F5E3FF\"/><stop offset=\"0.51248\" stop-color=\"%23EBD5F7\"/><stop offset=\"1\" stop-color=\"%23E0C9EB\"/></linearGradient><linearGradient id=\"paint7_linear_13_40\" x1=\"580.804\" y1=\"451.174\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><clipPath id=\"clip0_13_40\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n quaternary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_16_50)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_16_50)\"/><rect x=\"-145.375\" y=\"247.444\" width=\"435.932\" height=\"128.9\" transform=\"rotate(-66.9915 -145.375 247.444)\" fill=\"url(%23paint1_linear_16_50)\"/><g filter=\"url(%23filter0_d_16_50)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23EFE5DF\"/></g><g filter=\"url(%23filter1_d_16_50)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint2_linear_16_50)\"/></g><path d=\"M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z\" fill=\"url(%23paint3_linear_16_50)\" stroke=\"url(%23paint4_linear_16_50)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_16_50)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23EFE5DF\"/></g><g filter=\"url(%23filter3_d_16_50)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint5_linear_16_50)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint6_linear_16_50)\" stroke=\"url(%23paint7_linear_16_50)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_16_50\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter1_d_16_50\" x=\"0.450684\" y=\"-861.891\" width=\"2422.05\" height=\"2591.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"32\"/><feGaussianBlur stdDeviation=\"40\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.5 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter2_d_16_50\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter3_d_16_50\" x=\"381.088\" y=\"-844.621\" width=\"2680.09\" height=\"2764.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"90\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.55 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_16_50\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FDF3EE\"/><stop offset=\"0.625484\" stop-color=\"%23F8EEE8\"/><stop offset=\"1\" stop-color=\"%23F0E5DF\"/><stop offset=\"1\" stop-color=\"%23F0E5E0\"/></linearGradient><linearGradient id=\"paint1_linear_16_50\" x1=\"72.5912\" y1=\"247.444\" x2=\"72.5912\" y2=\"376.344\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFFEFD\"/><stop offset=\"0.0001\" stop-color=\"%23FFFEFD\"/><stop offset=\"1\" stop-color=\"%23FFFDFD\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint2_linear_16_50\" x1=\"80.5666\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.265\" stop-color=\"white\"/><stop offset=\"0.385\" stop-color=\"%23F5ECE6\"/><stop offset=\"0.720829\" stop-color=\"%23CFC4BE\"/><stop offset=\"1\" stop-color=\"%23C9BDB6\"/></linearGradient><linearGradient id=\"paint3_linear_16_50\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.487\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFFAF8\"/><stop offset=\"0.19574\" stop-color=\"%23FEF5EF\"/><stop offset=\"1\" stop-color=\"%23E8DED8\"/></linearGradient><linearGradient id=\"paint4_linear_16_50\" x1=\"163.5\" y1=\"527.148\" x2=\"390.5\" y2=\"902.648\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><linearGradient id=\"paint5_linear_16_50\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.340552\" stop-color=\"%23FCF2EC\"/><stop offset=\"0.616738\" stop-color=\"%23D8CEC8\"/><stop offset=\"1\" stop-color=\"%23ACA19C\"/></linearGradient><linearGradient id=\"paint6_linear_16_50\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F8EEE8\"/><stop offset=\"0.51248\" stop-color=\"%23E8DED8\"/><stop offset=\"1\" stop-color=\"%23DDD3CE\"/></linearGradient><linearGradient id=\"paint7_linear_16_50\" x1=\"580.804\" y1=\"451.174\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><clipPath id=\"clip0_16_50\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n} as const;\n\nconst backgroundImagesDark: StyleRecord = {\n primary: backgroundImages.secondary,\n secondary: backgroundImages.primary,\n quaternary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_24984_14652)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_24984_14652)\"/><g filter=\"url(%23filter0_d_24984_14652)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5808 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23FFF0E5\"/></g><g filter=\"url(%23filter1_d_24984_14652)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3462 51.596 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint1_linear_24984_14652)\"/></g><path d=\"M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z\" fill=\"url(%23paint2_linear_24984_14652)\" stroke=\"url(%23paint3_linear_24984_14652)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_24984_14652)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.19 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.808 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23FFF0E5\"/></g><g filter=\"url(%23filter3_d_24984_14652)\"><path d=\"M892.877 -81.1462L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.598C521.196 351.573 686.155 159.524 892.877 -81.1462Z\" fill=\"url(%23paint4_linear_24984_14652)\"/></g><path d=\"M899.248 -92.33L901.24 -94.6492C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.34 899.248 -92.33Z\" fill=\"url(%23paint5_linear_24984_14652)\" stroke=\"url(%23paint6_linear_24984_14652)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_24984_14652\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter1_d_24984_14652\" x=\"-69.5491\" y=\"-947.891\" width=\"2562.05\" height=\"2731.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"75\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.6 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter2_d_24984_14652\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter3_d_24984_14652\" x=\"361.088\" y=\"-864.621\" width=\"2720.09\" height=\"2804.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"100\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.65 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_24984_14652\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232C2520\"/><stop offset=\"0.576094\" stop-color=\"%2329221D\"/><stop offset=\"1\" stop-color=\"%2327211C\"/></linearGradient><linearGradient id=\"paint1_linear_24984_14652\" x1=\"80.5668\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2340362E\"/><stop offset=\"0.265\" stop-color=\"%23372E27\"/><stop offset=\"0.385\" stop-color=\"%232D2621\"/><stop offset=\"0.720829\" stop-color=\"%231E1916\"/><stop offset=\"1\" stop-color=\"%23161310\"/></linearGradient><linearGradient id=\"paint2_linear_24984_14652\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.488\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F2822\"/><stop offset=\"0.19574\" stop-color=\"%232C2520\"/><stop offset=\"1\" stop-color=\"%23221D19\"/></linearGradient><linearGradient id=\"paint3_linear_24984_14652\" x1=\"133.5\" y1=\"60.5\" x2=\"546\" y2=\"1048\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23887363\"/><stop offset=\"0.506509\" stop-color=\"%233E342D\"/><stop offset=\"1\" stop-color=\"%23251F1A\"/></linearGradient><linearGradient id=\"paint4_linear_24984_14652\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233B312A\"/><stop offset=\"0.340552\" stop-color=\"%232D2621\"/><stop offset=\"0.616738\" stop-color=\"%231F1A17\"/><stop offset=\"1\" stop-color=\"%23161310\"/></linearGradient><linearGradient id=\"paint5_linear_24984_14652\" x1=\"781.493\" y1=\"72.65\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F2822\"/><stop offset=\"0.51248\" stop-color=\"%2326201C\"/><stop offset=\"1\" stop-color=\"%23201B17\"/></linearGradient><linearGradient id=\"paint6_linear_24984_14652\" x1=\"820.5\" y1=\"32.5\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23645549\"/><stop offset=\"0.425\" stop-color=\"%23594B41\"/><stop offset=\"1\" stop-color=\"%23221C18\"/></linearGradient><clipPath id=\"clip0_24984_14652\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n} as const;\n\nconst colors: StyleRecord = {\n primary: \"var(--purpur-color-text-tone-on-tone-primary)\",\n secondary: \"var(--purpur-color-text-tone-on-tone-secondary)\",\n quaternary: \"var(--purpur-color-text-tone-on-tone-tertiary)\",\n} as const;\n\nexport type PromotionCardDecorativeImage = { decorativeImage?: ReactNode };\nexport type PromotionCardProductImage = { productImage?: ReactNode };\n\nexport type PromotionCardProps = Omit<BaseProps, \"children\"> & {\n variant?: PromotionCardVariant;\n beforeTitle?: ReactNode;\n title: string;\n titleTag?: HeadingTagType;\n titleVariant?: HeadingVariant;\n enableTitleHyphenation?: boolean;\n /*\n @deprecated Use beforeTitle instead\n /\n badgeText?: string;\n /\n @deprecated Use beforeTitle instead\n /\n badgeIcon?: ReactNode;\n actions?: ReactNode;\n children: ReactNode;\n mediaPosition?: \"left\" \| \"right\";\n alignment?: \"space-between\" \| \"flex-end\";\n additionalText?: ReactNode;\n forceColorScheme?: ColorScheme;\n /\n @deprecated Gradient has been removed from both design and implementation. This prop will be removed in the next major release.\n */\n hasGradient?: boolean;\n} & (PromotionCardDecorativeImage \| PromotionCardProductImage);\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-promotion-card\";\n\nexport const PromotionCard = forwardRef<HTMLDivElement, PromotionCardProps>(\n (\n {\n [\"data-testid\"]: dataTestid,\n variant = \"primary\",\n badgeText,\n badgeIcon,\n beforeTitle,\n title,\n mediaPosition = \"right\",\n titleTag = \"h2\",\n titleVariant = \"display-15\",\n enableTitleHyphenation = false,\n className,\n actions,\n children,\n style,\n alignment = \"space-between\",\n additionalText,\n forceColorScheme,\n ...props\n },\n ref\n ) => {\n const { options, currentColorScheme } = useTheme();\n\n const resolvedColorScheme = forceColorScheme ?? options?.promotionCardColorScheme;\n\n let rest = props;\n let image;\n\n if (\"decorativeImage\" in props) {\n const { decorativeImage, ...spread } = props;\n image = decorativeImage;\n rest = spread;\n } else if (\"productImage\" in props) {\n const { productImage, ...spread } = props;\n image = productImage;\n rest = spread;\n }\n\n const effectiveColorScheme = resolvedColorScheme ?? currentColorScheme;\n\n const customProperties = {\n \"--promotion-card-background\": backgrounds[variant],\n \"--promotion-card-color\": colors[variant],\n \"--promotion-card-background-image\": image\n ? \"none\"\n : effectiveColorScheme === \"dark\"\n ? backgroundImagesDark[variant]\n : backgroundImages[variant],\n } as React.CSSProperties;\n\n return (\n <Card\n data-color-scheme={resolvedColorScheme}\n data-testid={dataTestid}\n ref={ref}\n fullHeight\n className={cx(className, rootClassName, `${rootClassName}--${variant}`)}\n style={{\n ...customProperties,\n ...style,\n }}\n {...rest}\n >\n <div\n className={cx(`${rootClassName}__inner`, {\n [`${rootClassName}__inner--with-image`]: image,\n [`${rootClassName}__inner--without-image`]: !image,\n [`${rootClassName}__inner--media-position-left`]: image && mediaPosition === \"left\",\n })}\n >\n <div\n className={cx(`${rootClassName}__content`, {\n [`${rootClassName}__content--with-image`]: image,\n [`${rootClassName}__content--without-image`]: !image,\n })}\n >\n {badgeText && (\n <div data-testid=\"badgeWrapper\" className={cx(`${rootClassName}__badge-wrapper`)}>\n <Badge variant={variant === \"primary\" ? \"special\" : \"attention\"} showIcon={false}>\n {badgeIcon && badgeIcon}\n {badgeText}\n </Badge>\n </div>\n )}\n\n <div\n className={cx(\n `${rootClassName}__main-content`,\n `${rootClassName}__main-content--${alignment}`\n )}\n >\n {beforeTitle}\n <Heading\n tag={titleTag}\n variant={titleVariant}\n enableHyphenation={enableTitleHyphenation}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__child-content`)}>{children}</div>\n {actions && <div className={cx(`${rootClassName}__actions`)}>{actions}</div>}\n {additionalText && (\n <Paragraph\n negative\n variant=\"additional-100\"\n className={cx(`${rootClassName}__additional-text`)}\n >\n {additionalText}\n </Paragraph>\n )}\n </div>\n </div>\n </div>\n\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`, {\n [`${rootClassName}__image-wrapper--product`]: \"productImage\" in props,\n [`${rootClassName}__image-wrapper--decorative`]: \"decorativeImage\" in props,\n })}\n >\n {image}\n </div>\n )}\n </div>\n </Card>\n );\n }\n);\n\nPromotionCard.displayName = \"PromotionCard\";\n"],"names":["promotionCardVariants","backgrounds","backgroundImages","backgroundImagesDark","colors","cx","c","styles","rootClassName","PromotionCard","forwardRef","dataTestid","variant","badgeText","badgeIcon","beforeTitle","title","mediaPosition","titleTag","titleVariant","enableTitleHyphenation","className","actions","children","style","alignment","additionalText","forceColorScheme","props","ref","options","currentColorScheme","useTheme","resolvedColorScheme","rest","image","decorativeImage","spread","productImage","effectiveColorScheme","customProperties","jsx","Card","jsxs","Badge","Heading","Paragraph"],"mappings":"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"}
1	+ {"version":3,"file":"promotion-card-CooYPpFo.mjs","sources":["../../../components/promotion-card/src/promotion-card.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Badge } from \"@purpur/badge\";\nimport { Card } from \"@purpur/card\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType, type HeadingVariant } from \"@purpur/heading\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { type ColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./promotion-card.module.scss\";\n\nexport const promotionCardVariants = [\"primary\", \"secondary\", \"quaternary\"] as const;\n\nexport type PromotionCardVariant = (typeof promotionCardVariants)[number];\n\ntype StyleRecord = Record<PromotionCardVariant, string>;\n\nconst backgrounds: StyleRecord = {\n primary: \"var(--purpur-color-background-tone-on-tone-primary)\",\n secondary: \"var(--purpur-color-background-tone-on-tone-secondary)\",\n quaternary: \"var(--purpur-color-background-tone-on-tone-quaternary)\",\n} as const;\n\nconst backgroundImages: StyleRecord = {\n primary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_20_36)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_20_36)\"/><g filter=\"url(%23filter0_d_20_36)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter1_d_20_36)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3463 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint1_linear_20_36)\"/></g><path d=\"M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z\" fill=\"url(%23paint2_linear_20_36)\" stroke=\"url(%23paint3_linear_20_36)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_20_36)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter3_d_20_36)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint4_linear_20_36)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint5_linear_20_36)\" stroke=\"url(%23paint6_linear_20_36)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_20_36\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter1_d_20_36\" x=\"-69.5491\" y=\"-947.891\" width=\"2562.05\" height=\"2731.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"75\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.6 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter2_d_20_36\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><filter id=\"filter3_d_20_36\" x=\"361.088\" y=\"-864.621\" width=\"2720.09\" height=\"2804.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"100\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.65 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_20_36\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_20_36\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_20_36\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23340249\"/><stop offset=\"0.576094\" stop-color=\"%23300244\"/><stop offset=\"1\" stop-color=\"%232D0241\"/></linearGradient><linearGradient id=\"paint1_linear_20_36\" x1=\"80.5668\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2359006E\"/><stop offset=\"0.265\" stop-color=\"%2347005E\"/><stop offset=\"0.385\" stop-color=\"%2339004E\"/><stop offset=\"0.720829\" stop-color=\"%23210034\"/><stop offset=\"1\" stop-color=\"%23150026\"/></linearGradient><linearGradient id=\"paint2_linear_20_36\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.488\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2335004A\"/><stop offset=\"0.19574\" stop-color=\"%23320046\"/><stop offset=\"1\" stop-color=\"%2328003B\"/></linearGradient><linearGradient id=\"paint3_linear_20_36\" x1=\"133.5\" y1=\"60.5\" x2=\"546\" y2=\"1048\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23AC3CAF\"/><stop offset=\"0.506509\" stop-color=\"%234A006B\"/><stop offset=\"1\" stop-color=\"%232B003F\"/></linearGradient><linearGradient id=\"paint4_linear_20_36\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%234F0065\"/><stop offset=\"0.340552\" stop-color=\"%2339004E\"/><stop offset=\"0.616738\" stop-color=\"%23230036\"/><stop offset=\"1\" stop-color=\"%23150026\"/></linearGradient><linearGradient id=\"paint5_linear_20_36\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F0044\"/><stop offset=\"0.51248\" stop-color=\"%2328003B\"/><stop offset=\"1\" stop-color=\"%23240037\"/></linearGradient><linearGradient id=\"paint6_linear_20_36\" x1=\"820.5\" y1=\"32.5001\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%238A1994\"/><stop offset=\"0.425\" stop-color=\"%237A1387\"/><stop offset=\"1\" stop-color=\"%2327003A\"/></linearGradient><clipPath id=\"clip0_20_36\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n secondary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_13_40)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_13_40)\"/><rect x=\"-226.435\" y=\"213.022\" width=\"435.932\" height=\"216.966\" transform=\"rotate(-66.9915 -226.435 213.022)\" fill=\"url(%23paint1_linear_13_40)\"/><g filter=\"url(%23filter0_d_13_40)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter1_d_13_40)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint2_linear_13_40)\"/></g><path d=\"M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z\" fill=\"url(%23paint3_linear_13_40)\" stroke=\"url(%23paint4_linear_13_40)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_13_40)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23F5E5FF\"/></g><g filter=\"url(%23filter3_d_13_40)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint5_linear_13_40)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint6_linear_13_40)\" stroke=\"url(%23paint7_linear_13_40)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_13_40\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.605849 0 0 0 0 0.52 0 0 0 0 0.65 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter1_d_13_40\" x=\"20.4507\" y=\"-841.891\" width=\"2382.05\" height=\"2551.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"32\"/><feGaussianBlur stdDeviation=\"30\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.628679 0 0 0 0 0.49 0 0 0 0 0.7 0 0 0 0.5 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter2_d_13_40\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.594811 0 0 0 0 0.4875 0 0 0 0 0.65 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><filter id=\"filter3_d_13_40\" x=\"381.088\" y=\"-820.621\" width=\"2680.09\" height=\"2764.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"24\"/><feGaussianBlur stdDeviation=\"90\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.61425 0 0 0 0 0.455 0 0 0 0 0.7 0 0 0 0.62 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_13_40\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_13_40\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_13_40\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F6E6FF\"/><stop offset=\"0.465\" stop-color=\"%23F5E2FF\"/><stop offset=\"1\" stop-color=\"%23F2DCFE\"/></linearGradient><linearGradient id=\"paint1_linear_13_40\" x1=\"-8.46836\" y1=\"213.022\" x2=\"-8.46836\" y2=\"429.988\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"%23FFFEFD\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint2_linear_13_40\" x1=\"80.5666\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.265\" stop-color=\"white\"/><stop offset=\"0.385\" stop-color=\"%23F7EAFF\"/><stop offset=\"0.720829\" stop-color=\"%23D3BCDF\"/><stop offset=\"1\" stop-color=\"%23AA91B7\"/></linearGradient><linearGradient id=\"paint3_linear_13_40\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.487\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F7E9FF\"/><stop offset=\"0.19574\" stop-color=\"%23F6E7FF\"/><stop offset=\"1\" stop-color=\"%23EBD5F6\"/></linearGradient><linearGradient id=\"paint4_linear_13_40\" x1=\"163.5\" y1=\"527.148\" x2=\"390.5\" y2=\"902.648\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23F1DBFC\"/></linearGradient><linearGradient id=\"paint5_linear_13_40\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.340552\" stop-color=\"%23F7E9FF\"/><stop offset=\"0.616738\" stop-color=\"%23E1CBED\"/><stop offset=\"1\" stop-color=\"%23AB92B8\"/></linearGradient><linearGradient id=\"paint6_linear_13_40\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F5E3FF\"/><stop offset=\"0.51248\" stop-color=\"%23EBD5F7\"/><stop offset=\"1\" stop-color=\"%23E0C9EB\"/></linearGradient><linearGradient id=\"paint7_linear_13_40\" x1=\"580.804\" y1=\"451.174\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><clipPath id=\"clip0_13_40\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n quaternary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_16_50)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_16_50)\"/><rect x=\"-145.375\" y=\"247.444\" width=\"435.932\" height=\"128.9\" transform=\"rotate(-66.9915 -145.375 247.444)\" fill=\"url(%23paint1_linear_16_50)\"/><g filter=\"url(%23filter0_d_16_50)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23EFE5DF\"/></g><g filter=\"url(%23filter1_d_16_50)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint2_linear_16_50)\"/></g><path d=\"M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z\" fill=\"url(%23paint3_linear_16_50)\" stroke=\"url(%23paint4_linear_16_50)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_16_50)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23EFE5DF\"/></g><g filter=\"url(%23filter3_d_16_50)\"><path d=\"M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z\" fill=\"url(%23paint5_linear_16_50)\"/></g><path d=\"M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z\" fill=\"url(%23paint6_linear_16_50)\" stroke=\"url(%23paint7_linear_16_50)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_16_50\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter1_d_16_50\" x=\"0.450684\" y=\"-861.891\" width=\"2422.05\" height=\"2591.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"32\"/><feGaussianBlur stdDeviation=\"40\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.5 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter2_d_16_50\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><filter id=\"filter3_d_16_50\" x=\"381.088\" y=\"-844.621\" width=\"2680.09\" height=\"2764.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"90\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.55 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16_50\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16_50\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_16_50\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FDF3EE\"/><stop offset=\"0.625484\" stop-color=\"%23F8EEE8\"/><stop offset=\"1\" stop-color=\"%23F0E5DF\"/><stop offset=\"1\" stop-color=\"%23F0E5E0\"/></linearGradient><linearGradient id=\"paint1_linear_16_50\" x1=\"72.5912\" y1=\"247.444\" x2=\"72.5912\" y2=\"376.344\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFFEFD\"/><stop offset=\"0.0001\" stop-color=\"%23FFFEFD\"/><stop offset=\"1\" stop-color=\"%23FFFDFD\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint2_linear_16_50\" x1=\"80.5666\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.265\" stop-color=\"white\"/><stop offset=\"0.385\" stop-color=\"%23F5ECE6\"/><stop offset=\"0.720829\" stop-color=\"%23CFC4BE\"/><stop offset=\"1\" stop-color=\"%23C9BDB6\"/></linearGradient><linearGradient id=\"paint3_linear_16_50\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.487\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFFAF8\"/><stop offset=\"0.19574\" stop-color=\"%23FEF5EF\"/><stop offset=\"1\" stop-color=\"%23E8DED8\"/></linearGradient><linearGradient id=\"paint4_linear_16_50\" x1=\"163.5\" y1=\"527.148\" x2=\"390.5\" y2=\"902.648\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><linearGradient id=\"paint5_linear_16_50\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.340552\" stop-color=\"%23FCF2EC\"/><stop offset=\"0.616738\" stop-color=\"%23D8CEC8\"/><stop offset=\"1\" stop-color=\"%23ACA19C\"/></linearGradient><linearGradient id=\"paint6_linear_16_50\" x1=\"781.494\" y1=\"72.6501\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23F8EEE8\"/><stop offset=\"0.51248\" stop-color=\"%23E8DED8\"/><stop offset=\"1\" stop-color=\"%23DDD3CE\"/></linearGradient><linearGradient id=\"paint7_linear_16_50\" x1=\"580.804\" y1=\"451.174\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"0.0001\" stop-color=\"white\"/><stop offset=\"1\" stop-color=\"%23E5DBD5\"/></linearGradient><clipPath id=\"clip0_16_50\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n} as const;\n\nconst backgroundImagesDark: StyleRecord = {\n primary: backgroundImages.secondary,\n secondary: backgroundImages.primary,\n quaternary: `url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2000\" height=\"1125\" viewBox=\"0 0 2000 1125\" fill=\"none\"><g clip-path=\"url(%23clip0_24984_14652)\"><rect width=\"2000\" height=\"1125\" fill=\"url(%23paint0_linear_24984_14652)\"/><g filter=\"url(%23filter0_d_24984_14652)\"><path d=\"M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5808 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z\" fill=\"%23FFF0E5\"/></g><g filter=\"url(%23filter1_d_24984_14652)\"><path d=\"M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3462 51.596 246.369 -121.206 478.235 -337.757Z\" fill=\"url(%23paint1_linear_24984_14652)\"/></g><path d=\"M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z\" fill=\"url(%23paint2_linear_24984_14652)\" stroke=\"url(%23paint3_linear_24984_14652)\" stroke-width=\"0.488281\"/><g filter=\"url(%23filter2_d_24984_14652)\"><path d=\"M895.095 -81.1636L897.087 -83.483C2339.19 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.808 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z\" fill=\"%23FFF0E5\"/></g><g filter=\"url(%23filter3_d_24984_14652)\"><path d=\"M892.877 -81.1462L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.598C521.196 351.573 686.155 159.524 892.877 -81.1462Z\" fill=\"url(%23paint4_linear_24984_14652)\"/></g><path d=\"M899.248 -92.33L901.24 -94.6492C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.34 899.248 -92.33Z\" fill=\"url(%23paint5_linear_24984_14652)\" stroke=\"url(%23paint6_linear_24984_14652)\" stroke-width=\"0.488281\"/></g><defs><filter id=\"filter0_d_24984_14652\" x=\"67\" y=\"-812.852\" width=\"2294.05\" height=\"2463.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter1_d_24984_14652\" x=\"-69.5491\" y=\"-947.891\" width=\"2562.05\" height=\"2731.76\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"75\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.6 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter2_d_24984_14652\" x=\"547.307\" y=\"-664.639\" width=\"2352.09\" height=\"2436.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"16\"/><feGaussianBlur stdDeviation=\"8\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><filter id=\"filter3_d_24984_14652\" x=\"361.088\" y=\"-864.621\" width=\"2720.09\" height=\"2804.12\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"100\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.65 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_24984_14652\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_24984_14652\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_24984_14652\" x1=\"48.3398\" y1=\"4.80196e-07\" x2=\"58.1053\" y2=\"1125\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232C2520\"/><stop offset=\"0.576094\" stop-color=\"%2329221D\"/><stop offset=\"1\" stop-color=\"%2327211C\"/></linearGradient><linearGradient id=\"paint1_linear_24984_14652\" x1=\"80.5668\" y1=\"233.643\" x2=\"606.544\" y2=\"1094.45\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2340362E\"/><stop offset=\"0.265\" stop-color=\"%23372E27\"/><stop offset=\"0.385\" stop-color=\"%232D2621\"/><stop offset=\"0.720829\" stop-color=\"%231E1916\"/><stop offset=\"1\" stop-color=\"%23161310\"/></linearGradient><linearGradient id=\"paint2_linear_24984_14652\" x1=\"138.672\" y1=\"41.2598\" x2=\"702.488\" y2=\"1106.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F2822\"/><stop offset=\"0.19574\" stop-color=\"%232C2520\"/><stop offset=\"1\" stop-color=\"%23221D19\"/></linearGradient><linearGradient id=\"paint3_linear_24984_14652\" x1=\"133.5\" y1=\"60.5\" x2=\"546\" y2=\"1048\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23887363\"/><stop offset=\"0.506509\" stop-color=\"%233E342D\"/><stop offset=\"1\" stop-color=\"%23251F1A\"/></linearGradient><linearGradient id=\"paint4_linear_24984_14652\" x1=\"560.263\" y1=\"530.414\" x2=\"910.742\" y2=\"1118.56\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233B312A\"/><stop offset=\"0.340552\" stop-color=\"%232D2621\"/><stop offset=\"0.616738\" stop-color=\"%231F1A17\"/><stop offset=\"1\" stop-color=\"%23161310\"/></linearGradient><linearGradient id=\"paint5_linear_24984_14652\" x1=\"781.493\" y1=\"72.65\" x2=\"2048.67\" y2=\"1066.94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%232F2822\"/><stop offset=\"0.51248\" stop-color=\"%2326201C\"/><stop offset=\"1\" stop-color=\"%23201B17\"/></linearGradient><linearGradient id=\"paint6_linear_24984_14652\" x1=\"820.5\" y1=\"32.5\" x2=\"906.975\" y2=\"1110.35\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23645549\"/><stop offset=\"0.425\" stop-color=\"%23594B41\"/><stop offset=\"1\" stop-color=\"%23221C18\"/></linearGradient><clipPath id=\"clip0_24984_14652\"><rect width=\"2000\" height=\"1125\" fill=\"white\"/></clipPath></defs></svg>')`,\n} as const;\n\nconst colors: StyleRecord = {\n primary: \"var(--purpur-color-text-tone-on-tone-primary)\",\n secondary: \"var(--purpur-color-text-tone-on-tone-secondary)\",\n quaternary: \"var(--purpur-color-text-tone-on-tone-tertiary)\",\n} as const;\n\nexport type PromotionCardDecorativeImage = { decorativeImage?: ReactNode };\nexport type PromotionCardProductImage = { productImage?: ReactNode };\n\nexport type PromotionCardProps = Omit<BaseProps, \"children\"> & {\n variant?: PromotionCardVariant;\n beforeTitle?: ReactNode;\n title: string;\n titleTag?: HeadingTagType;\n titleVariant?: HeadingVariant;\n enableTitleHyphenation?: boolean;\n /*\n @deprecated Use beforeTitle instead\n /\n badgeText?: string;\n /\n @deprecated Use beforeTitle instead\n /\n badgeIcon?: ReactNode;\n actions?: ReactNode;\n children: ReactNode;\n mediaPosition?: \"left\" \| \"right\";\n alignment?: \"space-between\" \| \"flex-end\";\n additionalText?: ReactNode;\n forceColorScheme?: ColorScheme;\n /\n @deprecated Gradient has been removed from both design and implementation. This prop will be removed in the next major release.\n */\n hasGradient?: boolean;\n} & (PromotionCardDecorativeImage \| PromotionCardProductImage);\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-promotion-card\";\n\nexport const PromotionCard = forwardRef<HTMLDivElement, PromotionCardProps>(\n (\n {\n [\"data-testid\"]: dataTestid,\n variant = \"primary\",\n badgeText,\n badgeIcon,\n beforeTitle,\n title,\n mediaPosition = \"right\",\n titleTag = \"h2\",\n titleVariant = \"display-15\",\n enableTitleHyphenation = false,\n className,\n actions,\n children,\n style,\n alignment = \"space-between\",\n additionalText,\n forceColorScheme,\n ...props\n },\n ref\n ) => {\n const { options, currentColorScheme } = useTheme();\n\n const resolvedColorScheme = forceColorScheme ?? options?.promotionCardColorScheme;\n\n let rest = props;\n let image;\n\n if (\"decorativeImage\" in props) {\n const { decorativeImage, ...spread } = props;\n image = decorativeImage;\n rest = spread;\n } else if (\"productImage\" in props) {\n const { productImage, ...spread } = props;\n image = productImage;\n rest = spread;\n }\n\n const effectiveColorScheme = resolvedColorScheme ?? currentColorScheme;\n\n const customProperties = {\n \"--promotion-card-background\": backgrounds[variant],\n \"--promotion-card-color\": colors[variant],\n \"--promotion-card-background-image\": image\n ? \"none\"\n : effectiveColorScheme === \"dark\"\n ? backgroundImagesDark[variant]\n : backgroundImages[variant],\n } as React.CSSProperties;\n\n return (\n <Card\n data-color-scheme={resolvedColorScheme}\n data-testid={dataTestid}\n ref={ref}\n fullHeight\n className={cx(className, rootClassName, `${rootClassName}--${variant}`)}\n style={{\n ...customProperties,\n ...style,\n }}\n {...rest}\n >\n <div\n className={cx(`${rootClassName}__inner`, {\n [`${rootClassName}__inner--with-image`]: image,\n [`${rootClassName}__inner--without-image`]: !image,\n [`${rootClassName}__inner--media-position-left`]: image && mediaPosition === \"left\",\n })}\n >\n <div\n className={cx(`${rootClassName}__content`, {\n [`${rootClassName}__content--with-image`]: image,\n [`${rootClassName}__content--without-image`]: !image,\n })}\n >\n {badgeText && (\n <div data-testid=\"badgeWrapper\" className={cx(`${rootClassName}__badge-wrapper`)}>\n <Badge variant={variant === \"primary\" ? \"special\" : \"attention\"} showIcon={false}>\n {badgeIcon && badgeIcon}\n {badgeText}\n </Badge>\n </div>\n )}\n\n <div\n className={cx(\n `${rootClassName}__main-content`,\n `${rootClassName}__main-content--${alignment}`\n )}\n >\n {beforeTitle}\n <Heading\n tag={titleTag}\n variant={titleVariant}\n enableHyphenation={enableTitleHyphenation}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__child-content`)}>{children}</div>\n {actions && <div className={cx(`${rootClassName}__actions`)}>{actions}</div>}\n {additionalText && (\n <Paragraph\n negative\n variant=\"additional-100\"\n className={cx(`${rootClassName}__additional-text`)}\n >\n {additionalText}\n </Paragraph>\n )}\n </div>\n </div>\n </div>\n\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`, {\n [`${rootClassName}__image-wrapper--product`]: \"productImage\" in props,\n [`${rootClassName}__image-wrapper--decorative`]: \"decorativeImage\" in props,\n })}\n >\n {image}\n </div>\n )}\n </div>\n </Card>\n );\n }\n);\n\nPromotionCard.displayName = \"PromotionCard\";\n"],"names":["promotionCardVariants","backgrounds","backgroundImages","backgroundImagesDark","colors","cx","c","styles","rootClassName","PromotionCard","forwardRef","dataTestid","variant","badgeText","badgeIcon","beforeTitle","title","mediaPosition","titleTag","titleVariant","enableTitleHyphenation","className","actions","children","style","alignment","additionalText","forceColorScheme","props","ref","options","currentColorScheme","useTheme","resolvedColorScheme","rest","image","decorativeImage","spread","productImage","effectiveColorScheme","customProperties","jsx","Card","jsxs","Badge","Heading","Paragraph"],"mappings":"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"}

package/dist/promotion-card.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./promotion-card-BnXD2mkp.js");exports.PromotionCard=o.PromotionCard;exports.promotionCardVariants=o.promotionCardVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./promotion-card-C1UoxzcV.js");exports.PromotionCard=o.PromotionCard;exports.promotionCardVariants=o.promotionCardVariants;
 //# sourceMappingURL=promotion-card.cjs.js.map

package/dist/promotion-card.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as a, p as t } from "./promotion-card-DOO0VCI8.mjs";
+import { P as a, p as t } from "./promotion-card-CooYPpFo.mjs";
 export {
   a as PromotionCard,
   t as promotionCardVariants