@purpur/library 9.7.4 → 9.8.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.
- package/.lintstagedrc.mts +10 -0
- package/@types/scss.d.ts +4 -0
- package/CHANGELOG.json +4062 -0
- package/CHANGELOG.md +2118 -0
- package/dist/LICENSE.txt +7 -7
- package/dist/{ThemeProvider-DiDBfyFA.mjs → ThemeProvider-BJ25_asg.mjs} +13 -13
- package/dist/{ThemeProvider-DiDBfyFA.mjs.map → ThemeProvider-BJ25_asg.mjs.map} +1 -1
- package/dist/{ThemeProvider-D7oXcAde.js → ThemeProvider-BJGm3zai.js} +2 -2
- package/dist/{ThemeProvider-D7oXcAde.js.map → ThemeProvider-BJGm3zai.js.map} +1 -1
- package/dist/{autocomplete-BEGRn-Wh.mjs → autocomplete-A9-Ni60G.mjs} +2 -2
- package/dist/{autocomplete-BEGRn-Wh.mjs.map → autocomplete-A9-Ni60G.mjs.map} +1 -1
- package/dist/{autocomplete-3kV1btuI.js → autocomplete-Bbth0nDG.js} +2 -2
- package/dist/{autocomplete-3kV1btuI.js.map → autocomplete-Bbth0nDG.js.map} +1 -1
- package/dist/autocomplete.cjs.js +1 -1
- package/dist/autocomplete.es.js +1 -1
- package/dist/components/accordion/src/accordion.visual.fixtures.d.ts +13 -0
- package/dist/components/accordion/src/accordion.visual.fixtures.d.ts.map +1 -0
- package/dist/components/badge/src/badge.visual.fixtures.d.ts +13 -0
- package/dist/components/badge/src/badge.visual.fixtures.d.ts.map +1 -0
- package/dist/components/footer/src/telia-logo.d.ts.map +1 -1
- package/dist/components/hero-banner/src/hero-banner-types.d.ts +48 -0
- package/dist/components/hero-banner/src/hero-banner-types.d.ts.map +1 -0
- package/dist/components/hero-banner/src/hero-banner.d.ts +5 -48
- package/dist/components/hero-banner/src/hero-banner.d.ts.map +1 -1
- package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts +1 -1
- package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts.map +1 -1
- package/dist/components-metadata.js +2 -2
- package/dist/{date-field-BKKty89_.js → date-field-CKxEWHG3.js} +2 -2
- package/dist/{date-field-BKKty89_.js.map → date-field-CKxEWHG3.js.map} +1 -1
- package/dist/{date-field-Cv5CKR1y.mjs → date-field-HEFdHIxk.mjs} +2 -2
- package/dist/{date-field-Cv5CKR1y.mjs.map → date-field-HEFdHIxk.mjs.map} +1 -1
- package/dist/date-field.cjs.js +1 -1
- package/dist/date-field.es.js +1 -1
- package/dist/{date-picker-CIizn3Pv.js → date-picker-CDBwkAJI.js} +2 -2
- package/dist/{date-picker-CIizn3Pv.js.map → date-picker-CDBwkAJI.js.map} +1 -1
- package/dist/{date-picker-DixxW60s.mjs → date-picker-cQewKIMN.mjs} +6 -6
- package/dist/{date-picker-DixxW60s.mjs.map → date-picker-cQewKIMN.mjs.map} +1 -1
- package/dist/date-picker.cjs.js +1 -1
- package/dist/date-picker.es.js +1 -1
- package/dist/{date-range-field-D8vLeSwp.js → date-range-field-D7Hn9FGN.js} +2 -2
- package/dist/{date-range-field-D8vLeSwp.js.map → date-range-field-D7Hn9FGN.js.map} +1 -1
- package/dist/{date-range-field-CFcjprIl.mjs → date-range-field-_WctWD29.mjs} +2 -2
- package/dist/{date-range-field-CFcjprIl.mjs.map → date-range-field-_WctWD29.mjs.map} +1 -1
- package/dist/date-range-field.cjs.js +1 -1
- package/dist/date-range-field.es.js +1 -1
- package/dist/{drawer-DyhsP34o.js → drawer-DyLQfvEh.js} +2 -2
- package/dist/{drawer-DyhsP34o.js.map → drawer-DyLQfvEh.js.map} +1 -1
- package/dist/{drawer-BzkRd9F0.mjs → drawer-cIUx6WSZ.mjs} +3 -3
- package/dist/{drawer-BzkRd9F0.mjs.map → drawer-cIUx6WSZ.mjs.map} +1 -1
- package/dist/drawer.cjs.js +1 -1
- package/dist/drawer.es.js +1 -1
- package/dist/{footer-DenAcikt.mjs → footer-BMlXRro2.mjs} +86 -96
- package/dist/footer-BMlXRro2.mjs.map +1 -0
- package/dist/footer-cet787Iq.js +2 -0
- package/dist/footer-cet787Iq.js.map +1 -0
- package/dist/footer.cjs.js +1 -1
- package/dist/footer.es.js +1 -1
- package/dist/{hero-banner-B7xrDfzN.mjs → hero-banner-B08jC0Sf.mjs} +77 -77
- package/dist/hero-banner-B08jC0Sf.mjs.map +1 -0
- package/dist/hero-banner-D__doaU7.js +2 -0
- package/dist/hero-banner-D__doaU7.js.map +1 -0
- package/dist/hero-banner.cjs.js +1 -1
- package/dist/hero-banner.es.js +1 -1
- package/dist/library.cjs.js +1 -1
- package/dist/library.es.js +21 -21
- package/dist/{modal-DJn9idcw.js → modal-CmPPxJ7Y.js} +2 -2
- package/dist/{modal-DJn9idcw.js.map → modal-CmPPxJ7Y.js.map} +1 -1
- package/dist/{modal-EIP36327.mjs → modal-Evh8sCBO.mjs} +3 -3
- package/dist/{modal-EIP36327.mjs.map → modal-Evh8sCBO.mjs.map} +1 -1
- package/dist/modal.cjs.js +1 -1
- package/dist/modal.es.js +1 -1
- package/dist/{popover-DERrvReO.mjs → popover-BSUdf0Ae.mjs} +3 -3
- package/dist/{popover-DERrvReO.mjs.map → popover-BSUdf0Ae.mjs.map} +1 -1
- package/dist/{popover-DnGgzfQr.js → popover-XJqF5DHT.js} +2 -2
- package/dist/{popover-DnGgzfQr.js.map → popover-XJqF5DHT.js.map} +1 -1
- package/dist/popover.cjs.js +1 -1
- package/dist/popover.es.js +1 -1
- package/dist/{promotion-card-DKc2Cx1h.js → promotion-card-BnXD2mkp.js} +2 -2
- package/dist/{promotion-card-DKc2Cx1h.js.map → promotion-card-BnXD2mkp.js.map} +1 -1
- package/dist/{promotion-card-BnzIVNQ4.mjs → promotion-card-DOO0VCI8.mjs} +2 -2
- package/dist/{promotion-card-BnzIVNQ4.mjs.map → promotion-card-DOO0VCI8.mjs.map} +1 -1
- package/dist/promotion-card.cjs.js +1 -1
- package/dist/promotion-card.es.js +1 -1
- package/dist/purpur.css +1 -1
- package/dist/{quantity-selector-CvBvnMeB.mjs → quantity-selector-B4YnfmNb.mjs} +2 -2
- package/dist/{quantity-selector-CvBvnMeB.mjs.map → quantity-selector-B4YnfmNb.mjs.map} +1 -1
- package/dist/{quantity-selector-CDSfcTb1.js → quantity-selector-CTBoxiPO.js} +2 -2
- package/dist/{quantity-selector-CDSfcTb1.js.map → quantity-selector-CTBoxiPO.js.map} +1 -1
- package/dist/quantity-selector.cjs.js +1 -1
- package/dist/quantity-selector.es.js +1 -1
- package/dist/{search-field-DKyNh7pE.mjs → search-field-_h8xn-sj.mjs} +2 -2
- package/dist/{search-field-DKyNh7pE.mjs.map → search-field-_h8xn-sj.mjs.map} +1 -1
- package/dist/{search-field-2vdDbiT0.js → search-field-vh6uz5KV.js} +2 -2
- package/dist/{search-field-2vdDbiT0.js.map → search-field-vh6uz5KV.js.map} +1 -1
- package/dist/search-field.cjs.js +1 -1
- package/dist/search-field.es.js +1 -1
- package/dist/{stepper-e0qicwqd.mjs → stepper-B-nCLs2D.mjs} +2 -2
- package/dist/{stepper-e0qicwqd.mjs.map → stepper-B-nCLs2D.mjs.map} +1 -1
- package/dist/{stepper-5qMo_shq.js → stepper-CTKlnH0q.js} +2 -2
- package/dist/{stepper-5qMo_shq.js.map → stepper-CTKlnH0q.js.map} +1 -1
- package/dist/stepper.cjs.js +1 -1
- package/dist/stepper.es.js +1 -1
- package/dist/{table-i1Gs9e0e.mjs → table-DOPXfD-s.mjs} +6 -6
- package/dist/{table-i1Gs9e0e.mjs.map → table-DOPXfD-s.mjs.map} +1 -1
- package/dist/{table-BOCcBzSO.js → table-DTQe4nN8.js} +2 -2
- package/dist/{table-BOCcBzSO.js.map → table-DTQe4nN8.js.map} +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.es.js +1 -1
- package/dist/{text-area-D0truMT1.js → text-area-9RUldq6W.js} +2 -2
- package/dist/{text-area-D0truMT1.js.map → text-area-9RUldq6W.js.map} +1 -1
- package/dist/{text-area-IVH-k4MM.mjs → text-area-C58aZEPa.mjs} +3 -3
- package/dist/{text-area-IVH-k4MM.mjs.map → text-area-C58aZEPa.mjs.map} +1 -1
- package/dist/text-area.cjs.js +1 -1
- package/dist/text-area.es.js +1 -1
- package/dist/text-field-C2W13n15.js +2 -0
- package/dist/{text-field-CYJzQG3h.js.map → text-field-C2W13n15.js.map} +1 -1
- package/dist/{text-field-BQfxJobW.mjs → text-field-D8MMa6ij.mjs} +114 -114
- package/dist/{text-field-BQfxJobW.mjs.map → text-field-D8MMa6ij.mjs.map} +1 -1
- package/dist/text-field.cjs.js +1 -1
- package/dist/text-field.es.js +1 -1
- package/dist/theme.cjs.js +1 -1
- package/dist/theme.es.js +3 -3
- package/dist/tokens/color/variables.css +1 -1
- package/dist/tokens/color/variables.dark.css +1 -1
- package/dist/tokens/color/variables.dark.js +1 -1
- package/dist/tokens/color/variables.dark.json +1 -1
- package/dist/tokens/color/variables.dark.scss +1 -1
- package/dist/tokens/color/variables.js +1 -1
- package/dist/tokens/color/variables.json +1 -1
- package/dist/tokens/color/variables.scss +1 -1
- package/dist/tokens.cjs.js +1 -1
- package/dist/tokens.es.js +1 -1
- package/dist/{tooltip-CJGmJDFQ.js → tooltip-CDnJKoIA.js} +2 -2
- package/dist/{tooltip-CJGmJDFQ.js.map → tooltip-CDnJKoIA.js.map} +1 -1
- package/dist/{tooltip-RA-03bKs.mjs → tooltip-pwJMEBBP.mjs} +3 -3
- package/dist/{tooltip-RA-03bKs.mjs.map → tooltip-pwJMEBBP.mjs.map} +1 -1
- package/dist/tooltip.cjs.js +1 -1
- package/dist/tooltip.es.js +1 -1
- package/dist/{useColorScheme-B9DWd-LN.mjs → useColorScheme-B7lGBSe4.mjs} +2 -2
- package/dist/{useColorScheme-B9DWd-LN.mjs.map → useColorScheme-B7lGBSe4.mjs.map} +1 -1
- package/dist/useColorScheme-BHhPgv9q.js +2 -0
- package/dist/{useColorScheme-DbTQjxNB.js.map → useColorScheme-BHhPgv9q.js.map} +1 -1
- package/dist/useThemePortalContainer-CUcqV327.js +2 -0
- package/dist/{useThemePortalContainer-D9BYjEvT.js.map → useThemePortalContainer-CUcqV327.js.map} +1 -1
- package/dist/useThemePortalContainer-D13Xx24N.mjs +9 -0
- package/dist/{useThemePortalContainer-tFLTaYKN.mjs.map → useThemePortalContainer-D13Xx24N.mjs.map} +1 -1
- package/dist/{variables-B5hbV0Uy.mjs → variables-BrsAsWIF.mjs} +2 -2
- package/dist/{variables-B5hbV0Uy.mjs.map → variables-BrsAsWIF.mjs.map} +1 -1
- package/dist/{variables-DoI78zZc.js → variables-D1vNo1lO.js} +2 -2
- package/dist/{variables-DoI78zZc.js.map → variables-D1vNo1lO.js.map} +1 -1
- package/eslint.config.mjs +2 -0
- package/package.json +27 -31
- package/scripts/generate.mts +269 -0
- package/src/accordion.ts +6 -0
- package/src/alert-badge.ts +6 -0
- package/src/aliases.ts +302 -0
- package/src/autocomplete.ts +6 -0
- package/src/avatar.ts +6 -0
- package/src/badge.ts +6 -0
- package/src/breadcrumbs.ts +6 -0
- package/src/button.ts +6 -0
- package/src/calendar.ts +6 -0
- package/src/card.ts +6 -0
- package/src/carousel.ts +6 -0
- package/src/chat-field.ts +6 -0
- package/src/checkbox.ts +6 -0
- package/src/chip-group.ts +6 -0
- package/src/color-dot.ts +6 -0
- package/src/comparison-table.ts +6 -0
- package/src/container.ts +6 -0
- package/src/content-block.ts +6 -0
- package/src/countdown.ts +6 -0
- package/src/counter-badge.ts +6 -0
- package/src/cta-link.ts +6 -0
- package/src/date-field.ts +6 -0
- package/src/date-picker.ts +6 -0
- package/src/date-range-field.ts +6 -0
- package/src/dismissable-chip-group.ts +6 -0
- package/src/drawer.ts +6 -0
- package/src/dropdown.ts +6 -0
- package/src/entries.js +73 -0
- package/src/field-error-text.ts +6 -0
- package/src/field-helper-text.ts +6 -0
- package/src/footer.ts +6 -0
- package/src/grid.ts +6 -0
- package/src/heading.ts +6 -0
- package/src/hero-banner.ts +6 -0
- package/src/label.ts +6 -0
- package/src/library.ts +77 -0
- package/src/link.ts +6 -0
- package/src/listbox.ts +6 -0
- package/src/loading.ts +6 -0
- package/src/message.ts +6 -0
- package/src/modal.ts +6 -0
- package/src/notification-banner.ts +6 -0
- package/src/notification.ts +6 -0
- package/src/pagination.ts +6 -0
- package/src/paragraph.ts +6 -0
- package/src/password-field.ts +7 -0
- package/src/popover.ts +6 -0
- package/src/product-card.ts +6 -0
- package/src/promotion-card.ts +6 -0
- package/src/purpur.css +1 -0
- package/src/quantity-selector.ts +6 -0
- package/src/radio-button-group.ts +6 -0
- package/src/radio-card-group.ts +6 -0
- package/src/rich-text.ts +6 -0
- package/src/search-field.ts +6 -0
- package/src/select.ts +6 -0
- package/src/skeleton.ts +6 -0
- package/src/slider.ts +6 -0
- package/src/spacer.ts +6 -0
- package/src/spinner.ts +6 -0
- package/src/stepper.ts +6 -0
- package/src/table.ts +6 -0
- package/src/tabs.ts +6 -0
- package/src/text-area.ts +6 -0
- package/src/text-field.ts +6 -0
- package/src/text-spacing.ts +6 -0
- package/src/theme.ts +6 -0
- package/src/toggle.ts +6 -0
- package/src/tokens.ts +6 -0
- package/src/tooltip.ts +6 -0
- package/src/visually-hidden.ts +6 -0
- package/tokens/_dark.scss +9 -0
- package/tokens/_index.scss +9 -0
- package/tokens/border/variables.css +13 -0
- package/tokens/border/variables.d.ts +10 -0
- package/tokens/border/variables.dark.css +12 -0
- package/tokens/border/variables.dark.d.ts +10 -0
- package/tokens/border/variables.dark.js +10 -0
- package/tokens/border/variables.dark.json +18 -0
- package/tokens/border/variables.dark.scss +10 -0
- package/tokens/border/variables.js +10 -0
- package/tokens/border/variables.json +18 -0
- package/tokens/border/variables.scss +10 -0
- package/tokens/breakpoint/variables.css +11 -0
- package/tokens/breakpoint/variables.d.ts +8 -0
- package/tokens/breakpoint/variables.dark.css +10 -0
- package/tokens/breakpoint/variables.dark.d.ts +8 -0
- package/tokens/breakpoint/variables.dark.js +8 -0
- package/tokens/breakpoint/variables.dark.json +14 -0
- package/tokens/breakpoint/variables.dark.scss +8 -0
- package/tokens/breakpoint/variables.js +8 -0
- package/tokens/breakpoint/variables.json +14 -0
- package/tokens/breakpoint/variables.scss +8 -0
- package/tokens/color/variables.css +262 -0
- package/tokens/color/variables.d.ts +253 -0
- package/tokens/color/variables.dark.css +262 -0
- package/tokens/color/variables.dark.d.ts +252 -0
- package/tokens/color/variables.dark.js +252 -0
- package/tokens/color/variables.dark.json +306 -0
- package/tokens/color/variables.dark.scss +252 -0
- package/tokens/color/variables.js +253 -0
- package/tokens/color/variables.json +307 -0
- package/tokens/color/variables.scss +253 -0
- package/tokens/dark.css +9 -0
- package/tokens/dark.d.ts +9 -0
- package/tokens/dark.js +9 -0
- package/tokens/filter/variables.css +4 -0
- package/tokens/filter/variables.d.ts +1 -0
- package/tokens/filter/variables.dark.css +3 -0
- package/tokens/filter/variables.dark.d.ts +1 -0
- package/tokens/filter/variables.dark.js +1 -0
- package/tokens/filter/variables.dark.json +7 -0
- package/tokens/filter/variables.dark.scss +1 -0
- package/tokens/filter/variables.js +1 -0
- package/tokens/filter/variables.json +7 -0
- package/tokens/filter/variables.scss +1 -0
- package/tokens/gradient/variables.css +53 -0
- package/tokens/gradient/variables.d.ts +9 -0
- package/tokens/gradient/variables.dark.css +51 -0
- package/tokens/gradient/variables.dark.d.ts +9 -0
- package/tokens/gradient/variables.dark.js +18 -0
- package/tokens/gradient/variables.dark.json +27 -0
- package/tokens/gradient/variables.dark.scss +36 -0
- package/tokens/gradient/variables.js +18 -0
- package/tokens/gradient/variables.json +27 -0
- package/tokens/gradient/variables.scss +42 -0
- package/tokens/index.css +18 -0
- package/tokens/index.d.ts +9 -0
- package/tokens/index.js +9 -0
- package/tokens/motion/variables.css +14 -0
- package/tokens/motion/variables.d.ts +11 -0
- package/tokens/motion/variables.dark.css +13 -0
- package/tokens/motion/variables.dark.d.ts +11 -0
- package/tokens/motion/variables.dark.js +11 -0
- package/tokens/motion/variables.dark.json +19 -0
- package/tokens/motion/variables.dark.scss +11 -0
- package/tokens/motion/variables.js +11 -0
- package/tokens/motion/variables.json +19 -0
- package/tokens/motion/variables.scss +11 -0
- package/tokens/shadow/variables.css +11 -0
- package/tokens/shadow/variables.d.ts +4 -0
- package/tokens/shadow/variables.dark.css +10 -0
- package/tokens/shadow/variables.dark.d.ts +4 -0
- package/tokens/shadow/variables.dark.js +4 -0
- package/tokens/shadow/variables.dark.json +8 -0
- package/tokens/shadow/variables.dark.scss +4 -0
- package/tokens/shadow/variables.js +4 -0
- package/tokens/shadow/variables.json +8 -0
- package/tokens/shadow/variables.scss +4 -0
- package/tokens/spacing/variables.css +26 -0
- package/tokens/spacing/variables.d.ts +23 -0
- package/tokens/spacing/variables.dark.css +17 -0
- package/tokens/spacing/variables.dark.d.ts +15 -0
- package/tokens/spacing/variables.dark.js +15 -0
- package/tokens/spacing/variables.dark.json +19 -0
- package/tokens/spacing/variables.dark.scss +15 -0
- package/tokens/spacing/variables.js +23 -0
- package/tokens/spacing/variables.json +31 -0
- package/tokens/spacing/variables.scss +23 -0
- package/tokens/typography/variables.css +30 -0
- package/tokens/typography/variables.d.ts +26 -0
- package/tokens/typography/variables.dark.css +29 -0
- package/tokens/typography/variables.dark.d.ts +26 -0
- package/tokens/typography/variables.dark.js +28 -0
- package/tokens/typography/variables.dark.json +38 -0
- package/tokens/typography/variables.dark.scss +26 -0
- package/tokens/typography/variables.js +28 -0
- package/tokens/typography/variables.json +38 -0
- package/tokens/typography/variables.scss +26 -0
- package/vite-plugin-generate-components-metadata.js +62 -0
- package/dist/footer-3Y-664-8.js +0 -2
- package/dist/footer-3Y-664-8.js.map +0 -1
- package/dist/footer-DenAcikt.mjs.map +0 -1
- package/dist/hero-banner-B7xrDfzN.mjs.map +0 -1
- package/dist/hero-banner-DthITuQ7.js +0 -2
- package/dist/hero-banner-DthITuQ7.js.map +0 -1
- package/dist/text-field-CYJzQG3h.js +0 -2
- package/dist/useColorScheme-DbTQjxNB.js +0 -2
- package/dist/useThemePortalContainer-D9BYjEvT.js +0 -2
- package/dist/useThemePortalContainer-tFLTaYKN.mjs +0 -9
package/dist/library.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const h=require("./accordion-DyhOG54L.js"),c=require("./alert-badge-DguuS7Qq.js"),m=require("./autocomplete-3kV1btuI.js"),f=require("./avatar-CYnD57o4.js"),C=require("./badge-CQ0SS_t8.js"),N=require("./breadcrumbs-BKzim4am.js"),i=require("./button-DmybVApa.js"),V=require("./calendar-BXQ3v62X.js"),U=require("./card-DFdUs5RG.js"),z=require("./carousel-DnSaLDZf.js"),w=require("./chat-field-Wjvh2J6C.js"),x=require("./checkbox-CDNcNv6d.js"),Z=require("./chip-group-B775zvKD.js"),g=require("./color-dot-BEE5rKco.js"),X=require("./comparison-table-0UDB2BTU.js"),s=require("./container-DRwKIAjh.js"),j=require("./content-block-CrekbIfe.js"),K=require("./countdown-hYrFLmRg.js"),Q=require("./counter-badge-B-d9VNup.js"),P=require("./cta-link-B1qMjH76.js"),Y=require("./date-field-BKKty89_.js"),$=require("./date-picker-CIizn3Pv.js"),J=require("./date-range-field-D8vLeSwp.js"),t=require("./dismissable-chip-group-2updhyuR.js"),rr=require("./drawer-DyhsP34o.js"),A=require("./dropdown-DJKNQnuo.js"),O=require("./field-error-text-FhQulSV5.js"),er=require("./field-helper-text-DSKO-Tce.js"),ur=require("./footer-3Y-664-8.js"),or=require("./grid-uGMD2euo.js"),n=require("./heading-drD5ugCC.js"),G=require("./hero-banner-DthITuQ7.js"),pr=require("./label-yHK80hhV.js"),d=require("./link-DhWVrkTz.js"),E=require("./listbox-ATP4hOWF.js"),ar=require("./loading-Dwtkjstg.js"),tr=require("./message-0yTS5pOF.js"),ir=require("./modal-DJn9idcw.js"),a=require("./notification-B5bNNq86.js"),nr=require("./notification-banner-BxHwTFnH.js"),lr=require("./pagination-rFRdkHII.js"),R=require("./paragraph-By4jMjnH.js"),cr=require("./popover-DnGgzfQr.js"),Cr=require("./product-card-8X-Ld2d_.js"),D=require("./promotion-card-DKc2Cx1h.js"),T=require("./quantity-selector-CDSfcTb1.js"),v=require("./radio-button-group-BaFpGAcD.js"),q=require("./radio-card-group-nrDi5EPK.js"),b=require("./RichText-yobCUjTD.js"),B=require("./search-field-2vdDbiT0.js"),gr=require("./select-DOqTJgTj.js"),M=require("./skeleton-BU0KtWIM.js"),L=require("./slider-_R6JmPZl.js"),W=require("./spacer-OZQbtvcY.js"),S=require("./spinner-tKunS_o-.js"),sr=require("./stepper-5qMo_shq.js"),H=require("./table-BOCcBzSO.js"),y=require("./tabs-D-nfZHIA.js"),F=require("./text-area-D0truMT1.js"),I=require("./text-field-CYJzQG3h.js"),_=require("./text-spacing-CiGPZHuB.js"),dr=require("./toggle-B8ZLUVar.js"),k=require("./tooltip-CJGmJDFQ.js"),Tr=require("./visually-hidden-C2CKovZx.js"),u=require("./tokens.cjs.js"),p=require("./variables-Buqm4JZc.js"),r=require("./variables-DoI78zZc.js"),o=require("./variables-BSBunpiY.js"),l=require("./ThemeProvider-D7oXcAde.js"),vr=require("./useColorScheme-DbTQjxNB.js"),Br=require("./useThemePortalContainer-D9BYjEvT.js"),e=require("./zh-TW-CAp7WWVq.js"),Sr=require("./format-CFKKBdIQ.js");exports.Accordion=h.Accordion;exports.AccordionNegativeContext=h.AccordionNegativeContext;exports.ALERT_BADGE_VARIANT=c.ALERT_BADGE_VARIANT;exports.AlertBadge=c.AlertBadge;exports.alertBadgeVariants=c.alertBadgeVariants;exports.Autocomplete=m.Autocomplete;exports.useAutocomplete=m.useAutocomplete;exports.Avatar=f.Avatar;exports.BADGE_VARIANT=C.BADGE_VARIANT;exports.Badge=C.Badge;exports.badgeVariants=C.badgeVariants;exports.Breadcrumbs=N.Breadcrumbs;exports.BreadcrumbsItem=N.Item;exports.BUTTON_TYPES=i.BUTTON_TYPES;exports.BUTTON_VARIANT=i.BUTTON_VARIANT;exports.Button=i.Button;exports.buttonVariants=i.buttonVariants;exports.Calendar=V.Calendar;exports.Card=U.Card;exports.Carousel=z.Carousel;exports.ChatField=w.ChatField;exports.Checkbox=x.Checkbox;exports.checkedState=x.checkedState;exports.ChipGroup=Z.ChipGroup;exports.BUTTON_COLOR_DOT_SIZE=g.BUTTON_COLOR_DOT_SIZE;exports.ColorDot=g.ColorDot;exports.STATIC_COLOR_DOT_SIZE=g.STATIC_COLOR_DOT_SIZE;exports.ComparisonTable=X.ComparisonTable;exports.Container=s.Container;exports.ContainerElement=s.ContainerElement;exports.Width=s.Width;exports.ContentBlock=j.ContentBlock;exports.Countdown=K.Countdown;exports.CounterBadge=Q.CounterBadge;exports.CtaLink=P.CtaLink;exports.ctaLinkIcons=P.ctaLinkIcons;exports.DateField=Y.DateField;exports.DatePicker=$.DatePicker;exports.DateRangeField=J.DateRangeField;exports.DEFAULT_SIZE=t.DEFAULT_SIZE;exports.DismissableChipGroup=t.DismissableChipGroup;exports.DismissableChipGroupNegativeContext=t.DismissableChipGroupNegativeContext;exports.DismissableChipGroupSizeContext=t.DismissableChipGroupSizeContext;exports.sizes=t.sizes;exports.Drawer=rr.Drawer;exports.Dropdown=A.Dropdown;exports.useDropdown=A.useDropdown;exports.FieldErrorText=O.FieldErrorText;exports.ariaRelevantValues=O.ariaRelevantValues;exports.FieldHelperText=er.FieldHelperText;exports.Footer=ur.Footer;exports.Grid=or.Grid;exports.DisplayVariant=n.DisplayVariant;exports.Heading=n.Heading;exports.HeadingTag=n.HeadingTag;exports.TitleVariant=n.TitleVariant;exports.HeroBanner=G.HeroBanner;exports.TitleHyphenVariant=G.TitleHyphenVariant;exports.Label=pr.Label;exports.LINK_VARIANT=d.LINK_VARIANT;exports.Link=d.Link;exports.linkVariants=d.linkVariants;exports.Listbox=E.Listbox;exports.ListboxNegativeContext=E.ListboxNegativeContext;exports.Loading=ar.Loading;exports.Message=tr.MessageNamespace;exports.Modal=ir.Modal;exports.NOTIFICATION_ARIA_LIVE=a.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=a.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=a.NOTIFICATION_STATUS;exports.Notification=a.Notification;exports.notificationAriaLiveValues=a.notificationAriaLiveValues;exports.notificationRoles=a.notificationRoles;exports.notificationStatuses=a.notificationStatuses;exports.NotificationBanner=nr.NotificationBanner;exports.Pagination=lr.Pagination;exports.Paragraph=R.Paragraph;exports.ParagraphVariant=R.ParagraphVariant;exports.Popover=cr.Popover;exports.ProductCard=Cr.ProductCard;exports.PromotionCard=D.PromotionCard;exports.promotionCardVariants=D.promotionCardVariants;exports.QuantitySelector=T.QuantitySelector;exports.quantitySelectorButtonVariants=T.quantitySelectorButtonVariants;exports.quantitySelectorVariants=T.quantitySelectorVariants;exports.RADIO_BUTTON_GROUP_DIRECTION=v.RADIO_BUTTON_GROUP_DIRECTION;exports.RADIO_BUTTON_GROUP_ORIENTATION=v.RADIO_BUTTON_GROUP_ORIENTATION;exports.RadioButtonGroup=v.RadioButtonGroup;exports.RadioCardGroup=q.RadioCardGroup;exports.RadioCardItem=q.RadioCardItem;exports.RichText=b.RichText;exports.richToPlainText=b.richToPlainText;exports.SearchField=B.SearchField;exports.SearchFieldAutocomplete=B.SearchFieldAutocomplete;exports.searchFieldVariants=B.searchFieldVariants;exports.Select=gr.Select;exports.Skeleton=M.Skeleton;exports.radii=M.radii;exports.SLIDER_ORIENTATION=L.SLIDER_ORIENTATION;exports.Slider=L.Slider;exports.SPACER_SIZE=W.SPACER_SIZE;exports.Spacer=W.Spacer;exports.SPINNER_SIZE=S.SPINNER_SIZE;exports.Spinner=S.Spinner;exports.spinnerSizes=S.spinnerSizes;exports.Stepper=sr.Stepper;exports.Table=H.Table;exports.createColumnHelper=H.createColumnHelper;exports.Tabs=y.Tabs;exports.createTabChangeDetailEvent=y.createTabChangeDetailEvent;exports.tabsVariants=y.tabsVariants;exports.ResizeOption=F.ResizeOption;exports.TextArea=F.TextArea;exports.TextField=I.TextField;exports.isTextField=I.isTextField;exports.textFieldVariants=I.textFieldVariants;exports.Element=_.Element;exports.TextSpacing=_.TextSpacing;exports.Toggle=dr.Toggle;exports.TOOLTIP_ALIGN=k.TOOLTIP_ALIGN;exports.TOOLTIP_POSITION=k.TOOLTIP_POSITION;exports.Tooltip=k.Tooltip;exports.VisuallyHidden=Tr.VisuallyHidden;exports.purpurBorderRadiusFull=u.purpurBorderRadiusFull;exports.purpurBorderRadiusLg=u.purpurBorderRadiusLg;exports.purpurBorderRadiusMd=u.purpurBorderRadiusMd;exports.purpurBorderRadiusSm=u.purpurBorderRadiusSm;exports.purpurBorderRadiusXl=u.purpurBorderRadiusXl;exports.purpurBorderRadiusXs=u.purpurBorderRadiusXs;exports.purpurBorderWidthLg=u.purpurBorderWidthLg;exports.purpurBorderWidthMd=u.purpurBorderWidthMd;exports.purpurBorderWidthSm=u.purpurBorderWidthSm;exports.purpurBorderWidthXs=u.purpurBorderWidthXs;exports.purpurFilterBlurOnImage=u.purpurFilterBlurOnImage;exports.purpurGradientAiBackgroundInteractiveExpressive=u.purpurGradientAiBackgroundInteractiveExpressive;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=u.purpurGradientAiBackgroundInteractiveExpressiveNegative;exports.purpurGradientAiBackgroundInteractivePrimary=u.purpurGradientAiBackgroundInteractivePrimary;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=u.purpurGradientAiBackgroundInteractivePrimaryNegative;exports.purpurGradientAiBackgroundPrimaryNegative=u.purpurGradientAiBackgroundPrimaryNegative;exports.purpurGradientAiBorderInteractivePrimary=u.purpurGradientAiBorderInteractivePrimary;exports.purpurGradientAiBorderInteractivePrimaryNegative=u.purpurGradientAiBorderInteractivePrimaryNegative;exports.purpurGradientAiTextInteractivePrimary=u.purpurGradientAiTextInteractivePrimary;exports.purpurGradientAiTextInteractivePrimaryNegative=u.purpurGradientAiTextInteractivePrimaryNegative;exports.purpurShadowLg=u.purpurShadowLg;exports.purpurShadowMd=u.purpurShadowMd;exports.purpurShadowNone=u.purpurShadowNone;exports.purpurShadowSm=u.purpurShadowSm;exports.purpurSpacing0=u.purpurSpacing0;exports.purpurSpacing10=u.purpurSpacing10;exports.purpurSpacing100=u.purpurSpacing100;exports.purpurSpacing1000=u.purpurSpacing1000;exports.purpurSpacing1200=u.purpurSpacing1200;exports.purpurSpacing150=u.purpurSpacing150;exports.purpurSpacing1600=u.purpurSpacing1600;exports.purpurSpacing200=u.purpurSpacing200;exports.purpurSpacing25=u.purpurSpacing25;exports.purpurSpacing250=u.purpurSpacing250;exports.purpurSpacing300=u.purpurSpacing300;exports.purpurSpacing400=u.purpurSpacing400;exports.purpurSpacing50=u.purpurSpacing50;exports.purpurSpacing600=u.purpurSpacing600;exports.purpurSpacing800=u.purpurSpacing800;exports.purpurSpacingGutterLg=u.purpurSpacingGutterLg;exports.purpurSpacingGutterMd=u.purpurSpacingGutterMd;exports.purpurSpacingGutterSm=u.purpurSpacingGutterSm;exports.purpurSpacingGutterXl=u.purpurSpacingGutterXl;exports.purpurSpacingPagePaddingLg=u.purpurSpacingPagePaddingLg;exports.purpurSpacingPagePaddingMd=u.purpurSpacingPagePaddingMd;exports.purpurSpacingPagePaddingSm=u.purpurSpacingPagePaddingSm;exports.purpurSpacingPagePaddingXl=u.purpurSpacingPagePaddingXl;exports.purpurTypographyFamilyDefault=u.purpurTypographyFamilyDefault;exports.purpurTypographyFamilyDisplay=u.purpurTypographyFamilyDisplay;exports.purpurTypographyLineHeightDefault=u.purpurTypographyLineHeightDefault;exports.purpurTypographyLineHeightLoose=u.purpurTypographyLineHeightLoose;exports.purpurTypographyLineHeightLooser=u.purpurTypographyLineHeightLooser;exports.purpurTypographyLineHeightSnug=u.purpurTypographyLineHeightSnug;exports.purpurTypographyLineHeightTight=u.purpurTypographyLineHeightTight;exports.purpurTypographyScale100=u.purpurTypographyScale100;exports.purpurTypographyScale1000=u.purpurTypographyScale1000;exports.purpurTypographyScale1100=u.purpurTypographyScale1100;exports.purpurTypographyScale150=u.purpurTypographyScale150;exports.purpurTypographyScale200=u.purpurTypographyScale200;exports.purpurTypographyScale300=u.purpurTypographyScale300;exports.purpurTypographyScale400=u.purpurTypographyScale400;exports.purpurTypographyScale50=u.purpurTypographyScale50;exports.purpurTypographyScale500=u.purpurTypographyScale500;exports.purpurTypographyScale600=u.purpurTypographyScale600;exports.purpurTypographyScale650=u.purpurTypographyScale650;exports.purpurTypographyScale700=u.purpurTypographyScale700;exports.purpurTypographyScale75=u.purpurTypographyScale75;exports.purpurTypographyScale800=u.purpurTypographyScale800;exports.purpurTypographyScale850=u.purpurTypographyScale850;exports.purpurTypographyScale900=u.purpurTypographyScale900;exports.purpurTypographyWeightBold=u.purpurTypographyWeightBold;exports.purpurTypographyWeightMedium=u.purpurTypographyWeightMedium;exports.purpurTypographyWeightNormal=u.purpurTypographyWeightNormal;exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextInteractiveSelectedNegative=r.purpurColorTextInteractiveSelectedNegative;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=o.purpurMotionDuration100;exports.purpurMotionDuration150=o.purpurMotionDuration150;exports.purpurMotionDuration1500=o.purpurMotionDuration1500;exports.purpurMotionDuration200=o.purpurMotionDuration200;exports.purpurMotionDuration2000=o.purpurMotionDuration2000;exports.purpurMotionDuration300=o.purpurMotionDuration300;exports.purpurMotionDuration400=o.purpurMotionDuration400;exports.purpurMotionDuration500=o.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=o.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=o.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=o.purpurMotionEasingEaseOut;exports.ThemeProvider=l.ThemeProvider;exports.teliaTheme=l.teliaTheme;exports.useApplyTheme=l.useApplyTheme;exports.useTheme=l.useTheme;exports.useColorScheme=vr.useColorScheme;exports.useThemePortalContainer=Br.useThemePortalContainer;exports.af=e.af;exports.ar=e.ar;exports.arDZ=e.arDZ;exports.arEG=e.arEG;exports.arMA=e.arMA;exports.arSA=e.arSA;exports.arTN=e.arTN;exports.az=e.az;exports.be=e.be;exports.beTarask=e.beTarask;exports.bg=e.bg;exports.bn=e.bn;exports.bs=e.bs;exports.ca=e.ca;exports.ckb=e.ckb;exports.cs=e.cs;exports.cy=e.cy;exports.da=e.da;exports.de=e.de;exports.deAT=e.deAT;exports.el=e.el;exports.enAU=e.enAU;exports.enCA=e.enCA;exports.enGB=e.enGB;exports.enIE=e.enIE;exports.enIN=e.enIN;exports.enNZ=e.enNZ;exports.enZA=e.enZA;exports.eo=e.eo;exports.es=e.es;exports.et=e.et;exports.eu=e.eu;exports.faIR=e.faIR;exports.fi=e.fi;exports.fr=e.fr;exports.frCA=e.frCA;exports.frCH=e.frCH;exports.fy=e.fy;exports.gd=e.gd;exports.gl=e.gl;exports.gu=e.gu;exports.he=e.he;exports.hi=e.hi;exports.hr=e.hr;exports.ht=e.ht;exports.hu=e.hu;exports.hy=e.hy;exports.id=e.id;exports.is=e.is;exports.it=e.it;exports.itCH=e.itCH;exports.ja=e.ja;exports.jaHira=e.jaHira;exports.ka=e.ka;exports.kk=e.kk;exports.km=e.km;exports.kn=e.kn;exports.ko=e.ko;exports.lb=e.lb;exports.lt=e.lt;exports.lv=e.lv;exports.mk=e.mk;exports.mn=e.mn;exports.ms=e.ms;exports.mt=e.mt;exports.nb=e.nb;exports.nl=e.nl;exports.nlBE=e.nlBE;exports.nn=e.nn;exports.oc=e.oc;exports.pl=e.pl;exports.pt=e.pt;exports.ptBR=e.ptBR;exports.ro=e.ro;exports.ru=e.ru;exports.se=e.se;exports.sk=e.sk;exports.sl=e.sl;exports.sq=e.sq;exports.sr=e.sr;exports.srLatn=e.srLatn;exports.sv=e.sv;exports.ta=e.ta;exports.te=e.te;exports.th=e.th;exports.tr=e.tr;exports.ug=e.ug;exports.uk=e.uk;exports.uz=e.uz;exports.uzCyrl=e.uzCyrl;exports.vi=e.vi;exports.zhCN=e.zhCN;exports.zhHK=e.zhHK;exports.zhTW=e.zhTW;exports.enUS=Sr.enUS;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const h=require("./accordion-DyhOG54L.js"),c=require("./alert-badge-DguuS7Qq.js"),m=require("./autocomplete-Bbth0nDG.js"),f=require("./avatar-CYnD57o4.js"),C=require("./badge-CQ0SS_t8.js"),N=require("./breadcrumbs-BKzim4am.js"),i=require("./button-DmybVApa.js"),V=require("./calendar-BXQ3v62X.js"),U=require("./card-DFdUs5RG.js"),z=require("./carousel-DnSaLDZf.js"),w=require("./chat-field-Wjvh2J6C.js"),x=require("./checkbox-CDNcNv6d.js"),Z=require("./chip-group-B775zvKD.js"),g=require("./color-dot-BEE5rKco.js"),X=require("./comparison-table-0UDB2BTU.js"),s=require("./container-DRwKIAjh.js"),j=require("./content-block-CrekbIfe.js"),K=require("./countdown-hYrFLmRg.js"),Q=require("./counter-badge-B-d9VNup.js"),P=require("./cta-link-B1qMjH76.js"),Y=require("./date-field-CKxEWHG3.js"),$=require("./date-picker-CDBwkAJI.js"),J=require("./date-range-field-D7Hn9FGN.js"),t=require("./dismissable-chip-group-2updhyuR.js"),rr=require("./drawer-DyLQfvEh.js"),A=require("./dropdown-DJKNQnuo.js"),O=require("./field-error-text-FhQulSV5.js"),er=require("./field-helper-text-DSKO-Tce.js"),ur=require("./footer-cet787Iq.js"),or=require("./grid-uGMD2euo.js"),n=require("./heading-drD5ugCC.js"),G=require("./hero-banner-D__doaU7.js"),pr=require("./label-yHK80hhV.js"),d=require("./link-DhWVrkTz.js"),E=require("./listbox-ATP4hOWF.js"),ar=require("./loading-Dwtkjstg.js"),tr=require("./message-0yTS5pOF.js"),ir=require("./modal-CmPPxJ7Y.js"),a=require("./notification-B5bNNq86.js"),nr=require("./notification-banner-BxHwTFnH.js"),lr=require("./pagination-rFRdkHII.js"),R=require("./paragraph-By4jMjnH.js"),cr=require("./popover-XJqF5DHT.js"),Cr=require("./product-card-8X-Ld2d_.js"),D=require("./promotion-card-BnXD2mkp.js"),T=require("./quantity-selector-CTBoxiPO.js"),v=require("./radio-button-group-BaFpGAcD.js"),q=require("./radio-card-group-nrDi5EPK.js"),b=require("./RichText-yobCUjTD.js"),B=require("./search-field-vh6uz5KV.js"),gr=require("./select-DOqTJgTj.js"),M=require("./skeleton-BU0KtWIM.js"),L=require("./slider-_R6JmPZl.js"),W=require("./spacer-OZQbtvcY.js"),S=require("./spinner-tKunS_o-.js"),sr=require("./stepper-CTKlnH0q.js"),H=require("./table-DTQe4nN8.js"),y=require("./tabs-D-nfZHIA.js"),F=require("./text-area-9RUldq6W.js"),I=require("./text-field-C2W13n15.js"),_=require("./text-spacing-CiGPZHuB.js"),dr=require("./toggle-B8ZLUVar.js"),k=require("./tooltip-CDnJKoIA.js"),Tr=require("./visually-hidden-C2CKovZx.js"),u=require("./tokens.cjs.js"),p=require("./variables-Buqm4JZc.js"),r=require("./variables-D1vNo1lO.js"),o=require("./variables-BSBunpiY.js"),l=require("./ThemeProvider-BJGm3zai.js"),vr=require("./useColorScheme-BHhPgv9q.js"),Br=require("./useThemePortalContainer-CUcqV327.js"),e=require("./zh-TW-CAp7WWVq.js"),Sr=require("./format-CFKKBdIQ.js");exports.Accordion=h.Accordion;exports.AccordionNegativeContext=h.AccordionNegativeContext;exports.ALERT_BADGE_VARIANT=c.ALERT_BADGE_VARIANT;exports.AlertBadge=c.AlertBadge;exports.alertBadgeVariants=c.alertBadgeVariants;exports.Autocomplete=m.Autocomplete;exports.useAutocomplete=m.useAutocomplete;exports.Avatar=f.Avatar;exports.BADGE_VARIANT=C.BADGE_VARIANT;exports.Badge=C.Badge;exports.badgeVariants=C.badgeVariants;exports.Breadcrumbs=N.Breadcrumbs;exports.BreadcrumbsItem=N.Item;exports.BUTTON_TYPES=i.BUTTON_TYPES;exports.BUTTON_VARIANT=i.BUTTON_VARIANT;exports.Button=i.Button;exports.buttonVariants=i.buttonVariants;exports.Calendar=V.Calendar;exports.Card=U.Card;exports.Carousel=z.Carousel;exports.ChatField=w.ChatField;exports.Checkbox=x.Checkbox;exports.checkedState=x.checkedState;exports.ChipGroup=Z.ChipGroup;exports.BUTTON_COLOR_DOT_SIZE=g.BUTTON_COLOR_DOT_SIZE;exports.ColorDot=g.ColorDot;exports.STATIC_COLOR_DOT_SIZE=g.STATIC_COLOR_DOT_SIZE;exports.ComparisonTable=X.ComparisonTable;exports.Container=s.Container;exports.ContainerElement=s.ContainerElement;exports.Width=s.Width;exports.ContentBlock=j.ContentBlock;exports.Countdown=K.Countdown;exports.CounterBadge=Q.CounterBadge;exports.CtaLink=P.CtaLink;exports.ctaLinkIcons=P.ctaLinkIcons;exports.DateField=Y.DateField;exports.DatePicker=$.DatePicker;exports.DateRangeField=J.DateRangeField;exports.DEFAULT_SIZE=t.DEFAULT_SIZE;exports.DismissableChipGroup=t.DismissableChipGroup;exports.DismissableChipGroupNegativeContext=t.DismissableChipGroupNegativeContext;exports.DismissableChipGroupSizeContext=t.DismissableChipGroupSizeContext;exports.sizes=t.sizes;exports.Drawer=rr.Drawer;exports.Dropdown=A.Dropdown;exports.useDropdown=A.useDropdown;exports.FieldErrorText=O.FieldErrorText;exports.ariaRelevantValues=O.ariaRelevantValues;exports.FieldHelperText=er.FieldHelperText;exports.Footer=ur.Footer;exports.Grid=or.Grid;exports.DisplayVariant=n.DisplayVariant;exports.Heading=n.Heading;exports.HeadingTag=n.HeadingTag;exports.TitleVariant=n.TitleVariant;exports.HeroBanner=G.HeroBanner;exports.TitleHyphenVariant=G.TitleHyphenVariant;exports.Label=pr.Label;exports.LINK_VARIANT=d.LINK_VARIANT;exports.Link=d.Link;exports.linkVariants=d.linkVariants;exports.Listbox=E.Listbox;exports.ListboxNegativeContext=E.ListboxNegativeContext;exports.Loading=ar.Loading;exports.Message=tr.MessageNamespace;exports.Modal=ir.Modal;exports.NOTIFICATION_ARIA_LIVE=a.NOTIFICATION_ARIA_LIVE;exports.NOTIFICATION_ROLE=a.NOTIFICATION_ROLE;exports.NOTIFICATION_STATUS=a.NOTIFICATION_STATUS;exports.Notification=a.Notification;exports.notificationAriaLiveValues=a.notificationAriaLiveValues;exports.notificationRoles=a.notificationRoles;exports.notificationStatuses=a.notificationStatuses;exports.NotificationBanner=nr.NotificationBanner;exports.Pagination=lr.Pagination;exports.Paragraph=R.Paragraph;exports.ParagraphVariant=R.ParagraphVariant;exports.Popover=cr.Popover;exports.ProductCard=Cr.ProductCard;exports.PromotionCard=D.PromotionCard;exports.promotionCardVariants=D.promotionCardVariants;exports.QuantitySelector=T.QuantitySelector;exports.quantitySelectorButtonVariants=T.quantitySelectorButtonVariants;exports.quantitySelectorVariants=T.quantitySelectorVariants;exports.RADIO_BUTTON_GROUP_DIRECTION=v.RADIO_BUTTON_GROUP_DIRECTION;exports.RADIO_BUTTON_GROUP_ORIENTATION=v.RADIO_BUTTON_GROUP_ORIENTATION;exports.RadioButtonGroup=v.RadioButtonGroup;exports.RadioCardGroup=q.RadioCardGroup;exports.RadioCardItem=q.RadioCardItem;exports.RichText=b.RichText;exports.richToPlainText=b.richToPlainText;exports.SearchField=B.SearchField;exports.SearchFieldAutocomplete=B.SearchFieldAutocomplete;exports.searchFieldVariants=B.searchFieldVariants;exports.Select=gr.Select;exports.Skeleton=M.Skeleton;exports.radii=M.radii;exports.SLIDER_ORIENTATION=L.SLIDER_ORIENTATION;exports.Slider=L.Slider;exports.SPACER_SIZE=W.SPACER_SIZE;exports.Spacer=W.Spacer;exports.SPINNER_SIZE=S.SPINNER_SIZE;exports.Spinner=S.Spinner;exports.spinnerSizes=S.spinnerSizes;exports.Stepper=sr.Stepper;exports.Table=H.Table;exports.createColumnHelper=H.createColumnHelper;exports.Tabs=y.Tabs;exports.createTabChangeDetailEvent=y.createTabChangeDetailEvent;exports.tabsVariants=y.tabsVariants;exports.ResizeOption=F.ResizeOption;exports.TextArea=F.TextArea;exports.TextField=I.TextField;exports.isTextField=I.isTextField;exports.textFieldVariants=I.textFieldVariants;exports.Element=_.Element;exports.TextSpacing=_.TextSpacing;exports.Toggle=dr.Toggle;exports.TOOLTIP_ALIGN=k.TOOLTIP_ALIGN;exports.TOOLTIP_POSITION=k.TOOLTIP_POSITION;exports.Tooltip=k.Tooltip;exports.VisuallyHidden=Tr.VisuallyHidden;exports.purpurBorderRadiusFull=u.purpurBorderRadiusFull;exports.purpurBorderRadiusLg=u.purpurBorderRadiusLg;exports.purpurBorderRadiusMd=u.purpurBorderRadiusMd;exports.purpurBorderRadiusSm=u.purpurBorderRadiusSm;exports.purpurBorderRadiusXl=u.purpurBorderRadiusXl;exports.purpurBorderRadiusXs=u.purpurBorderRadiusXs;exports.purpurBorderWidthLg=u.purpurBorderWidthLg;exports.purpurBorderWidthMd=u.purpurBorderWidthMd;exports.purpurBorderWidthSm=u.purpurBorderWidthSm;exports.purpurBorderWidthXs=u.purpurBorderWidthXs;exports.purpurFilterBlurOnImage=u.purpurFilterBlurOnImage;exports.purpurGradientAiBackgroundInteractiveExpressive=u.purpurGradientAiBackgroundInteractiveExpressive;exports.purpurGradientAiBackgroundInteractiveExpressiveNegative=u.purpurGradientAiBackgroundInteractiveExpressiveNegative;exports.purpurGradientAiBackgroundInteractivePrimary=u.purpurGradientAiBackgroundInteractivePrimary;exports.purpurGradientAiBackgroundInteractivePrimaryNegative=u.purpurGradientAiBackgroundInteractivePrimaryNegative;exports.purpurGradientAiBackgroundPrimaryNegative=u.purpurGradientAiBackgroundPrimaryNegative;exports.purpurGradientAiBorderInteractivePrimary=u.purpurGradientAiBorderInteractivePrimary;exports.purpurGradientAiBorderInteractivePrimaryNegative=u.purpurGradientAiBorderInteractivePrimaryNegative;exports.purpurGradientAiTextInteractivePrimary=u.purpurGradientAiTextInteractivePrimary;exports.purpurGradientAiTextInteractivePrimaryNegative=u.purpurGradientAiTextInteractivePrimaryNegative;exports.purpurShadowLg=u.purpurShadowLg;exports.purpurShadowMd=u.purpurShadowMd;exports.purpurShadowNone=u.purpurShadowNone;exports.purpurShadowSm=u.purpurShadowSm;exports.purpurSpacing0=u.purpurSpacing0;exports.purpurSpacing10=u.purpurSpacing10;exports.purpurSpacing100=u.purpurSpacing100;exports.purpurSpacing1000=u.purpurSpacing1000;exports.purpurSpacing1200=u.purpurSpacing1200;exports.purpurSpacing150=u.purpurSpacing150;exports.purpurSpacing1600=u.purpurSpacing1600;exports.purpurSpacing200=u.purpurSpacing200;exports.purpurSpacing25=u.purpurSpacing25;exports.purpurSpacing250=u.purpurSpacing250;exports.purpurSpacing300=u.purpurSpacing300;exports.purpurSpacing400=u.purpurSpacing400;exports.purpurSpacing50=u.purpurSpacing50;exports.purpurSpacing600=u.purpurSpacing600;exports.purpurSpacing800=u.purpurSpacing800;exports.purpurSpacingGutterLg=u.purpurSpacingGutterLg;exports.purpurSpacingGutterMd=u.purpurSpacingGutterMd;exports.purpurSpacingGutterSm=u.purpurSpacingGutterSm;exports.purpurSpacingGutterXl=u.purpurSpacingGutterXl;exports.purpurSpacingPagePaddingLg=u.purpurSpacingPagePaddingLg;exports.purpurSpacingPagePaddingMd=u.purpurSpacingPagePaddingMd;exports.purpurSpacingPagePaddingSm=u.purpurSpacingPagePaddingSm;exports.purpurSpacingPagePaddingXl=u.purpurSpacingPagePaddingXl;exports.purpurTypographyFamilyDefault=u.purpurTypographyFamilyDefault;exports.purpurTypographyFamilyDisplay=u.purpurTypographyFamilyDisplay;exports.purpurTypographyLineHeightDefault=u.purpurTypographyLineHeightDefault;exports.purpurTypographyLineHeightLoose=u.purpurTypographyLineHeightLoose;exports.purpurTypographyLineHeightLooser=u.purpurTypographyLineHeightLooser;exports.purpurTypographyLineHeightSnug=u.purpurTypographyLineHeightSnug;exports.purpurTypographyLineHeightTight=u.purpurTypographyLineHeightTight;exports.purpurTypographyScale100=u.purpurTypographyScale100;exports.purpurTypographyScale1000=u.purpurTypographyScale1000;exports.purpurTypographyScale1100=u.purpurTypographyScale1100;exports.purpurTypographyScale150=u.purpurTypographyScale150;exports.purpurTypographyScale200=u.purpurTypographyScale200;exports.purpurTypographyScale300=u.purpurTypographyScale300;exports.purpurTypographyScale400=u.purpurTypographyScale400;exports.purpurTypographyScale50=u.purpurTypographyScale50;exports.purpurTypographyScale500=u.purpurTypographyScale500;exports.purpurTypographyScale600=u.purpurTypographyScale600;exports.purpurTypographyScale650=u.purpurTypographyScale650;exports.purpurTypographyScale700=u.purpurTypographyScale700;exports.purpurTypographyScale75=u.purpurTypographyScale75;exports.purpurTypographyScale800=u.purpurTypographyScale800;exports.purpurTypographyScale850=u.purpurTypographyScale850;exports.purpurTypographyScale900=u.purpurTypographyScale900;exports.purpurTypographyWeightBold=u.purpurTypographyWeightBold;exports.purpurTypographyWeightMedium=u.purpurTypographyWeightMedium;exports.purpurTypographyWeightNormal=u.purpurTypographyWeightNormal;exports.purpurBreakpointLg=p.purpurBreakpointLg;exports.purpurBreakpointMd=p.purpurBreakpointMd;exports.purpurBreakpointRelativeLg=p.purpurBreakpointRelativeLg;exports.purpurBreakpointRelativeMd=p.purpurBreakpointRelativeMd;exports.purpurBreakpointRelativeSm=p.purpurBreakpointRelativeSm;exports.purpurBreakpointRelativeXl=p.purpurBreakpointRelativeXl;exports.purpurBreakpointSm=p.purpurBreakpointSm;exports.purpurBreakpointXl=p.purpurBreakpointXl;exports.purpurColorBackgroundInteractiveAutoFill=r.purpurColorBackgroundInteractiveAutoFill;exports.purpurColorBackgroundInteractiveDestructive=r.purpurColorBackgroundInteractiveDestructive;exports.purpurColorBackgroundInteractiveDestructiveActive=r.purpurColorBackgroundInteractiveDestructiveActive;exports.purpurColorBackgroundInteractiveDestructiveHover=r.purpurColorBackgroundInteractiveDestructiveHover;exports.purpurColorBackgroundInteractiveDisabled=r.purpurColorBackgroundInteractiveDisabled;exports.purpurColorBackgroundInteractiveDisabledNegative=r.purpurColorBackgroundInteractiveDisabledNegative;exports.purpurColorBackgroundInteractiveExpressive=r.purpurColorBackgroundInteractiveExpressive;exports.purpurColorBackgroundInteractiveExpressiveActive=r.purpurColorBackgroundInteractiveExpressiveActive;exports.purpurColorBackgroundInteractiveExpressiveActiveNegative=r.purpurColorBackgroundInteractiveExpressiveActiveNegative;exports.purpurColorBackgroundInteractiveExpressiveHover=r.purpurColorBackgroundInteractiveExpressiveHover;exports.purpurColorBackgroundInteractiveExpressiveHoverNegative=r.purpurColorBackgroundInteractiveExpressiveHoverNegative;exports.purpurColorBackgroundInteractiveExpressiveNegative=r.purpurColorBackgroundInteractiveExpressiveNegative;exports.purpurColorBackgroundInteractiveInactive=r.purpurColorBackgroundInteractiveInactive;exports.purpurColorBackgroundInteractiveInactiveNegative=r.purpurColorBackgroundInteractiveInactiveNegative;exports.purpurColorBackgroundInteractivePrimary=r.purpurColorBackgroundInteractivePrimary;exports.purpurColorBackgroundInteractivePrimaryActive=r.purpurColorBackgroundInteractivePrimaryActive;exports.purpurColorBackgroundInteractivePrimaryActiveNegative=r.purpurColorBackgroundInteractivePrimaryActiveNegative;exports.purpurColorBackgroundInteractivePrimaryHover=r.purpurColorBackgroundInteractivePrimaryHover;exports.purpurColorBackgroundInteractivePrimaryHoverNegative=r.purpurColorBackgroundInteractivePrimaryHoverNegative;exports.purpurColorBackgroundInteractivePrimaryNegative=r.purpurColorBackgroundInteractivePrimaryNegative;exports.purpurColorBackgroundInteractiveReadOnly=r.purpurColorBackgroundInteractiveReadOnly;exports.purpurColorBackgroundInteractiveReadOnlyNegative=r.purpurColorBackgroundInteractiveReadOnlyNegative;exports.purpurColorBackgroundInteractiveTransparentActive=r.purpurColorBackgroundInteractiveTransparentActive;exports.purpurColorBackgroundInteractiveTransparentActiveNegative=r.purpurColorBackgroundInteractiveTransparentActiveNegative;exports.purpurColorBackgroundInteractiveTransparentHover=r.purpurColorBackgroundInteractiveTransparentHover;exports.purpurColorBackgroundInteractiveTransparentHoverNegative=r.purpurColorBackgroundInteractiveTransparentHoverNegative;exports.purpurColorBackgroundOnImage=r.purpurColorBackgroundOnImage;exports.purpurColorBackgroundOnImageNegative=r.purpurColorBackgroundOnImageNegative;exports.purpurColorBackgroundPrimary=r.purpurColorBackgroundPrimary;exports.purpurColorBackgroundPrimaryNegative=r.purpurColorBackgroundPrimaryNegative;exports.purpurColorBackgroundSecondary=r.purpurColorBackgroundSecondary;exports.purpurColorBackgroundSecondaryNegative=r.purpurColorBackgroundSecondaryNegative;exports.purpurColorBackgroundStatusAttention=r.purpurColorBackgroundStatusAttention;exports.purpurColorBackgroundStatusBlackFriday=r.purpurColorBackgroundStatusBlackFriday;exports.purpurColorBackgroundStatusErrorMedium=r.purpurColorBackgroundStatusErrorMedium;exports.purpurColorBackgroundStatusErrorStrong=r.purpurColorBackgroundStatusErrorStrong;exports.purpurColorBackgroundStatusErrorStrongNegative=r.purpurColorBackgroundStatusErrorStrongNegative;exports.purpurColorBackgroundStatusInfoMedium=r.purpurColorBackgroundStatusInfoMedium;exports.purpurColorBackgroundStatusInfoStrong=r.purpurColorBackgroundStatusInfoStrong;exports.purpurColorBackgroundStatusNeutral=r.purpurColorBackgroundStatusNeutral;exports.purpurColorBackgroundStatusSpecial=r.purpurColorBackgroundStatusSpecial;exports.purpurColorBackgroundStatusSuccessMedium=r.purpurColorBackgroundStatusSuccessMedium;exports.purpurColorBackgroundStatusSuccessStrong=r.purpurColorBackgroundStatusSuccessStrong;exports.purpurColorBackgroundStatusSuccessStrongNegative=r.purpurColorBackgroundStatusSuccessStrongNegative;exports.purpurColorBackgroundStatusWarningMedium=r.purpurColorBackgroundStatusWarningMedium;exports.purpurColorBackgroundStatusWarningStrong=r.purpurColorBackgroundStatusWarningStrong;exports.purpurColorBackgroundStatusWarningStrongNegative=r.purpurColorBackgroundStatusWarningStrongNegative;exports.purpurColorBackgroundToneOnTonePrimary=r.purpurColorBackgroundToneOnTonePrimary;exports.purpurColorBackgroundToneOnToneQuaternary=r.purpurColorBackgroundToneOnToneQuaternary;exports.purpurColorBackgroundToneOnToneSecondary=r.purpurColorBackgroundToneOnToneSecondary;exports.purpurColorBackgroundToneOnToneTertiary=r.purpurColorBackgroundToneOnToneTertiary;exports.purpurColorBeige100=r.purpurColorBeige100;exports.purpurColorBeige200=r.purpurColorBeige200;exports.purpurColorBeige300=r.purpurColorBeige300;exports.purpurColorBeige400=r.purpurColorBeige400;exports.purpurColorBeige50=r.purpurColorBeige50;exports.purpurColorBeige500=r.purpurColorBeige500;exports.purpurColorBeige600=r.purpurColorBeige600;exports.purpurColorBeige700=r.purpurColorBeige700;exports.purpurColorBeige800=r.purpurColorBeige800;exports.purpurColorBeige900=r.purpurColorBeige900;exports.purpurColorBeige950=r.purpurColorBeige950;exports.purpurColorBlue100=r.purpurColorBlue100;exports.purpurColorBlue200=r.purpurColorBlue200;exports.purpurColorBlue300=r.purpurColorBlue300;exports.purpurColorBlue400=r.purpurColorBlue400;exports.purpurColorBlue50=r.purpurColorBlue50;exports.purpurColorBlue500=r.purpurColorBlue500;exports.purpurColorBlue600=r.purpurColorBlue600;exports.purpurColorBlue700=r.purpurColorBlue700;exports.purpurColorBlue800=r.purpurColorBlue800;exports.purpurColorBlue900=r.purpurColorBlue900;exports.purpurColorBlue950=r.purpurColorBlue950;exports.purpurColorBorderInteractiveExpressive=r.purpurColorBorderInteractiveExpressive;exports.purpurColorBorderInteractiveFocus=r.purpurColorBorderInteractiveFocus;exports.purpurColorBorderInteractivePrimary=r.purpurColorBorderInteractivePrimary;exports.purpurColorBorderInteractivePrimaryActive=r.purpurColorBorderInteractivePrimaryActive;exports.purpurColorBorderInteractivePrimaryActiveNegative=r.purpurColorBorderInteractivePrimaryActiveNegative;exports.purpurColorBorderInteractivePrimaryHover=r.purpurColorBorderInteractivePrimaryHover;exports.purpurColorBorderInteractivePrimaryHoverNegative=r.purpurColorBorderInteractivePrimaryHoverNegative;exports.purpurColorBorderInteractivePrimaryNegative=r.purpurColorBorderInteractivePrimaryNegative;exports.purpurColorBorderInteractiveSelected=r.purpurColorBorderInteractiveSelected;exports.purpurColorBorderInteractiveSubtle=r.purpurColorBorderInteractiveSubtle;exports.purpurColorBorderInteractiveSubtleHover=r.purpurColorBorderInteractiveSubtleHover;exports.purpurColorBorderInteractiveSubtleHoverNegative=r.purpurColorBorderInteractiveSubtleHoverNegative;exports.purpurColorBorderInteractiveSubtleNegative=r.purpurColorBorderInteractiveSubtleNegative;exports.purpurColorBorderMedium=r.purpurColorBorderMedium;exports.purpurColorBorderMediumNegative=r.purpurColorBorderMediumNegative;exports.purpurColorBorderStatusError=r.purpurColorBorderStatusError;exports.purpurColorBorderStatusErrorNegative=r.purpurColorBorderStatusErrorNegative;exports.purpurColorBorderStatusInfo=r.purpurColorBorderStatusInfo;exports.purpurColorBorderStatusSuccess=r.purpurColorBorderStatusSuccess;exports.purpurColorBorderStatusSuccessNegative=r.purpurColorBorderStatusSuccessNegative;exports.purpurColorBorderStatusWarning=r.purpurColorBorderStatusWarning;exports.purpurColorBorderStrong=r.purpurColorBorderStrong;exports.purpurColorBorderStrongNegative=r.purpurColorBorderStrongNegative;exports.purpurColorBorderWeak=r.purpurColorBorderWeak;exports.purpurColorBorderWeakNegative=r.purpurColorBorderWeakNegative;exports.purpurColorBrandBeige=r.purpurColorBrandBeige;exports.purpurColorBrandCorePurple=r.purpurColorBrandCorePurple;exports.purpurColorBrandDeepBeige=r.purpurColorBrandDeepBeige;exports.purpurColorBrandDeepPurple=r.purpurColorBrandDeepPurple;exports.purpurColorBrandLightBeige=r.purpurColorBrandLightBeige;exports.purpurColorBrandLightPurple=r.purpurColorBrandLightPurple;exports.purpurColorBrandOffBlack=r.purpurColorBrandOffBlack;exports.purpurColorBrandWhite=r.purpurColorBrandWhite;exports.purpurColorFunctionalBlack=r.purpurColorFunctionalBlack;exports.purpurColorFunctionalTransparent=r.purpurColorFunctionalTransparent;exports.purpurColorFunctionalWhite=r.purpurColorFunctionalWhite;exports.purpurColorGradientAiBottom=r.purpurColorGradientAiBottom;exports.purpurColorGradientAiBottomNegative=r.purpurColorGradientAiBottomNegative;exports.purpurColorGradientAiTop=r.purpurColorGradientAiTop;exports.purpurColorGradientAiTopNegative=r.purpurColorGradientAiTopNegative;exports.purpurColorGray100=r.purpurColorGray100;exports.purpurColorGray150=r.purpurColorGray150;exports.purpurColorGray200=r.purpurColorGray200;exports.purpurColorGray300=r.purpurColorGray300;exports.purpurColorGray400=r.purpurColorGray400;exports.purpurColorGray50=r.purpurColorGray50;exports.purpurColorGray500=r.purpurColorGray500;exports.purpurColorGray600=r.purpurColorGray600;exports.purpurColorGray700=r.purpurColorGray700;exports.purpurColorGray800=r.purpurColorGray800;exports.purpurColorGray850=r.purpurColorGray850;exports.purpurColorGray900=r.purpurColorGray900;exports.purpurColorGray950=r.purpurColorGray950;exports.purpurColorGreen100=r.purpurColorGreen100;exports.purpurColorGreen200=r.purpurColorGreen200;exports.purpurColorGreen300=r.purpurColorGreen300;exports.purpurColorGreen400=r.purpurColorGreen400;exports.purpurColorGreen50=r.purpurColorGreen50;exports.purpurColorGreen500=r.purpurColorGreen500;exports.purpurColorGreen600=r.purpurColorGreen600;exports.purpurColorGreen700=r.purpurColorGreen700;exports.purpurColorGreen800=r.purpurColorGreen800;exports.purpurColorGreen900=r.purpurColorGreen900;exports.purpurColorGreen950=r.purpurColorGreen950;exports.purpurColorOrange100=r.purpurColorOrange100;exports.purpurColorOrange200=r.purpurColorOrange200;exports.purpurColorOrange300=r.purpurColorOrange300;exports.purpurColorOrange400=r.purpurColorOrange400;exports.purpurColorOrange50=r.purpurColorOrange50;exports.purpurColorOrange500=r.purpurColorOrange500;exports.purpurColorOrange600=r.purpurColorOrange600;exports.purpurColorOrange700=r.purpurColorOrange700;exports.purpurColorOrange800=r.purpurColorOrange800;exports.purpurColorOrange900=r.purpurColorOrange900;exports.purpurColorOrange950=r.purpurColorOrange950;exports.purpurColorOverlayDefault=r.purpurColorOverlayDefault;exports.purpurColorPurple100=r.purpurColorPurple100;exports.purpurColorPurple200=r.purpurColorPurple200;exports.purpurColorPurple300=r.purpurColorPurple300;exports.purpurColorPurple400=r.purpurColorPurple400;exports.purpurColorPurple50=r.purpurColorPurple50;exports.purpurColorPurple500=r.purpurColorPurple500;exports.purpurColorPurple550=r.purpurColorPurple550;exports.purpurColorPurple600=r.purpurColorPurple600;exports.purpurColorPurple700=r.purpurColorPurple700;exports.purpurColorPurple800=r.purpurColorPurple800;exports.purpurColorPurple900=r.purpurColorPurple900;exports.purpurColorPurple950=r.purpurColorPurple950;exports.purpurColorRed100=r.purpurColorRed100;exports.purpurColorRed200=r.purpurColorRed200;exports.purpurColorRed300=r.purpurColorRed300;exports.purpurColorRed400=r.purpurColorRed400;exports.purpurColorRed50=r.purpurColorRed50;exports.purpurColorRed500=r.purpurColorRed500;exports.purpurColorRed600=r.purpurColorRed600;exports.purpurColorRed700=r.purpurColorRed700;exports.purpurColorRed800=r.purpurColorRed800;exports.purpurColorRed900=r.purpurColorRed900;exports.purpurColorRed950=r.purpurColorRed950;exports.purpurColorTeal100=r.purpurColorTeal100;exports.purpurColorTeal200=r.purpurColorTeal200;exports.purpurColorTeal300=r.purpurColorTeal300;exports.purpurColorTeal400=r.purpurColorTeal400;exports.purpurColorTeal50=r.purpurColorTeal50;exports.purpurColorTeal500=r.purpurColorTeal500;exports.purpurColorTeal600=r.purpurColorTeal600;exports.purpurColorTeal700=r.purpurColorTeal700;exports.purpurColorTeal800=r.purpurColorTeal800;exports.purpurColorTeal900=r.purpurColorTeal900;exports.purpurColorTeal950=r.purpurColorTeal950;exports.purpurColorTextDefault=r.purpurColorTextDefault;exports.purpurColorTextDefaultNegative=r.purpurColorTextDefaultNegative;exports.purpurColorTextInteractiveOnDestructive=r.purpurColorTextInteractiveOnDestructive;exports.purpurColorTextInteractiveOnExpressive=r.purpurColorTextInteractiveOnExpressive;exports.purpurColorTextInteractiveOnExpressiveActive=r.purpurColorTextInteractiveOnExpressiveActive;exports.purpurColorTextInteractiveOnExpressiveActiveNegative=r.purpurColorTextInteractiveOnExpressiveActiveNegative;exports.purpurColorTextInteractiveOnExpressiveHover=r.purpurColorTextInteractiveOnExpressiveHover;exports.purpurColorTextInteractiveOnExpressiveHoverNegative=r.purpurColorTextInteractiveOnExpressiveHoverNegative;exports.purpurColorTextInteractiveOnExpressiveNegative=r.purpurColorTextInteractiveOnExpressiveNegative;exports.purpurColorTextInteractiveOnPrimary=r.purpurColorTextInteractiveOnPrimary;exports.purpurColorTextInteractiveOnPrimaryNegative=r.purpurColorTextInteractiveOnPrimaryNegative;exports.purpurColorTextInteractivePrimary=r.purpurColorTextInteractivePrimary;exports.purpurColorTextInteractivePrimaryActive=r.purpurColorTextInteractivePrimaryActive;exports.purpurColorTextInteractivePrimaryActiveNegative=r.purpurColorTextInteractivePrimaryActiveNegative;exports.purpurColorTextInteractivePrimaryHover=r.purpurColorTextInteractivePrimaryHover;exports.purpurColorTextInteractivePrimaryHoverNegative=r.purpurColorTextInteractivePrimaryHoverNegative;exports.purpurColorTextInteractivePrimaryNegative=r.purpurColorTextInteractivePrimaryNegative;exports.purpurColorTextInteractiveSelected=r.purpurColorTextInteractiveSelected;exports.purpurColorTextInteractiveSelectedNegative=r.purpurColorTextInteractiveSelectedNegative;exports.purpurColorTextMedium=r.purpurColorTextMedium;exports.purpurColorTextMediumNegative=r.purpurColorTextMediumNegative;exports.purpurColorTextStatusAttention=r.purpurColorTextStatusAttention;exports.purpurColorTextStatusBlackFriday=r.purpurColorTextStatusBlackFriday;exports.purpurColorTextStatusDiscount=r.purpurColorTextStatusDiscount;exports.purpurColorTextStatusErrorMedium=r.purpurColorTextStatusErrorMedium;exports.purpurColorTextStatusErrorMediumNegative=r.purpurColorTextStatusErrorMediumNegative;exports.purpurColorTextStatusErrorStrong=r.purpurColorTextStatusErrorStrong;exports.purpurColorTextStatusErrorStrongNegative=r.purpurColorTextStatusErrorStrongNegative;exports.purpurColorTextStatusInfoMedium=r.purpurColorTextStatusInfoMedium;exports.purpurColorTextStatusInfoStrong=r.purpurColorTextStatusInfoStrong;exports.purpurColorTextStatusNeutral=r.purpurColorTextStatusNeutral;exports.purpurColorTextStatusSpecial=r.purpurColorTextStatusSpecial;exports.purpurColorTextStatusSuccessMedium=r.purpurColorTextStatusSuccessMedium;exports.purpurColorTextStatusSuccessMediumNegative=r.purpurColorTextStatusSuccessMediumNegative;exports.purpurColorTextStatusSuccessStrong=r.purpurColorTextStatusSuccessStrong;exports.purpurColorTextStatusSuccessStrongNegative=r.purpurColorTextStatusSuccessStrongNegative;exports.purpurColorTextStatusWarningMedium=r.purpurColorTextStatusWarningMedium;exports.purpurColorTextStatusWarningMediumNegative=r.purpurColorTextStatusWarningMediumNegative;exports.purpurColorTextStatusWarningStrong=r.purpurColorTextStatusWarningStrong;exports.purpurColorTextToneOnTonePrimary=r.purpurColorTextToneOnTonePrimary;exports.purpurColorTextToneOnToneSecondary=r.purpurColorTextToneOnToneSecondary;exports.purpurColorTextToneOnToneTertiary=r.purpurColorTextToneOnToneTertiary;exports.purpurColorTextWeak=r.purpurColorTextWeak;exports.purpurColorTextWeakNegative=r.purpurColorTextWeakNegative;exports.purpurColorTransparentBlack100=r.purpurColorTransparentBlack100;exports.purpurColorTransparentBlack150=r.purpurColorTransparentBlack150;exports.purpurColorTransparentBlack200=r.purpurColorTransparentBlack200;exports.purpurColorTransparentBlack300=r.purpurColorTransparentBlack300;exports.purpurColorTransparentBlack400=r.purpurColorTransparentBlack400;exports.purpurColorTransparentBlack50=r.purpurColorTransparentBlack50;exports.purpurColorTransparentBlack500=r.purpurColorTransparentBlack500;exports.purpurColorTransparentBlack600=r.purpurColorTransparentBlack600;exports.purpurColorTransparentBlack700=r.purpurColorTransparentBlack700;exports.purpurColorTransparentBlack800=r.purpurColorTransparentBlack800;exports.purpurColorTransparentBlack850=r.purpurColorTransparentBlack850;exports.purpurColorTransparentBlack900=r.purpurColorTransparentBlack900;exports.purpurColorTransparentBlack950=r.purpurColorTransparentBlack950;exports.purpurColorTransparentWhite100=r.purpurColorTransparentWhite100;exports.purpurColorTransparentWhite150=r.purpurColorTransparentWhite150;exports.purpurColorTransparentWhite200=r.purpurColorTransparentWhite200;exports.purpurColorTransparentWhite300=r.purpurColorTransparentWhite300;exports.purpurColorTransparentWhite400=r.purpurColorTransparentWhite400;exports.purpurColorTransparentWhite50=r.purpurColorTransparentWhite50;exports.purpurColorTransparentWhite500=r.purpurColorTransparentWhite500;exports.purpurColorTransparentWhite600=r.purpurColorTransparentWhite600;exports.purpurColorTransparentWhite700=r.purpurColorTransparentWhite700;exports.purpurColorTransparentWhite800=r.purpurColorTransparentWhite800;exports.purpurColorTransparentWhite850=r.purpurColorTransparentWhite850;exports.purpurColorTransparentWhite900=r.purpurColorTransparentWhite900;exports.purpurColorTransparentWhite950=r.purpurColorTransparentWhite950;exports.purpurMotionDuration100=o.purpurMotionDuration100;exports.purpurMotionDuration150=o.purpurMotionDuration150;exports.purpurMotionDuration1500=o.purpurMotionDuration1500;exports.purpurMotionDuration200=o.purpurMotionDuration200;exports.purpurMotionDuration2000=o.purpurMotionDuration2000;exports.purpurMotionDuration300=o.purpurMotionDuration300;exports.purpurMotionDuration400=o.purpurMotionDuration400;exports.purpurMotionDuration500=o.purpurMotionDuration500;exports.purpurMotionEasingEaseIn=o.purpurMotionEasingEaseIn;exports.purpurMotionEasingEaseInOut=o.purpurMotionEasingEaseInOut;exports.purpurMotionEasingEaseOut=o.purpurMotionEasingEaseOut;exports.ThemeProvider=l.ThemeProvider;exports.teliaTheme=l.teliaTheme;exports.useApplyTheme=l.useApplyTheme;exports.useTheme=l.useTheme;exports.useColorScheme=vr.useColorScheme;exports.useThemePortalContainer=Br.useThemePortalContainer;exports.af=e.af;exports.ar=e.ar;exports.arDZ=e.arDZ;exports.arEG=e.arEG;exports.arMA=e.arMA;exports.arSA=e.arSA;exports.arTN=e.arTN;exports.az=e.az;exports.be=e.be;exports.beTarask=e.beTarask;exports.bg=e.bg;exports.bn=e.bn;exports.bs=e.bs;exports.ca=e.ca;exports.ckb=e.ckb;exports.cs=e.cs;exports.cy=e.cy;exports.da=e.da;exports.de=e.de;exports.deAT=e.deAT;exports.el=e.el;exports.enAU=e.enAU;exports.enCA=e.enCA;exports.enGB=e.enGB;exports.enIE=e.enIE;exports.enIN=e.enIN;exports.enNZ=e.enNZ;exports.enZA=e.enZA;exports.eo=e.eo;exports.es=e.es;exports.et=e.et;exports.eu=e.eu;exports.faIR=e.faIR;exports.fi=e.fi;exports.fr=e.fr;exports.frCA=e.frCA;exports.frCH=e.frCH;exports.fy=e.fy;exports.gd=e.gd;exports.gl=e.gl;exports.gu=e.gu;exports.he=e.he;exports.hi=e.hi;exports.hr=e.hr;exports.ht=e.ht;exports.hu=e.hu;exports.hy=e.hy;exports.id=e.id;exports.is=e.is;exports.it=e.it;exports.itCH=e.itCH;exports.ja=e.ja;exports.jaHira=e.jaHira;exports.ka=e.ka;exports.kk=e.kk;exports.km=e.km;exports.kn=e.kn;exports.ko=e.ko;exports.lb=e.lb;exports.lt=e.lt;exports.lv=e.lv;exports.mk=e.mk;exports.mn=e.mn;exports.ms=e.ms;exports.mt=e.mt;exports.nb=e.nb;exports.nl=e.nl;exports.nlBE=e.nlBE;exports.nn=e.nn;exports.oc=e.oc;exports.pl=e.pl;exports.pt=e.pt;exports.ptBR=e.ptBR;exports.ro=e.ro;exports.ru=e.ru;exports.se=e.se;exports.sk=e.sk;exports.sl=e.sl;exports.sq=e.sq;exports.sr=e.sr;exports.srLatn=e.srLatn;exports.sv=e.sv;exports.ta=e.ta;exports.te=e.te;exports.th=e.th;exports.tr=e.tr;exports.ug=e.ug;exports.uk=e.uk;exports.uz=e.uz;exports.uzCyrl=e.uzCyrl;exports.vi=e.vi;exports.zhCN=e.zhCN;exports.zhHK=e.zhHK;exports.zhTW=e.zhTW;exports.enUS=Sr.enUS;
|
|
2
2
|
//# sourceMappingURL=library.cjs.js.map
|
package/dist/library.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { A as p, a as e } from "./accordion-CIU4U8-4.mjs";
|
|
3
3
|
import { A as s, a as t, b as i } from "./alert-badge-DR8cigWu.mjs";
|
|
4
|
-
import { A as l, u as c } from "./autocomplete-
|
|
4
|
+
import { A as l, u as c } from "./autocomplete-A9-Ni60G.mjs";
|
|
5
5
|
import { A as g } from "./avatar-CzbDD1MK.mjs";
|
|
6
6
|
import { B as T, a as B, b as v } from "./badge-DalD-yqG.mjs";
|
|
7
7
|
import { B as m, I as x } from "./breadcrumbs-BtA7VLmX.mjs";
|
|
@@ -19,57 +19,57 @@ import { C as K } from "./content-block-CakKeJtN.mjs";
|
|
|
19
19
|
import { C as J } from "./countdown-BsLsEZBv.mjs";
|
|
20
20
|
import { C as rr } from "./counter-badge-C6yuD7se.mjs";
|
|
21
21
|
import { C as or, c as pr } from "./cta-link-pwva2f2r.mjs";
|
|
22
|
-
import { D as ur } from "./date-field-
|
|
23
|
-
import { D as tr } from "./date-picker-
|
|
24
|
-
import { D as nr } from "./date-range-field-
|
|
22
|
+
import { D as ur } from "./date-field-HEFdHIxk.mjs";
|
|
23
|
+
import { D as tr } from "./date-picker-cQewKIMN.mjs";
|
|
24
|
+
import { D as nr } from "./date-range-field-_WctWD29.mjs";
|
|
25
25
|
import { D as cr, a as Cr, b as gr, c as dr, s as Tr } from "./dismissable-chip-group-Cfs2s2BH.mjs";
|
|
26
|
-
import { D as vr } from "./drawer-
|
|
26
|
+
import { D as vr } from "./drawer-cIUx6WSZ.mjs";
|
|
27
27
|
import { D as mr, u as xr } from "./dropdown-CMO_VD5e.mjs";
|
|
28
28
|
import { F as Ir, a as kr } from "./field-error-text-CBSX8dGx.mjs";
|
|
29
29
|
import { F as fr } from "./field-helper-text-C5ee4SFV.mjs";
|
|
30
|
-
import { F as Nr } from "./footer-
|
|
30
|
+
import { F as Nr } from "./footer-BMlXRro2.mjs";
|
|
31
31
|
import { G as Ar } from "./grid-DGnCQgwf.mjs";
|
|
32
32
|
import { D as Er, H as Gr, a as Rr, T as Dr } from "./heading-xwBuT_-9.mjs";
|
|
33
|
-
import { H as Mr, T as Wr } from "./hero-banner-
|
|
33
|
+
import { H as Mr, T as Wr } from "./hero-banner-B08jC0Sf.mjs";
|
|
34
34
|
import { L as Fr } from "./label-7sJe5-pX.mjs";
|
|
35
35
|
import { L as Vr, a as zr, l as Ur } from "./link-DY5WLpyc.mjs";
|
|
36
36
|
import { L as Zr, a as Xr } from "./listbox-i6BQQ-NZ.mjs";
|
|
37
37
|
import { L as jr } from "./loading-r23nxJSz.mjs";
|
|
38
38
|
import { M as Kr } from "./message-D9CDwcw9.mjs";
|
|
39
|
-
import { M as Jr } from "./modal-
|
|
39
|
+
import { M as Jr } from "./modal-Evh8sCBO.mjs";
|
|
40
40
|
import { N as ra, a as aa, b as oa, c as pa, n as ea, d as ua, e as sa } from "./notification-BbQCmsnY.mjs";
|
|
41
41
|
import { N as ia } from "./notification-banner-CZTQZ5Le.mjs";
|
|
42
42
|
import { P as la } from "./pagination-Cc_4zCQA.mjs";
|
|
43
43
|
import { P as Ca, a as ga } from "./paragraph-DSxXmX_0.mjs";
|
|
44
|
-
import { P as Ta } from "./popover-
|
|
44
|
+
import { P as Ta } from "./popover-BSUdf0Ae.mjs";
|
|
45
45
|
import { P as va } from "./product-card-Bt-F0wKr.mjs";
|
|
46
|
-
import { P as ma, p as xa } from "./promotion-card-
|
|
47
|
-
import { Q as Ia, q as ka, a as ba } from "./quantity-selector-
|
|
46
|
+
import { P as ma, p as xa } from "./promotion-card-DOO0VCI8.mjs";
|
|
47
|
+
import { Q as Ia, q as ka, a as ba } from "./quantity-selector-B4YnfmNb.mjs";
|
|
48
48
|
import { R as ha, a as Na, b as Pa } from "./radio-button-group-CFqPsu5A.mjs";
|
|
49
49
|
import { R as Oa, a as Ea } from "./radio-card-group-ZBXjYcQs.mjs";
|
|
50
50
|
import { R as Ra, r as Da } from "./RichText-jZ-sHV-u.mjs";
|
|
51
|
-
import { S as Ma, a as Wa, s as Ha } from "./search-field-
|
|
51
|
+
import { S as Ma, a as Wa, s as Ha } from "./search-field-_h8xn-sj.mjs";
|
|
52
52
|
import { S as _a } from "./select-BEmu_fh9.mjs";
|
|
53
53
|
import { S as za, r as Ua } from "./skeleton-CDGzLI-T.mjs";
|
|
54
54
|
import { S as Za, a as Xa } from "./slider-CDOrFmK-.mjs";
|
|
55
55
|
import { S as ja, a as Qa } from "./spacer-4im7q6p0.mjs";
|
|
56
56
|
import { S as Ya, a as Ja, s as $a } from "./spinner-DRQN6YdK.mjs";
|
|
57
|
-
import { S as ao } from "./stepper-
|
|
58
|
-
import { T as po, c as eo } from "./table-
|
|
57
|
+
import { S as ao } from "./stepper-B-nCLs2D.mjs";
|
|
58
|
+
import { T as po, c as eo } from "./table-DOPXfD-s.mjs";
|
|
59
59
|
import { T as so, c as to, t as io } from "./tabs-Bye5lgZ1.mjs";
|
|
60
|
-
import { R as lo, T as co } from "./text-area-
|
|
61
|
-
import { T as go, i as To, t as Bo } from "./text-field-
|
|
60
|
+
import { R as lo, T as co } from "./text-area-C58aZEPa.mjs";
|
|
61
|
+
import { T as go, i as To, t as Bo } from "./text-field-D8MMa6ij.mjs";
|
|
62
62
|
import { E as So, T as mo } from "./text-spacing-BU0mkEf9.mjs";
|
|
63
63
|
import { T as yo } from "./toggle-CY3J8BRX.mjs";
|
|
64
|
-
import { T as ko, a as bo, b as fo } from "./tooltip-
|
|
64
|
+
import { T as ko, a as bo, b as fo } from "./tooltip-pwJMEBBP.mjs";
|
|
65
65
|
import { V as No } from "./visually-hidden-BYFkJEp1.mjs";
|
|
66
66
|
import { purpurBorderRadiusFull as Ao, purpurBorderRadiusLg as Oo, purpurBorderRadiusMd as Eo, purpurBorderRadiusSm as Go, purpurBorderRadiusXl as Ro, purpurBorderRadiusXs as Do, purpurBorderWidthLg as Lo, purpurBorderWidthMd as Mo, purpurBorderWidthSm as Wo, purpurBorderWidthXs as Ho, purpurFilterBlurOnImage as Fo, purpurGradientAiBackgroundInteractiveExpressive as _o, purpurGradientAiBackgroundInteractiveExpressiveNegative as Vo, purpurGradientAiBackgroundInteractivePrimary as zo, purpurGradientAiBackgroundInteractivePrimaryNegative as Uo, purpurGradientAiBackgroundPrimaryNegative as wo, purpurGradientAiBorderInteractivePrimary as Zo, purpurGradientAiBorderInteractivePrimaryNegative as Xo, purpurGradientAiTextInteractivePrimary as qo, purpurGradientAiTextInteractivePrimaryNegative as jo, purpurShadowLg as Qo, purpurShadowMd as Ko, purpurShadowNone as Yo, purpurShadowSm as Jo, purpurSpacing0 as $o, purpurSpacing10 as rp, purpurSpacing100 as ap, purpurSpacing1000 as op, purpurSpacing1200 as pp, purpurSpacing150 as ep, purpurSpacing1600 as up, purpurSpacing200 as sp, purpurSpacing25 as tp, purpurSpacing250 as ip, purpurSpacing300 as np, purpurSpacing400 as lp, purpurSpacing50 as cp, purpurSpacing600 as Cp, purpurSpacing800 as gp, purpurSpacingGutterLg as dp, purpurSpacingGutterMd as Tp, purpurSpacingGutterSm as Bp, purpurSpacingGutterXl as vp, purpurSpacingPagePaddingLg as Sp, purpurSpacingPagePaddingMd as mp, purpurSpacingPagePaddingSm as xp, purpurSpacingPagePaddingXl as yp, purpurTypographyFamilyDefault as Ip, purpurTypographyFamilyDisplay as kp, purpurTypographyLineHeightDefault as bp, purpurTypographyLineHeightLoose as fp, purpurTypographyLineHeightLooser as hp, purpurTypographyLineHeightSnug as Np, purpurTypographyLineHeightTight as Pp, purpurTypographyScale100 as Ap, purpurTypographyScale1000 as Op, purpurTypographyScale1100 as Ep, purpurTypographyScale150 as Gp, purpurTypographyScale200 as Rp, purpurTypographyScale300 as Dp, purpurTypographyScale400 as Lp, purpurTypographyScale50 as Mp, purpurTypographyScale500 as Wp, purpurTypographyScale600 as Hp, purpurTypographyScale650 as Fp, purpurTypographyScale700 as _p, purpurTypographyScale75 as Vp, purpurTypographyScale800 as zp, purpurTypographyScale850 as Up, purpurTypographyScale900 as wp, purpurTypographyWeightBold as Zp, purpurTypographyWeightMedium as Xp, purpurTypographyWeightNormal as qp } from "./tokens.es.js";
|
|
67
67
|
import { p as Qp, a as Kp, b as Yp, c as Jp, d as $p, e as re, f as ae, g as oe } from "./variables-DkCN2x27.mjs";
|
|
68
|
-
import { p as ee, a as ue, b as se, c as te, d as ie, e as ne, f as le, g as ce, h as Ce, i as ge, j as de, k as Te, l as Be, m as ve, n as Se, o as me, q as xe, r as ye, s as Ie, t as ke, u as be, v as fe, w as he, x as Ne, y as Pe, z as Ae, A as Oe, B as Ee, C as Ge, D as Re, E as De, F as Le, G as Me, H as We, I as He, J as Fe, K as _e, L as Ve, M as ze, N as Ue, O as we, P as Ze, Q as Xe, R as qe, S as je, T as Qe, U as Ke, V as Ye, W as Je, X as $e, Y as ru, Z as au, _ as ou, $ as pu, a0 as eu, a1 as uu, a2 as su, a3 as tu, a4 as iu, a5 as nu, a6 as lu, a7 as cu, a8 as Cu, a9 as gu, aa as du, ab as Tu, ac as Bu, ad as vu, ae as Su, af as mu, ag as xu, ah as yu, ai as Iu, aj as ku, ak as bu, al as fu, am as hu, an as Nu, ao as Pu, ap as Au, aq as Ou, ar as Eu, as as Gu, at as Ru, au as Du, av as Lu, aw as Mu, ax as Wu, ay as Hu, az as Fu, aA as _u, aB as Vu, aC as zu, aD as Uu, aE as wu, aF as Zu, aG as Xu, aH as qu, aI as ju, aJ as Qu, aK as Ku, aL as Yu, aM as Ju, aN as $u, aO as rs, aP as as, aQ as os, aR as ps, aS as es, aT as us, aU as ss, aV as ts, aW as is, aX as ns, aY as ls, aZ as cs, a_ as Cs, a$ as gs, b0 as ds, b1 as Ts, b2 as Bs, b3 as vs, b4 as Ss, b5 as ms, b6 as xs, b7 as ys, b8 as Is, b9 as ks, ba as bs, bb as fs, bc as hs, bd as Ns, be as Ps, bf as As, bg as Os, bh as Es, bi as Gs, bj as Rs, bk as Ds, bl as Ls, bm as Ms, bn as Ws, bo as Hs, bp as Fs, bq as _s, br as Vs, bs as zs, bt as Us, bu as ws, bv as Zs, bw as Xs, bx as qs, by as js, bz as Qs, bA as Ks, bB as Ys, bC as Js, bD as $s, bE as rt, bF as at, bG as ot, bH as pt, bI as et, bJ as ut, bK as st, bL as tt, bM as it, bN as nt, bO as lt, bP as ct, bQ as Ct, bR as gt, bS as dt, bT as Tt, bU as Bt, bV as vt, bW as St, bX as mt, bY as xt, bZ as yt, b_ as It, b$ as kt, c0 as bt, c1 as ft, c2 as ht, c3 as Nt, c4 as Pt, c5 as At, c6 as Ot, c7 as Et, c8 as Gt, c9 as Rt, ca as Dt, cb as Lt, cc as Mt, cd as Wt, ce as Ht, cf as Ft, cg as _t, ch as Vt, ci as zt, cj as Ut, ck as wt, cl as Zt, cm as Xt, cn as qt, co as jt, cp as Qt, cq as Kt, cr as Yt, cs as Jt, ct as $t, cu as ri, cv as ai, cw as oi, cx as pi, cy as ei, cz as ui, cA as si, cB as ti, cC as ii, cD as ni, cE as li, cF as ci, cG as Ci, cH as gi, cI as di, cJ as Ti, cK as Bi, cL as vi, cM as Si, cN as mi, cO as xi, cP as yi, cQ as Ii, cR as ki, cS as bi, cT as fi, cU as hi, cV as Ni, cW as Pi, cX as Ai, cY as Oi, cZ as Ei, c_ as Gi, c$ as Ri, d0 as Di, d1 as Li, d2 as Mi, d3 as Wi, d4 as Hi, d5 as Fi, d6 as _i } from "./variables-
|
|
68
|
+
import { p as ee, a as ue, b as se, c as te, d as ie, e as ne, f as le, g as ce, h as Ce, i as ge, j as de, k as Te, l as Be, m as ve, n as Se, o as me, q as xe, r as ye, s as Ie, t as ke, u as be, v as fe, w as he, x as Ne, y as Pe, z as Ae, A as Oe, B as Ee, C as Ge, D as Re, E as De, F as Le, G as Me, H as We, I as He, J as Fe, K as _e, L as Ve, M as ze, N as Ue, O as we, P as Ze, Q as Xe, R as qe, S as je, T as Qe, U as Ke, V as Ye, W as Je, X as $e, Y as ru, Z as au, _ as ou, $ as pu, a0 as eu, a1 as uu, a2 as su, a3 as tu, a4 as iu, a5 as nu, a6 as lu, a7 as cu, a8 as Cu, a9 as gu, aa as du, ab as Tu, ac as Bu, ad as vu, ae as Su, af as mu, ag as xu, ah as yu, ai as Iu, aj as ku, ak as bu, al as fu, am as hu, an as Nu, ao as Pu, ap as Au, aq as Ou, ar as Eu, as as Gu, at as Ru, au as Du, av as Lu, aw as Mu, ax as Wu, ay as Hu, az as Fu, aA as _u, aB as Vu, aC as zu, aD as Uu, aE as wu, aF as Zu, aG as Xu, aH as qu, aI as ju, aJ as Qu, aK as Ku, aL as Yu, aM as Ju, aN as $u, aO as rs, aP as as, aQ as os, aR as ps, aS as es, aT as us, aU as ss, aV as ts, aW as is, aX as ns, aY as ls, aZ as cs, a_ as Cs, a$ as gs, b0 as ds, b1 as Ts, b2 as Bs, b3 as vs, b4 as Ss, b5 as ms, b6 as xs, b7 as ys, b8 as Is, b9 as ks, ba as bs, bb as fs, bc as hs, bd as Ns, be as Ps, bf as As, bg as Os, bh as Es, bi as Gs, bj as Rs, bk as Ds, bl as Ls, bm as Ms, bn as Ws, bo as Hs, bp as Fs, bq as _s, br as Vs, bs as zs, bt as Us, bu as ws, bv as Zs, bw as Xs, bx as qs, by as js, bz as Qs, bA as Ks, bB as Ys, bC as Js, bD as $s, bE as rt, bF as at, bG as ot, bH as pt, bI as et, bJ as ut, bK as st, bL as tt, bM as it, bN as nt, bO as lt, bP as ct, bQ as Ct, bR as gt, bS as dt, bT as Tt, bU as Bt, bV as vt, bW as St, bX as mt, bY as xt, bZ as yt, b_ as It, b$ as kt, c0 as bt, c1 as ft, c2 as ht, c3 as Nt, c4 as Pt, c5 as At, c6 as Ot, c7 as Et, c8 as Gt, c9 as Rt, ca as Dt, cb as Lt, cc as Mt, cd as Wt, ce as Ht, cf as Ft, cg as _t, ch as Vt, ci as zt, cj as Ut, ck as wt, cl as Zt, cm as Xt, cn as qt, co as jt, cp as Qt, cq as Kt, cr as Yt, cs as Jt, ct as $t, cu as ri, cv as ai, cw as oi, cx as pi, cy as ei, cz as ui, cA as si, cB as ti, cC as ii, cD as ni, cE as li, cF as ci, cG as Ci, cH as gi, cI as di, cJ as Ti, cK as Bi, cL as vi, cM as Si, cN as mi, cO as xi, cP as yi, cQ as Ii, cR as ki, cS as bi, cT as fi, cU as hi, cV as Ni, cW as Pi, cX as Ai, cY as Oi, cZ as Ei, c_ as Gi, c$ as Ri, d0 as Di, d1 as Li, d2 as Mi, d3 as Wi, d4 as Hi, d5 as Fi, d6 as _i } from "./variables-BrsAsWIF.mjs";
|
|
69
69
|
import { p as zi, a as Ui, b as wi, c as Zi, d as Xi, e as qi, f as ji, g as Qi, h as Ki, i as Yi, j as Ji } from "./variables-Dr3Hsdn-.mjs";
|
|
70
|
-
import { T as rn, t as an, u as on, a as pn } from "./ThemeProvider-
|
|
71
|
-
import { u as un } from "./useColorScheme-
|
|
72
|
-
import { u as tn } from "./useThemePortalContainer-
|
|
70
|
+
import { T as rn, t as an, u as on, a as pn } from "./ThemeProvider-BJ25_asg.mjs";
|
|
71
|
+
import { u as un } from "./useColorScheme-B7lGBSe4.mjs";
|
|
72
|
+
import { u as tn } from "./useThemePortalContainer-D13Xx24N.mjs";
|
|
73
73
|
import { a as ln, b as cn, c as Cn, d as gn, e as dn, f as Tn, g as Bn, h as vn, i as Sn, j as mn, k as xn, l as yn, m as In, n as kn, o as bn, p as fn, q as hn, r as Nn, s as Pn, t as An, u as On, v as En, w as Gn, x as Rn, y as Dn, z as Ln, A as Mn, B as Wn, C as Hn, D as Fn, E as _n, F as Vn, G as zn, H as Un, I as wn, J as Zn, K as Xn, L as qn, M as jn, N as Qn, O as Kn, P as Yn, Q as Jn, R as $n, S as rl, T as al, U as ol, V as pl, W as el, X as ul, Y as sl, Z as tl, _ as il, $ as nl, a0 as ll, a1 as cl, a2 as Cl, a3 as gl, a4 as dl, a5 as Tl, a6 as Bl, a7 as vl, a8 as Sl, a9 as ml, aa as xl, ab as yl, ac as Il, ad as kl, ae as bl, af as fl, ag as hl, ah as Nl, ai as Pl, aj as Al, ak as Ol, al as El, am as Gl, an as Rl, ao as Dl, ap as Ll, aq as Ml, ar as Wl, as as Hl, at as Fl, au as _l, av as Vl, aw as zl, ax as Ul, ay as wl, az as Zl, aA as Xl, aB as ql, aC as jl, aD as Ql } from "./zh-TW-DrQ6h7hA.mjs";
|
|
74
74
|
import { e as Yl } from "./format-CWOXI-dC.mjs";
|
|
75
75
|
export {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),c=require("./index-2cFVyGXq.js"),s=require("react"),V=require("./button-DmybVApa.js"),K=require("./heading-drD5ugCC.js"),k=require("./close.es-VL3lKi1O.js"),G=require("./paragraph-By4jMjnH.js");require("./ThemeProvider-
|
|
2
|
-
//# sourceMappingURL=modal-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("./index-2cFVyGXq.js"),s=require("react"),V=require("./button-DmybVApa.js"),K=require("./heading-drD5ugCC.js"),k=require("./close.es-VL3lKi1O.js"),G=require("./paragraph-By4jMjnH.js");require("./ThemeProvider-BJGm3zai.js");const J=require("./useThemePortalContainer-CUcqV327.js"),Q=require("./visually-hidden-C2CKovZx.js"),X=require("./bind-DeUYJ6m9.js"),Y="_fadeIn_1nrj3_1",Z="_fadeOut_1nrj3_1",ee="_slideUp_1nrj3_1",te="_slideDown_1nrj3_1",re={"purpur-modal-content":"_purpur-modal-content_1nrj3_1",fadeIn:Y,fadeOut:Z,slideUp:ee,slideDown:te,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_1nrj3_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_1nrj3_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_1nrj3_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_1nrj3_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_1nrj3_89","purpur-modal-content__header":"_purpur-modal-content__header_1nrj3_112","purpur-modal-content__title":"_purpur-modal-content__title_1nrj3_125","purpur-modal-content__heading":"_purpur-modal-content__heading_1nrj3_128","purpur-modal-content__description":"_purpur-modal-content__description_1nrj3_131","purpur-modal-content__body":"_purpur-modal-content__body_1nrj3_134","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_1nrj3_142","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_1nrj3_154","purpur-modal-content__notification":"_purpur-modal-content__notification_1nrj3_172","purpur-modal-content--with-image":"_purpur-modal-content--with-image_1nrj3_175","purpur-modal-content--overflow":"_purpur-modal-content--overflow_1nrj3_175","purpur-modal-content__actions":"_purpur-modal-content__actions_1nrj3_154","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_1nrj3_206","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_1nrj3_216"},N=n=>n.showCloseButton===!0,r=X.c.bind(re),t="purpur-modal-content",ne=s.forwardRef(({["data-testid"]:n,actions:o,children:a,className:u,description:_,disableCloseOnClickOutside:y,hideDescription:b,image:p,stickyButtons:v=!0,title:D,notification:x=void 0,zIndex:$,container:C,onCloseAutoFocus:O,...g},P)=>{const{closeButtonAriaLabel:h,showCloseButton:E,...H}=g,[I,M]=s.useState(!1),[S,T]=s.useState(0),m=s.useRef(null),j=s.useRef(null),B=J.useThemePortalContainer(),W=C===void 0?B:C??void 0,z=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:v},u),d=l=>n?`${n} ${l}`:void 0,A=l=>{y&&l.preventDefault()},i=s.useCallback(()=>{if(!m.current||!j.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),U=j.current.offsetHeight;M(f<U),T((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),F=()=>{const l=j.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},L=l=>{y&&!E&&l.preventDefault()};return s.useEffect(()=>(window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}),[i]),s.useEffect(()=>{i()},[x,a,i]),e.jsxs(c.Portal,{container:W,children:[e.jsx(c.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(c.Content,{...H,className:z,"data-testid":n,ref:P,...!_&&{"aria-describedby":void 0},onPointerDownOutside:A,onOpenAutoFocus:()=>{i(),F()},onEscapeKeyDown:L,onCloseAutoFocus:O,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(g)&&h&&p&&e.jsx(q,{"aria-label":h,hasImage:!0,scrollbarWidth:S,"data-testid":d("close-button")}),e.jsxs("div",{ref:j,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(g)&&h&&!p&&e.jsx(q,{"aria-label":h,"data-testid":d("close-button")}),e.jsx(c.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":d("title"),children:e.jsx(K.Heading,{tag:"h2",variant:"display-10",tabIndex:-1,className:r(`${t}__heading`),children:D})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":d("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&b&&e.jsx(Q.VisuallyHidden,{asChild:!0,children:e.jsx(c.Description,{"data-testid":d("description"),children:_})}),_&&!b&&e.jsx(c.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":d("description"),children:e.jsx(G.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:a}),!v&&e.jsx(R,{actions:o,notification:x})]})})]})]}),v&&e.jsx(R,{actions:o,notification:x})]})]})}),q=({["aria-label"]:n,hasImage:o,scrollbarWidth:a,["data-testid"]:u})=>e.jsx(c.Close,{asChild:!0,children:e.jsx(V.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${a||0}px)`},"data-testid":u,children:e.jsx(k.r,{})})}),R=({actions:n,notification:o})=>{const a=s.useRef(null);return s.useEffect(()=>{o&&a?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:a,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},oe=s.forwardRef(({children:n,...o},a)=>e.jsx(c.Trigger,{asChild:!0,ref:a,...o,children:n})),w=({["data-testid"]:n,children:o,open:a,onOpenChange:u})=>e.jsx(c.Root,{open:a,onOpenChange:u,"data-testid":n,children:o});w.Trigger=oe;w.Content=ne;w.displayName="Modal";exports.Modal=w;
|
|
2
|
+
//# sourceMappingURL=modal-CmPPxJ7Y.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-DJn9idcw.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /**\n * One or several CTA links or buttons\n * */\n actions?: ReactNode;\n children: ReactNode;\n /**\n * An optional accessible description to be announced when the dialog is opened.\n * */\n description?: string;\n /**\n * Prevents the modal from closing on click outside if set to `true`.\n * */\n disableCloseOnClickOutside?: boolean;\n /**\n * Visually hides the description if set to `true`.\n * */\n hideDescription?: boolean;\n /**\n * An optional image to be displayed at the top of the modal.\n * */\n image?: ReactNode;\n /**\n * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * */\n notification?: ReactNode;\n /**\n * Determines whether the button group should be fixed at the bottom or scroll with the content.\n * */\n stickyButtons?: boolean;\n /**\n * An accessible title to be announced when the dialog is opened.\n * */\n title: string;\n /**\n * z-index of the modal\n * */\n zIndex?: number;\n /**\n * Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * */\n container?: HTMLElement | null;\n /**\n * Event handler called when focus moves to the trigger after closing.\n * */\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel?: never;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel: string;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current || !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /**\n * Event handler called when the open state of the dialog changes.\n * */\n onOpenChange?: (value: boolean) => void;\n /**\n * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"modal-CmPPxJ7Y.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /**\n * One or several CTA links or buttons\n * */\n actions?: ReactNode;\n children: ReactNode;\n /**\n * An optional accessible description to be announced when the dialog is opened.\n * */\n description?: string;\n /**\n * Prevents the modal from closing on click outside if set to `true`.\n * */\n disableCloseOnClickOutside?: boolean;\n /**\n * Visually hides the description if set to `true`.\n * */\n hideDescription?: boolean;\n /**\n * An optional image to be displayed at the top of the modal.\n * */\n image?: ReactNode;\n /**\n * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * */\n notification?: ReactNode;\n /**\n * Determines whether the button group should be fixed at the bottom or scroll with the content.\n * */\n stickyButtons?: boolean;\n /**\n * An accessible title to be announced when the dialog is opened.\n * */\n title: string;\n /**\n * z-index of the modal\n * */\n zIndex?: number;\n /**\n * Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * */\n container?: HTMLElement | null;\n /**\n * Event handler called when focus moves to the trigger after closing.\n * */\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel?: never;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel: string;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current || !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /**\n * Event handler called when the open state of the dialog changes.\n * */\n onOpenChange?: (value: boolean) => void;\n /**\n * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
|
|
@@ -5,8 +5,8 @@ import { b as nt } from "./button-4-yWOgtD.mjs";
|
|
|
5
5
|
import { H as ot } from "./heading-xwBuT_-9.mjs";
|
|
6
6
|
import { r as at } from "./close.es-BPmk2wkU.mjs";
|
|
7
7
|
import { P as st } from "./paragraph-DSxXmX_0.mjs";
|
|
8
|
-
import "./ThemeProvider-
|
|
9
|
-
import { u as lt } from "./useThemePortalContainer-
|
|
8
|
+
import "./ThemeProvider-BJ25_asg.mjs";
|
|
9
|
+
import { u as lt } from "./useThemePortalContainer-D13Xx24N.mjs";
|
|
10
10
|
import { V as _t } from "./visually-hidden-BYFkJEp1.mjs";
|
|
11
11
|
import { c as dt } from "./bind-CU-R61T-.mjs";
|
|
12
12
|
const it = "_fadeIn_1nrj3_1", ct = "_fadeOut_1nrj3_1", ut = "_slideUp_1nrj3_1", pt = "_slideDown_1nrj3_1", mt = {
|
|
@@ -211,4 +211,4 @@ j.displayName = "Modal";
|
|
|
211
211
|
export {
|
|
212
212
|
j as M
|
|
213
213
|
};
|
|
214
|
-
//# sourceMappingURL=modal-
|
|
214
|
+
//# sourceMappingURL=modal-Evh8sCBO.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-EIP36327.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /**\n * One or several CTA links or buttons\n * */\n actions?: ReactNode;\n children: ReactNode;\n /**\n * An optional accessible description to be announced when the dialog is opened.\n * */\n description?: string;\n /**\n * Prevents the modal from closing on click outside if set to `true`.\n * */\n disableCloseOnClickOutside?: boolean;\n /**\n * Visually hides the description if set to `true`.\n * */\n hideDescription?: boolean;\n /**\n * An optional image to be displayed at the top of the modal.\n * */\n image?: ReactNode;\n /**\n * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * */\n notification?: ReactNode;\n /**\n * Determines whether the button group should be fixed at the bottom or scroll with the content.\n * */\n stickyButtons?: boolean;\n /**\n * An accessible title to be announced when the dialog is opened.\n * */\n title: string;\n /**\n * z-index of the modal\n * */\n zIndex?: number;\n /**\n * Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * */\n container?: HTMLElement | null;\n /**\n * Event handler called when focus moves to the trigger after closing.\n * */\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel?: never;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel: string;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current || !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /**\n * Event handler called when the open state of the dialog changes.\n * */\n onOpenChange?: (value: boolean) => void;\n /**\n * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"modal-Evh8sCBO.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n Close as RadixClose,\n Content as RadixContent,\n Description as RadixDescription,\n Overlay as RadixOverlay,\n Portal as RadixPortal,\n Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n /**\n * One or several CTA links or buttons\n * */\n actions?: ReactNode;\n children: ReactNode;\n /**\n * An optional accessible description to be announced when the dialog is opened.\n * */\n description?: string;\n /**\n * Prevents the modal from closing on click outside if set to `true`.\n * */\n disableCloseOnClickOutside?: boolean;\n /**\n * Visually hides the description if set to `true`.\n * */\n hideDescription?: boolean;\n /**\n * An optional image to be displayed at the top of the modal.\n * */\n image?: ReactNode;\n /**\n * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n * */\n notification?: ReactNode;\n /**\n * Determines whether the button group should be fixed at the bottom or scroll with the content.\n * */\n stickyButtons?: boolean;\n /**\n * An accessible title to be announced when the dialog is opened.\n * */\n title: string;\n /**\n * z-index of the modal\n * */\n zIndex?: number;\n /**\n * Optional DOM element to portal the modal content into. When omitted,\n * the modal renders inside the nearest `ThemeProvider` so it inherits\n * the active color scheme. Pass `document.body` (or any other element) to\n * override. Pass `null` to fall back to Radix' default (`document.body`).\n * */\n container?: HTMLElement | null;\n /**\n * Event handler called when focus moves to the trigger after closing.\n * */\n onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel?: never;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n /**\n * An accessible label for the close button.\n * */\n closeButtonAriaLabel: string;\n /**\n * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n * */\n showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n actions,\n children,\n className,\n description,\n disableCloseOnClickOutside,\n hideDescription,\n image,\n stickyButtons = true,\n title,\n notification = undefined,\n zIndex,\n container,\n onCloseAutoFocus,\n ...props\n },\n ref\n ) => {\n const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n const [contentOverflow, setContentOverflow] = useState(false);\n const [scrollbarWidth, setScrollbarWidth] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperInnerRef = useRef<HTMLDivElement>(null);\n const themePortalContainer = useThemePortalContainer();\n const portalContainer =\n container === undefined ? themePortalContainer : container ?? undefined;\n\n const classes = cx(\n rootClassName,\n { [`${rootClassName}--with-image`]: !!image },\n { [`${rootClassName}--overflow`]: contentOverflow },\n { [`${rootClassName}--sticky-footer`]: stickyButtons },\n className\n );\n\n const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n }\n };\n\n const handleContentOverflow = useCallback(() => {\n if (!wrapperRef.current || !wrapperInnerRef.current) {\n return;\n }\n\n const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n setContentOverflow(wrapperHeight < innerHeight);\n\n setScrollbarWidth(\n (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n );\n }, []);\n\n const handleInitialFocus = () => {\n const frame = wrapperInnerRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (disableCloseOnClickOutside && !showCloseButton) {\n event.preventDefault();\n }\n };\n\n useEffect(() => {\n window.addEventListener(\"resize\", handleContentOverflow);\n\n return () => {\n window.removeEventListener(\"resize\", handleContentOverflow);\n };\n }, [handleContentOverflow]);\n\n useEffect(() => {\n handleContentOverflow();\n }, [notification, children, handleContentOverflow]);\n\n return (\n <RadixPortal container={portalContainer}>\n <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n <RadixContent\n {...rest}\n className={classes}\n data-testid={dataTestId}\n ref={ref}\n {...(!description && { [\"aria-describedby\"]: undefined })}\n onPointerDownOutside={handlePointerDownOutside}\n onOpenAutoFocus={() => {\n handleContentOverflow();\n handleInitialFocus();\n }}\n onEscapeKeyDown={handleEscapeKeyDown}\n onCloseAutoFocus={onCloseAutoFocus}\n style={{ zIndex: `calc(${zIndex} + 1)` }}\n >\n <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n hasImage\n scrollbarWidth={scrollbarWidth}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n <div className={cx(`${rootClassName}__header`)}>\n {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n <CloseButton\n aria-label={closeButtonAriaLabel}\n data-testid={getTestId(\"close-button\")}\n />\n )}\n <RadixTitle\n asChild\n className={cx(`${rootClassName}__title`)}\n data-testid={getTestId(\"title\")}\n >\n <Heading\n tag=\"h2\"\n variant=\"display-10\"\n tabIndex={-1}\n className={cx(`${rootClassName}__heading`)}\n >\n {title}\n </Heading>\n </RadixTitle>\n </div>\n {image && (\n <div\n className={cx(`${rootClassName}__image-wrapper`)}\n data-testid={getTestId(\"image\")}\n >\n {image}\n </div>\n )}\n <div className={cx(`${rootClassName}__body`)}>\n <div className={cx(`${rootClassName}__body-inner`)}>\n {description && hideDescription && (\n <VisuallyHidden asChild>\n <RadixDescription data-testid={getTestId(\"description\")}>\n {description}\n </RadixDescription>\n </VisuallyHidden>\n )}\n {description && !hideDescription && (\n <RadixDescription\n asChild\n className={cx(`${rootClassName}__description`)}\n data-testid={getTestId(\"description\")}\n >\n <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n </RadixDescription>\n )}\n <div>{children}</div>\n {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </div>\n </div>\n </div>\n </div>\n\n {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n </RadixContent>\n </RadixPortal>\n );\n }\n);\n\nconst CloseButton = ({\n [\"aria-label\"]: ariaLabel,\n hasImage,\n scrollbarWidth,\n [\"data-testid\"]: dataTestId,\n}: {\n [\"aria-label\"]: string;\n hasImage?: boolean;\n scrollbarWidth?: number;\n [\"data-testid\"]?: string;\n}) => (\n <RadixClose asChild>\n <Button\n variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n negative={hasImage}\n size=\"sm\"\n iconOnly\n aria-label={ariaLabel}\n className={cx(`${rootClassName}__close-button`)}\n style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n data-testid={dataTestId}\n >\n <IconClose />\n </Button>\n </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n actions,\n notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n const notificationRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (notification) {\n notificationRef?.current?.scrollIntoView?.(false);\n }\n }, [notification]);\n\n return actions ? (\n <div className={cx(`${rootClassName}__actions`)}>\n <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n {actions}\n </div>\n {notification && (\n <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n {notification}\n </div>\n )}\n <span className={cx(`${rootClassName}__actions-separator`)} />\n </div>\n ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n ({ children, ...props }, ref) => {\n return (\n <RadixTrigger asChild ref={ref} {...props}>\n {children}\n </RadixTrigger>\n );\n }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n [\"data-testid\"]?: string;\n children: ReactNode;\n /**\n * Event handler called when the open state of the dialog changes.\n * */\n onOpenChange?: (value: boolean) => void;\n /**\n * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n * */\n open?: boolean;\n};\n\nexport const Modal = ({\n [\"data-testid\"]: dataTestId,\n children,\n open,\n onOpenChange,\n}: ModalProps) => (\n <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n {children}\n </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","container","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","themePortalContainer","useThemePortalContainer","portalContainer","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","jsxs","RadixPortal","jsx","RadixOverlay","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}
|
package/dist/modal.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-CmPPxJ7Y.js");exports.Modal=e.Modal;
|
|
2
2
|
//# sourceMappingURL=modal.cjs.js.map
|
package/dist/modal.es.js
CHANGED
|
@@ -13,8 +13,8 @@ import { u as zt } from "./index-DPxjTK4w.mjs";
|
|
|
13
13
|
import { P as Ne } from "./index-DDrLXRUs.mjs";
|
|
14
14
|
import { r as Wt } from "./close.es-BPmk2wkU.mjs";
|
|
15
15
|
import { P as Fe } from "./paragraph-DSxXmX_0.mjs";
|
|
16
|
-
import "./ThemeProvider-
|
|
17
|
-
import { u as Lt } from "./useThemePortalContainer-
|
|
16
|
+
import "./ThemeProvider-BJ25_asg.mjs";
|
|
17
|
+
import { u as Lt } from "./useThemePortalContainer-D13Xx24N.mjs";
|
|
18
18
|
import { c as W } from "./bind-CU-R61T-.mjs";
|
|
19
19
|
import { H as Yt } from "./heading-xwBuT_-9.mjs";
|
|
20
20
|
const ce = ae(null), le = () => {
|
|
@@ -1009,4 +1009,4 @@ N.displayName = "Popover";
|
|
|
1009
1009
|
export {
|
|
1010
1010
|
N as P
|
|
1011
1011
|
};
|
|
1012
|
-
//# sourceMappingURL=popover-
|
|
1012
|
+
//# sourceMappingURL=popover-BSUdf0Ae.mjs.map
|