@duetds/components 8.6.3 → 8.6.4

package/hydrate/index.js

@@ -7873,335 +7873,335 @@ const disconnectLanguageChangeObserver = (component) => {
     languageChangeTargets.delete(component);
 };
 
-const colorWarning = "rgb(247, 178, 40)";
-const colorGrayDarker = "rgb(101, 119, 135)";
-const colorGrayLighter = "rgb(245, 248, 250)";
-const colorCategoryHome = "rgb(211, 36, 131)";
-const colorPrimary = "rgb(0, 119, 179)";
-const colorCategoryVehicle = "rgb(54, 74, 129)";
-const colorSuccess = "rgb(0, 135, 90)";
-const colorCategoryFamily = "rgb(11, 114, 136)";
-const colorPrimaryLightest = "rgb(243, 249, 252)";
-const colorPrimaryLighter = "rgb(230, 242, 248)";
 const colorBrandBlue = "rgb(0, 161, 212)";
-const colorPrimaryDark = "rgb(0, 77, 128)";
-const colorGrayLightest = "rgb(255, 255, 255)";
+const colorBrandGrayTurva = "rgb(178, 180, 179)";
+const colorCategoryFamily = "rgb(11, 114, 136)";
+const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
 const colorCategoryFinance = "rgb(122, 1, 196)";
-const colorGrayDark = "rgb(144, 149, 153)";
-const colorGrayLight = "rgb(225, 227, 230)";
-const colorSecondary = "rgb(0, 41, 77)";
+const colorCategoryHome = "rgb(211, 36, 131)";
+const colorCategoryHomeTurva = "rgb(161, 10, 78)";
 const colorCategoryPet = "rgb(168, 1, 78)";
-const colorPrimaryDarker = "rgb(0, 98, 154)";
-const colorPrimaryLight = "rgb(205, 229, 241)";
 const colorCategoryTravel = "rgb(213, 66, 3)";
-const colorGray = "rgb(207, 210, 212)";
-const colorDanger = "rgb(222, 35, 98)";
-const colorGrayDarkerTurva = "rgb(68, 68, 69)";
-const colorGrayLighterTurva = "rgb(245, 245, 247)";
-const colorCategoryHomeTurva = "rgb(161, 10, 78)";
-const colorPrimaryTurva = "rgb(198, 12, 48)";
-const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
-const colorSuccessTurva = "rgb(8, 135, 78)";
-const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
-const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
-const colorCategoryUnionTurva = "rgb(169, 69, 124)";
-const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
-const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
-const colorGrayLightestTurva = "rgb(255, 255, 255)";
-const colorGrayDarkTurva = "rgb(116, 116, 117)";
-const colorGrayLightTurva = "rgb(228, 228, 230)";
-const colorBrandGrayTurva = "rgb(178, 180, 179)";
-const colorSecondaryTurva = "rgb(23, 28, 58)";
-const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
-const colorPrimaryLightTurva = "rgb(244, 207, 214)";
 const colorCategoryTravelTurva = "rgb(9, 129, 148)";
-const colorGrayTurva = "rgb(207, 207, 209)";
+const colorCategoryUnionTurva = "rgb(169, 69, 124)";
+const colorCategoryVehicle = "rgb(54, 74, 129)";
+const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
+const colorDanger = "rgb(222, 35, 98)";
 const colorDangerTurva = "rgb(224, 42, 13)";
-const colorWarningTurva = "rgb(250, 164, 15)";
+const colorData01 = "rgb(122, 1, 196)";
+const colorData02 = "rgb(0, 155, 204)";
+const colorData03 = "rgb(27, 171, 75)";
+const colorData04 = "rgb(255, 86, 34)";
+const colorData05 = "rgb(245, 76, 154)";
+const colorData06 = "rgb(194, 21, 101)";
 const colorData07 = "rgb(192, 101, 247)";
 const colorData08 = "rgb(0, 105, 191)";
 const colorData09 = "rgb(19, 120, 53)";
 const colorData10 = "rgb(179, 60, 24)";
 const colorData11 = "rgb(13, 163, 166)";
-const colorData01 = "rgb(122, 1, 196)";
 const colorData12 = "rgb(11, 114, 136)";
-const colorData02 = "rgb(0, 155, 204)";
 const colorData13 = "rgb(179, 137, 24)";
-const colorData03 = "rgb(27, 171, 75)";
 const colorData14 = "rgb(128, 98, 17)";
-const colorData04 = "rgb(255, 86, 34)";
 const colorData15 = "rgb(0, 41, 77)";
-const colorData05 = "rgb(245, 76, 154)";
-const colorData06 = "rgb(194, 21, 101)";
-const fontWeightExtraBold = "800";
-const letterSpacingHeading = "-0.01rem";
-const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-const fontFamilyTextTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const colorGray = "rgb(207, 210, 212)";
+const colorGrayDark = "rgb(144, 149, 153)";
+const colorGrayDarkTurva = "rgb(116, 116, 117)";
+const colorGrayDarker = "rgb(101, 119, 135)";
+const colorGrayDarkerTurva = "rgb(68, 68, 69)";
+const colorGrayLight = "rgb(225, 227, 230)";
+const colorGrayLightTurva = "rgb(228, 228, 230)";
+const colorGrayLighter = "rgb(245, 248, 250)";
+const colorGrayLighterTurva = "rgb(245, 245, 247)";
+const colorGrayLightest = "rgb(255, 255, 255)";
+const colorGrayLightestTurva = "rgb(255, 255, 255)";
+const colorGrayTurva = "rgb(207, 207, 209)";
+const colorPrimary = "rgb(0, 119, 179)";
+const colorPrimaryDark = "rgb(0, 77, 128)";
+const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
+const colorPrimaryDarker = "rgb(0, 98, 154)";
+const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
+const colorPrimaryLight = "rgb(205, 229, 241)";
+const colorPrimaryLightTurva = "rgb(244, 207, 214)";
+const colorPrimaryLighter = "rgb(230, 242, 248)";
+const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
+const colorPrimaryLightest = "rgb(243, 249, 252)";
+const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
+const colorPrimaryTurva = "rgb(198, 12, 48)";
+const colorSecondary = "rgb(0, 41, 77)";
+const colorSecondaryTurva = "rgb(23, 28, 58)";
+const colorSuccess = "rgb(0, 135, 90)";
+const colorSuccessTurva = "rgb(8, 135, 78)";
+const colorWarning = "rgb(247, 178, 40)";
+const colorWarningTurva = "rgb(250, 164, 15)";
 const fontFamilyHeading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const fontFamilyText = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-const fontWeightBold = "700";
-const fontWeightNormal = "400";
-const fontWeightSemiBold = "600";
-const fontSizeXxxxLarge = "4.5rem";
-const fontSizeXxxLarge = "3rem";
-const fontSizeXxLarge = "2.25rem";
-const fontSizeXLarge = "1.5rem";
+const fontFamilyTextTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const fontSizeLarge = "1.25rem";
 const fontSizeMedium = "1rem";
 const fontSizeSmall = "0.875rem";
+const fontSizeXLarge = "1.5rem";
 const fontSizeXSmall = "0.75rem";
-const radiusSharp = "0";
+const fontSizeXxLarge = "2.25rem";
+const fontSizeXxxLarge = "3rem";
+const fontSizeXxxxLarge = "4.5rem";
+const fontWeightBold = "700";
+const fontWeightExtraBold = "800";
+const fontWeightNormal = "400";
+const fontWeightSemiBold = "600";
+const letterSpacingHeading = "-0.01rem";
+const lineHeightMedium = "1.5";
+const lineHeightSmall = "1.25";
+const lineHeightXSmall = "1.1";
+const mediaQueryLarge = "'(min-width: 62em)'";
+const mediaQueryMedium = "'(min-width: 48em)'";
+const mediaQuerySmall = "'(min-width: 36em)'";
+const mediaQueryXLarge = "'(min-width: 64.0625em)'";
+const mediaQueryXSmall = "'(max-width: 35.9375em)'";
+const mediaQueryXxLarge = "'(min-width: 76.25em)'";
+const mediaQueryXxSmall = "'(max-width: 22.5em)'";
+const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
+const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
+const opacity30 = "0.30";
+const opacity50 = "0.50";
+const opacity75 = "0.75";
+const opacity85 = "0.85";
+const radiusCircle = "50%";
 const radiusDefault = "4px";
-const radiusMedium = "8px";
 const radiusIntermediate = "12px";
 const radiusLarge = "16px";
-const radiusCircle = "50%";
+const radiusMedium = "8px";
 const radiusPill = "20rem";
-const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
-const shadowFocusInputTurva = "0 0 0 1px #171c3a";
+const radiusSharp = "0";
+const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
+const shadowCardTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
 const shadowDefault = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
-const shadowFocusInput = "0 0 0 1px #0077b3";
-const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
-const shadowHoverInputTurva = "0 0 0 1px #747475";
-const shadowErrorTurva = "0 0 0 1px #e55039";
-const shadowHoverInput = "0 0 0 1px #909599";
+const shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
 const shadowError = "0 0 0 1px #de2362";
-const shadowCardTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
-const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
+const shadowErrorTurva = "0 0 0 1px #e55039";
 const shadowFocus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
-const shadowHoverTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadowFocusInput = "0 0 0 1px #0077b3";
+const shadowFocusInputTurva = "0 0 0 1px #171c3a";
+const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
 const shadowHover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
-const shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
-const spaceXxSmall = "4px";
-const spaceLarge = "20px";
-const spaceXSmall = "8px";
-const spaceXxxSmall = "2px";
-const spaceSmall = "12px";
-const spaceMedium = "16px";
-const spaceXxLarge = "36px";
-const spaceXxxxLarge = "72px";
-const spaceXxxxxLarge = "94px";
-const spaceXxxLarge = "48px";
-const spaceXLarge = "28px";
-const sizeIconXxLarge = "48px";
-const sizeFormBorder = "1px";
-const sizeStepMedium = "40px";
+const shadowHoverInput = "0 0 0 1px #909599";
+const shadowHoverInputTurva = "0 0 0 1px #747475";
+const shadowHoverTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
+const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
+const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
+const sizeButtonBorder = "1px";
 const sizeButtonMinWidth = "8rem";
+const sizeButtonTinyBorder = "1px";
+const sizeFormBorder = "1px";
 const sizeHeader = "4rem";
-const sizeIconXxxLarge = "72px";
+const sizeIconLarge = "30px";
+const sizeIconMedium = "24px";
+const sizeIconSmall = "20px";
 const sizeIconXLarge = "36px";
+const sizeIconXSmall = "16px";
+const sizeIconXxLarge = "48px";
 const sizeIconXxSmall = "10px";
-const sizeStepSmall = "30px";
-const sizeNavigation = "3rem";
-const sizeIconLarge = "30px";
+const sizeIconXxxLarge = "72px";
+const sizeIconXxxSmall = "7px";
 const sizeLayoutMaxWidth = "1110px";
-const sizeTappableSquare = "48px";
-const sizeIconXSmall = "16px";
 const sizeMediumBorder = "2px";
-const sizeIconXxxSmall = "7px";
-const sizeButtonBorder = "1px";
-const sizeButtonTinyBorder = "1px";
-const sizeIconMedium = "24px";
-const sizeIconSmall = "20px";
-const opacity85 = "0.85";
-const opacity75 = "0.75";
-const opacity50 = "0.50";
-const opacity30 = "0.30";
-const zIndexMaskButtons = "250";
-const zIndexDropdown = "600";
-const zIndexSpinner = "800";
+const sizeNavigation = "3rem";
+const sizeStepMedium = "40px";
+const sizeStepSmall = "30px";
+const sizeTappableSquare = "48px";
+const spaceLarge = "20px";
+const spaceMedium = "16px";
+const spaceSmall = "12px";
+const spaceXLarge = "28px";
+const spaceXSmall = "8px";
+const spaceXxLarge = "36px";
+const spaceXxSmall = "4px";
+const spaceXxxLarge = "48px";
+const spaceXxxSmall = "2px";
+const spaceXxxxLarge = "72px";
+const spaceXxxxxLarge = "94px";
+const transitionQuickly = "300ms ease";
+const transitionSlowly = "600ms ease";
+const zIndexDeep = "-999999";
 const zIndexDefault = "1";
-const zIndexToast = "500";
-const zIndexPopup = "950";
-const zIndexModal = "900";
-const zIndexSticky = "300";
+const zIndexDropdown = "600";
+const zIndexHeader = "400";
+const zIndexMask = "200";
+const zIndexMaskButtons = "250";
 const zIndexMasked = "100";
-const zIndexDeep = "-999999";
+const zIndexModal = "900";
 const zIndexOverlay = "700";
-const zIndexMask = "200";
-const zIndexHeader = "400";
-const lineHeightMedium = "1.5";
-const lineHeightSmall = "1.25";
-const lineHeightXSmall = "1.1";
-const transitionQuickly = "300ms ease";
-const transitionSlowly = "600ms ease";
-const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
-const mediaQueryXLarge = "'(min-width: 64.0625em)'";
-const mediaQueryMedium = "'(min-width: 48em)'";
-const mediaQueryLarge = "'(min-width: 62em)'";
-const mediaQueryXxLarge = "'(min-width: 76.25em)'";
-const mediaQueryXSmall = "'(max-width: 35.9375em)'";
-const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
-const mediaQuerySmall = "'(min-width: 36em)'";
-const mediaQueryXxSmall = "'(max-width: 22.5em)'";
+const zIndexPopup = "950";
+const zIndexSpinner = "800";
+const zIndexSticky = "300";
+const zIndexToast = "500";
 
 var tokens$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    colorWarning: colorWarning,
-    colorGrayDarker: colorGrayDarker,
-    colorGrayLighter: colorGrayLighter,
-    colorCategoryHome: colorCategoryHome,
-    colorPrimary: colorPrimary,
-    colorCategoryVehicle: colorCategoryVehicle,
-    colorSuccess: colorSuccess,
-    colorCategoryFamily: colorCategoryFamily,
-    colorPrimaryLightest: colorPrimaryLightest,
-    colorPrimaryLighter: colorPrimaryLighter,
     colorBrandBlue: colorBrandBlue,
-    colorPrimaryDark: colorPrimaryDark,
-    colorGrayLightest: colorGrayLightest,
+    colorBrandGrayTurva: colorBrandGrayTurva,
+    colorCategoryFamily: colorCategoryFamily,
+    colorCategoryFamilyTurva: colorCategoryFamilyTurva,
     colorCategoryFinance: colorCategoryFinance,
-    colorGrayDark: colorGrayDark,
-    colorGrayLight: colorGrayLight,
-    colorSecondary: colorSecondary,
+    colorCategoryHome: colorCategoryHome,
+    colorCategoryHomeTurva: colorCategoryHomeTurva,
     colorCategoryPet: colorCategoryPet,
-    colorPrimaryDarker: colorPrimaryDarker,
-    colorPrimaryLight: colorPrimaryLight,
     colorCategoryTravel: colorCategoryTravel,
-    colorGray: colorGray,
-    colorDanger: colorDanger,
-    colorGrayDarkerTurva: colorGrayDarkerTurva,
-    colorGrayLighterTurva: colorGrayLighterTurva,
-    colorCategoryHomeTurva: colorCategoryHomeTurva,
-    colorPrimaryTurva: colorPrimaryTurva,
-    colorCategoryVehicleTurva: colorCategoryVehicleTurva,
-    colorSuccessTurva: colorSuccessTurva,
-    colorPrimaryLightestTurva: colorPrimaryLightestTurva,
-    colorCategoryFamilyTurva: colorCategoryFamilyTurva,
-    colorCategoryUnionTurva: colorCategoryUnionTurva,
-    colorPrimaryLighterTurva: colorPrimaryLighterTurva,
-    colorPrimaryDarkTurva: colorPrimaryDarkTurva,
-    colorGrayLightestTurva: colorGrayLightestTurva,
-    colorGrayDarkTurva: colorGrayDarkTurva,
-    colorGrayLightTurva: colorGrayLightTurva,
-    colorBrandGrayTurva: colorBrandGrayTurva,
-    colorSecondaryTurva: colorSecondaryTurva,
-    colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
-    colorPrimaryLightTurva: colorPrimaryLightTurva,
     colorCategoryTravelTurva: colorCategoryTravelTurva,
-    colorGrayTurva: colorGrayTurva,
+    colorCategoryUnionTurva: colorCategoryUnionTurva,
+    colorCategoryVehicle: colorCategoryVehicle,
+    colorCategoryVehicleTurva: colorCategoryVehicleTurva,
+    colorDanger: colorDanger,
     colorDangerTurva: colorDangerTurva,
-    colorWarningTurva: colorWarningTurva,
+    colorData01: colorData01,
+    colorData02: colorData02,
+    colorData03: colorData03,
+    colorData04: colorData04,
+    colorData05: colorData05,
+    colorData06: colorData06,
     colorData07: colorData07,
     colorData08: colorData08,
     colorData09: colorData09,
     colorData10: colorData10,
     colorData11: colorData11,
-    colorData01: colorData01,
     colorData12: colorData12,
-    colorData02: colorData02,
     colorData13: colorData13,
-    colorData03: colorData03,
     colorData14: colorData14,
-    colorData04: colorData04,
     colorData15: colorData15,
-    colorData05: colorData05,
-    colorData06: colorData06,
-    fontWeightExtraBold: fontWeightExtraBold,
-    letterSpacingHeading: letterSpacingHeading,
-    fontFamilyHeadingTurva: fontFamilyHeadingTurva,
-    fontFamilyTextTurva: fontFamilyTextTurva,
+    colorGray: colorGray,
+    colorGrayDark: colorGrayDark,
+    colorGrayDarkTurva: colorGrayDarkTurva,
+    colorGrayDarker: colorGrayDarker,
+    colorGrayDarkerTurva: colorGrayDarkerTurva,
+    colorGrayLight: colorGrayLight,
+    colorGrayLightTurva: colorGrayLightTurva,
+    colorGrayLighter: colorGrayLighter,
+    colorGrayLighterTurva: colorGrayLighterTurva,
+    colorGrayLightest: colorGrayLightest,
+    colorGrayLightestTurva: colorGrayLightestTurva,
+    colorGrayTurva: colorGrayTurva,
+    colorPrimary: colorPrimary,
+    colorPrimaryDark: colorPrimaryDark,
+    colorPrimaryDarkTurva: colorPrimaryDarkTurva,
+    colorPrimaryDarker: colorPrimaryDarker,
+    colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
+    colorPrimaryLight: colorPrimaryLight,
+    colorPrimaryLightTurva: colorPrimaryLightTurva,
+    colorPrimaryLighter: colorPrimaryLighter,
+    colorPrimaryLighterTurva: colorPrimaryLighterTurva,
+    colorPrimaryLightest: colorPrimaryLightest,
+    colorPrimaryLightestTurva: colorPrimaryLightestTurva,
+    colorPrimaryTurva: colorPrimaryTurva,
+    colorSecondary: colorSecondary,
+    colorSecondaryTurva: colorSecondaryTurva,
+    colorSuccess: colorSuccess,
+    colorSuccessTurva: colorSuccessTurva,
+    colorWarning: colorWarning,
+    colorWarningTurva: colorWarningTurva,
     fontFamilyHeading: fontFamilyHeading,
+    fontFamilyHeadingTurva: fontFamilyHeadingTurva,
     fontFamilyText: fontFamilyText,
-    fontWeightBold: fontWeightBold,
-    fontWeightNormal: fontWeightNormal,
-    fontWeightSemiBold: fontWeightSemiBold,
-    fontSizeXxxxLarge: fontSizeXxxxLarge,
-    fontSizeXxxLarge: fontSizeXxxLarge,
-    fontSizeXxLarge: fontSizeXxLarge,
-    fontSizeXLarge: fontSizeXLarge,
+    fontFamilyTextTurva: fontFamilyTextTurva,
     fontSizeLarge: fontSizeLarge,
     fontSizeMedium: fontSizeMedium,
     fontSizeSmall: fontSizeSmall,
+    fontSizeXLarge: fontSizeXLarge,
     fontSizeXSmall: fontSizeXSmall,
-    radiusSharp: radiusSharp,
+    fontSizeXxLarge: fontSizeXxLarge,
+    fontSizeXxxLarge: fontSizeXxxLarge,
+    fontSizeXxxxLarge: fontSizeXxxxLarge,
+    fontWeightBold: fontWeightBold,
+    fontWeightExtraBold: fontWeightExtraBold,
+    fontWeightNormal: fontWeightNormal,
+    fontWeightSemiBold: fontWeightSemiBold,
+    letterSpacingHeading: letterSpacingHeading,
+    lineHeightMedium: lineHeightMedium,
+    lineHeightSmall: lineHeightSmall,
+    lineHeightXSmall: lineHeightXSmall,
+    mediaQueryLarge: mediaQueryLarge,
+    mediaQueryMedium: mediaQueryMedium,
+    mediaQuerySmall: mediaQuerySmall,
+    mediaQueryXLarge: mediaQueryXLarge,
+    mediaQueryXSmall: mediaQueryXSmall,
+    mediaQueryXxLarge: mediaQueryXxLarge,
+    mediaQueryXxSmall: mediaQueryXxSmall,
+    mediaQueryXxxLarge: mediaQueryXxxLarge,
+    mediaQueryXxxSmall: mediaQueryXxxSmall,
+    opacity30: opacity30,
+    opacity50: opacity50,
+    opacity75: opacity75,
+    opacity85: opacity85,
+    radiusCircle: radiusCircle,
     radiusDefault: radiusDefault,
-    radiusMedium: radiusMedium,
     radiusIntermediate: radiusIntermediate,
     radiusLarge: radiusLarge,
-    radiusCircle: radiusCircle,
+    radiusMedium: radiusMedium,
     radiusPill: radiusPill,
-    shadowTooltipTurva: shadowTooltipTurva,
-    shadowFocusInputTurva: shadowFocusInputTurva,
+    radiusSharp: radiusSharp,
+    shadowCard: shadowCard,
+    shadowCardTurva: shadowCardTurva,
     shadowDefault: shadowDefault,
-    shadowFocusInput: shadowFocusInput,
-    shadowTooltip: shadowTooltip,
-    shadowHoverInputTurva: shadowHoverInputTurva,
-    shadowErrorTurva: shadowErrorTurva,
-    shadowHoverInput: shadowHoverInput,
+    shadowDefaultTurva: shadowDefaultTurva,
     shadowError: shadowError,
-    shadowCardTurva: shadowCardTurva,
-    shadowModal: shadowModal,
-    shadowCard: shadowCard,
-    shadowFocusTurva: shadowFocusTurva,
+    shadowErrorTurva: shadowErrorTurva,
     shadowFocus: shadowFocus,
-    shadowHoverTurva: shadowHoverTurva,
+    shadowFocusInput: shadowFocusInput,
+    shadowFocusInputTurva: shadowFocusInputTurva,
+    shadowFocusTurva: shadowFocusTurva,
     shadowHover: shadowHover,
-    shadowDefaultTurva: shadowDefaultTurva,
-    spaceXxSmall: spaceXxSmall,
-    spaceLarge: spaceLarge,
-    spaceXSmall: spaceXSmall,
-    spaceXxxSmall: spaceXxxSmall,
-    spaceSmall: spaceSmall,
-    spaceMedium: spaceMedium,
-    spaceXxLarge: spaceXxLarge,
-    spaceXxxxLarge: spaceXxxxLarge,
-    spaceXxxxxLarge: spaceXxxxxLarge,
-    spaceXxxLarge: spaceXxxLarge,
-    spaceXLarge: spaceXLarge,
-    sizeIconXxLarge: sizeIconXxLarge,
-    sizeFormBorder: sizeFormBorder,
-    sizeStepMedium: sizeStepMedium,
+    shadowHoverInput: shadowHoverInput,
+    shadowHoverInputTurva: shadowHoverInputTurva,
+    shadowHoverTurva: shadowHoverTurva,
+    shadowModal: shadowModal,
+    shadowTooltip: shadowTooltip,
+    shadowTooltipTurva: shadowTooltipTurva,
+    sizeButtonBorder: sizeButtonBorder,
     sizeButtonMinWidth: sizeButtonMinWidth,
+    sizeButtonTinyBorder: sizeButtonTinyBorder,
+    sizeFormBorder: sizeFormBorder,
     sizeHeader: sizeHeader,
-    sizeIconXxxLarge: sizeIconXxxLarge,
+    sizeIconLarge: sizeIconLarge,
+    sizeIconMedium: sizeIconMedium,
+    sizeIconSmall: sizeIconSmall,
     sizeIconXLarge: sizeIconXLarge,
+    sizeIconXSmall: sizeIconXSmall,
+    sizeIconXxLarge: sizeIconXxLarge,
     sizeIconXxSmall: sizeIconXxSmall,
-    sizeStepSmall: sizeStepSmall,
-    sizeNavigation: sizeNavigation,
-    sizeIconLarge: sizeIconLarge,
+    sizeIconXxxLarge: sizeIconXxxLarge,
+    sizeIconXxxSmall: sizeIconXxxSmall,
     sizeLayoutMaxWidth: sizeLayoutMaxWidth,
-    sizeTappableSquare: sizeTappableSquare,
-    sizeIconXSmall: sizeIconXSmall,
     sizeMediumBorder: sizeMediumBorder,
-    sizeIconXxxSmall: sizeIconXxxSmall,
-    sizeButtonBorder: sizeButtonBorder,
-    sizeButtonTinyBorder: sizeButtonTinyBorder,
-    sizeIconMedium: sizeIconMedium,
-    sizeIconSmall: sizeIconSmall,
-    opacity85: opacity85,
-    opacity75: opacity75,
-    opacity50: opacity50,
-    opacity30: opacity30,
-    zIndexMaskButtons: zIndexMaskButtons,
-    zIndexDropdown: zIndexDropdown,
-    zIndexSpinner: zIndexSpinner,
+    sizeNavigation: sizeNavigation,
+    sizeStepMedium: sizeStepMedium,
+    sizeStepSmall: sizeStepSmall,
+    sizeTappableSquare: sizeTappableSquare,
+    spaceLarge: spaceLarge,
+    spaceMedium: spaceMedium,
+    spaceSmall: spaceSmall,
+    spaceXLarge: spaceXLarge,
+    spaceXSmall: spaceXSmall,
+    spaceXxLarge: spaceXxLarge,
+    spaceXxSmall: spaceXxSmall,
+    spaceXxxLarge: spaceXxxLarge,
+    spaceXxxSmall: spaceXxxSmall,
+    spaceXxxxLarge: spaceXxxxLarge,
+    spaceXxxxxLarge: spaceXxxxxLarge,
+    transitionQuickly: transitionQuickly,
+    transitionSlowly: transitionSlowly,
+    zIndexDeep: zIndexDeep,
     zIndexDefault: zIndexDefault,
-    zIndexToast: zIndexToast,
-    zIndexPopup: zIndexPopup,
-    zIndexModal: zIndexModal,
-    zIndexSticky: zIndexSticky,
+    zIndexDropdown: zIndexDropdown,
+    zIndexHeader: zIndexHeader,
+    zIndexMask: zIndexMask,
+    zIndexMaskButtons: zIndexMaskButtons,
     zIndexMasked: zIndexMasked,
-    zIndexDeep: zIndexDeep,
+    zIndexModal: zIndexModal,
     zIndexOverlay: zIndexOverlay,
-    zIndexMask: zIndexMask,
-    zIndexHeader: zIndexHeader,
-    lineHeightMedium: lineHeightMedium,
-    lineHeightSmall: lineHeightSmall,
-    lineHeightXSmall: lineHeightXSmall,
-    transitionQuickly: transitionQuickly,
-    transitionSlowly: transitionSlowly,
-    mediaQueryXxxLarge: mediaQueryXxxLarge,
-    mediaQueryXLarge: mediaQueryXLarge,
-    mediaQueryMedium: mediaQueryMedium,
-    mediaQueryLarge: mediaQueryLarge,
-    mediaQueryXxLarge: mediaQueryXxLarge,
-    mediaQueryXSmall: mediaQueryXSmall,
-    mediaQueryXxxSmall: mediaQueryXxxSmall,
-    mediaQuerySmall: mediaQuerySmall,
-    mediaQueryXxSmall: mediaQueryXxSmall
+    zIndexPopup: zIndexPopup,
+    zIndexSpinner: zIndexSpinner,
+    zIndexSticky: zIndexSticky,
+    zIndexToast: zIndexToast
 });
 
 const allowedThemes = ["turva"];
@@ -8575,6 +8575,7 @@ class DuetAlert {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.duetDismiss = createEvent$2(this, "duetDismiss", 7);
+        this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
         this.descriptiveId = createID("DuetAlert");
         this.hasShowMoreSlot = false;
         this.iconVariationMap = {
@@ -8595,6 +8596,7 @@ class DuetAlert {
         };
         this.handleHide = () => {
             this.isDismissed = true;
+            this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
         };
         this.theme = "";
         this.isDismissed = false;
@@ -8776,7 +8778,7 @@ const DuetPicture = ({ img, sources }) => {
         hAsync("img", Object.assign({}, img))));
 };
 
-const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n  margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n  margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n  padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n  margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  \n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    \n    display: block;\n  }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n  position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  background: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n  hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n  bottom: 30px;\n  left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n/*!@.duet-banner.size-medium, .duet-banner.size-large*/.duet-banner.size-medium.sc-duet-banner, .duet-banner.size-large.sc-duet-banner {\n  \n  \n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    \n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    \n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n/*!@.duet-banner.size-large*/.duet-banner.size-large.sc-duet-banner {\n  \n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    \n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}";
+const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n  margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n  margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n  padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n  margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  \n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    \n    display: block;\n  }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n  position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n  hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n  bottom: 30px;\n  left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n/*!@.duet-banner.size-medium, .duet-banner.size-large*/.duet-banner.size-medium.sc-duet-banner, .duet-banner.size-large.sc-duet-banner {\n  \n  \n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    \n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    \n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n/*!@.duet-banner.size-large*/.duet-banner.size-large.sc-duet-banner {\n  \n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    \n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}";
 
 /**
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -8869,7 +8871,7 @@ class DuetBanner {
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
-            }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2  , hAsync("div", { class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
+            }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2  , hAsync("div", { style: bannerStyles, class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetBannerCss; }
@@ -10459,500 +10461,500 @@ class DuetChoiceGroup {
 
 var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
 
-const color_warning = "rgb(247, 178, 40)";
-const color_gray_darker = "rgb(101, 119, 135)";
-const color_gray_lighter = "rgb(245, 248, 250)";
-const color_category_home = "rgb(211, 36, 131)";
-const color_primary = "rgb(0, 119, 179)";
-const color_category_vehicle = "rgb(54, 74, 129)";
-const color_success = "rgb(0, 135, 90)";
-const color_category_family = "rgb(11, 114, 136)";
-const color_primary_lightest = "rgb(243, 249, 252)";
-const color_primary_lighter = "rgb(230, 242, 248)";
 const color_brand_blue = "rgb(0, 161, 212)";
-const color_primary_dark = "rgb(0, 77, 128)";
-const color_gray_lightest = "rgb(255, 255, 255)";
+const color_brand_gray_turva = "rgb(178, 180, 179)";
+const color_category_family = "rgb(11, 114, 136)";
+const color_category_family_turva = "rgb(199, 12, 112)";
 const color_category_finance = "rgb(122, 1, 196)";
-const color_gray_dark = "rgb(144, 149, 153)";
-const color_gray_light = "rgb(225, 227, 230)";
-const color_secondary = "rgb(0, 41, 77)";
+const color_category_home = "rgb(211, 36, 131)";
+const color_category_home_turva = "rgb(161, 10, 78)";
 const color_category_pet = "rgb(168, 1, 78)";
-const color_primary_darker = "rgb(0, 98, 154)";
-const color_primary_light = "rgb(205, 229, 241)";
 const color_category_travel = "rgb(213, 66, 3)";
-const color_gray = "rgb(207, 210, 212)";
-const color_danger = "rgb(222, 35, 98)";
-const color_gray_darker_turva = "rgb(68, 68, 69)";
-const color_gray_lighter_turva = "rgb(245, 245, 247)";
-const color_category_home_turva = "rgb(161, 10, 78)";
-const color_primary_turva = "rgb(198, 12, 48)";
-const color_category_vehicle_turva = "rgb(23, 28, 58)";
-const color_success_turva = "rgb(8, 135, 78)";
-const color_primary_lightest_turva = "rgb(252, 243, 244)";
-const color_category_family_turva = "rgb(199, 12, 112)";
-const color_category_union_turva = "rgb(169, 69, 124)";
-const color_primary_lighter_turva = "rgb(249, 230, 234)";
-const color_primary_dark_turva = "rgb(148, 9, 37)";
-const color_gray_lightest_turva = "rgb(255, 255, 255)";
-const color_gray_dark_turva = "rgb(116, 116, 117)";
-const color_gray_light_turva = "rgb(228, 228, 230)";
-const color_brand_gray_turva = "rgb(178, 180, 179)";
-const color_secondary_turva = "rgb(23, 28, 58)";
-const color_primary_darker_turva = "rgb(173, 11, 43)";
-const color_primary_light_turva = "rgb(244, 207, 214)";
 const color_category_travel_turva = "rgb(9, 129, 148)";
-const color_gray_turva = "rgb(207, 207, 209)";
+const color_category_union_turva = "rgb(169, 69, 124)";
+const color_category_vehicle = "rgb(54, 74, 129)";
+const color_category_vehicle_turva = "rgb(23, 28, 58)";
+const color_danger = "rgb(222, 35, 98)";
 const color_danger_turva = "rgb(224, 42, 13)";
-const color_warning_turva = "rgb(250, 164, 15)";
+const color_data_01 = "rgb(122, 1, 196)";
+const color_data_02 = "rgb(0, 155, 204)";
+const color_data_03 = "rgb(27, 171, 75)";
+const color_data_04 = "rgb(255, 86, 34)";
+const color_data_05 = "rgb(245, 76, 154)";
+const color_data_06 = "rgb(194, 21, 101)";
 const color_data_07 = "rgb(192, 101, 247)";
 const color_data_08 = "rgb(0, 105, 191)";
 const color_data_09 = "rgb(19, 120, 53)";
 const color_data_10 = "rgb(179, 60, 24)";
 const color_data_11 = "rgb(13, 163, 166)";
-const color_data_01 = "rgb(122, 1, 196)";
 const color_data_12 = "rgb(11, 114, 136)";
-const color_data_02 = "rgb(0, 155, 204)";
 const color_data_13 = "rgb(179, 137, 24)";
-const color_data_03 = "rgb(27, 171, 75)";
 const color_data_14 = "rgb(128, 98, 17)";
-const color_data_04 = "rgb(255, 86, 34)";
 const color_data_15 = "rgb(0, 41, 77)";
-const color_data_05 = "rgb(245, 76, 154)";
-const color_data_06 = "rgb(194, 21, 101)";
-const font_weight_extra_bold = "800";
-const letter_spacing_heading = "-0.01rem";
-const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const color_gray = "rgb(207, 210, 212)";
+const color_gray_dark = "rgb(144, 149, 153)";
+const color_gray_dark_turva = "rgb(116, 116, 117)";
+const color_gray_darker = "rgb(101, 119, 135)";
+const color_gray_darker_turva = "rgb(68, 68, 69)";
+const color_gray_light = "rgb(225, 227, 230)";
+const color_gray_light_turva = "rgb(228, 228, 230)";
+const color_gray_lighter = "rgb(245, 248, 250)";
+const color_gray_lighter_turva = "rgb(245, 245, 247)";
+const color_gray_lightest = "rgb(255, 255, 255)";
+const color_gray_lightest_turva = "rgb(255, 255, 255)";
+const color_gray_turva = "rgb(207, 207, 209)";
+const color_primary = "rgb(0, 119, 179)";
+const color_primary_dark = "rgb(0, 77, 128)";
+const color_primary_dark_turva = "rgb(148, 9, 37)";
+const color_primary_darker = "rgb(0, 98, 154)";
+const color_primary_darker_turva = "rgb(173, 11, 43)";
+const color_primary_light = "rgb(205, 229, 241)";
+const color_primary_light_turva = "rgb(244, 207, 214)";
+const color_primary_lighter = "rgb(230, 242, 248)";
+const color_primary_lighter_turva = "rgb(249, 230, 234)";
+const color_primary_lightest = "rgb(243, 249, 252)";
+const color_primary_lightest_turva = "rgb(252, 243, 244)";
+const color_primary_turva = "rgb(198, 12, 48)";
+const color_secondary = "rgb(0, 41, 77)";
+const color_secondary_turva = "rgb(23, 28, 58)";
+const color_success = "rgb(0, 135, 90)";
+const color_success_turva = "rgb(8, 135, 78)";
+const color_warning = "rgb(247, 178, 40)";
+const color_warning_turva = "rgb(250, 164, 15)";
 const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const font_family_text = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-const font_weight_bold = "700";
-const font_weight_normal = "400";
-const font_weight_semi_bold = "600";
-const font_size_xxxx_large = "4.5rem";
-const font_size_xxx_large = "3rem";
-const font_size_xx_large = "2.25rem";
-const font_size_x_large = "1.5rem";
+const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const font_size_large = "1.25rem";
 const font_size_medium = "1rem";
 const font_size_small = "0.875rem";
+const font_size_x_large = "1.5rem";
 const font_size_x_small = "0.75rem";
-const radius_sharp = "0";
+const font_size_xx_large = "2.25rem";
+const font_size_xxx_large = "3rem";
+const font_size_xxxx_large = "4.5rem";
+const font_weight_bold = "700";
+const font_weight_extra_bold = "800";
+const font_weight_normal = "400";
+const font_weight_semi_bold = "600";
+const letter_spacing_heading = "-0.01rem";
+const line_height_medium = "1.5";
+const line_height_small = "1.25";
+const line_height_x_small = "1.1";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_medium = "'(min-width: 48em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_xx_small = "'(max-width: 22.5em)'";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_xxx_small = "'(max-width: 20.5em)'";
+const opacity_30 = "0.30";
+const opacity_50 = "0.50";
+const opacity_75 = "0.75";
+const opacity_85 = "0.85";
+const radius_circle = "50%";
 const radius_default = "4px";
-const radius_medium = "8px";
 const radius_intermediate = "12px";
 const radius_large = "16px";
-const radius_circle = "50%";
+const radius_medium = "8px";
 const radius_pill = "20rem";
-const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
-const shadow_focus_input_turva = "0 0 0 1px #171c3a";
+const radius_sharp = "0";
+const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
+const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
 const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
-const shadow_focus_input = "0 0 0 1px #0077b3";
-const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
-const shadow_hover_input_turva = "0 0 0 1px #747475";
-const shadow_error_turva = "0 0 0 1px #e55039";
-const shadow_hover_input = "0 0 0 1px #909599";
+const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
 const shadow_error = "0 0 0 1px #de2362";
-const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
-const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
-const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
+const shadow_error_turva = "0 0 0 1px #e55039";
 const shadow_focus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
-const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadow_focus_input = "0 0 0 1px #0077b3";
+const shadow_focus_input_turva = "0 0 0 1px #171c3a";
+const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
 const shadow_hover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
-const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
-const space_xx_small = "4px";
-const space_large = "20px";
-const space_x_small = "8px";
-const space_xxx_small = "2px";
-const space_small = "12px";
-const space_medium = "16px";
-const space_xx_large = "36px";
-const space_xxxx_large = "72px";
-const space_xxxxx_large = "94px";
-const space_xxx_large = "48px";
-const space_x_large = "28px";
-const size_icon_xx_large = "48px";
-const size_form_border = "1px";
-const size_step_medium = "40px";
+const shadow_hover_input = "0 0 0 1px #909599";
+const shadow_hover_input_turva = "0 0 0 1px #747475";
+const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
+const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
+const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
+const size_button_border = "1px";
 const size_button_min_width = "8rem";
+const size_button_tiny_border = "1px";
+const size_form_border = "1px";
 const size_header = "4rem";
-const size_icon_xxx_large = "72px";
+const size_icon_large = "30px";
+const size_icon_medium = "24px";
+const size_icon_small = "20px";
 const size_icon_x_large = "36px";
+const size_icon_x_small = "16px";
+const size_icon_xx_large = "48px";
 const size_icon_xx_small = "10px";
-const size_step_small = "30px";
-const size_navigation = "3rem";
-const size_icon_large = "30px";
+const size_icon_xxx_large = "72px";
+const size_icon_xxx_small = "7px";
 const size_layout_max_width = "1110px";
-const size_tappable_square = "48px";
-const size_icon_x_small = "16px";
 const size_medium_border = "2px";
-const size_icon_xxx_small = "7px";
-const size_button_border = "1px";
-const size_button_tiny_border = "1px";
-const size_icon_medium = "24px";
-const size_icon_small = "20px";
-const opacity_85 = "0.85";
-const opacity_75 = "0.75";
-const opacity_50 = "0.50";
-const opacity_30 = "0.30";
-const z_index_mask_buttons = "250";
-const z_index_dropdown = "600";
-const z_index_spinner = "800";
+const size_navigation = "3rem";
+const size_step_medium = "40px";
+const size_step_small = "30px";
+const size_tappable_square = "48px";
+const space_large = "20px";
+const space_medium = "16px";
+const space_small = "12px";
+const space_x_large = "28px";
+const space_x_small = "8px";
+const space_xx_large = "36px";
+const space_xx_small = "4px";
+const space_xxx_large = "48px";
+const space_xxx_small = "2px";
+const space_xxxx_large = "72px";
+const space_xxxxx_large = "94px";
+const transition_quickly = "300ms ease";
+const transition_slowly = "600ms ease";
+const z_index_deep = "-999999";
 const z_index_default = "1";
-const z_index_toast = "500";
-const z_index_popup = "950";
-const z_index_modal = "900";
-const z_index_sticky = "300";
+const z_index_dropdown = "600";
+const z_index_header = "400";
+const z_index_mask = "200";
+const z_index_mask_buttons = "250";
 const z_index_masked = "100";
-const z_index_deep = "-999999";
+const z_index_modal = "900";
 const z_index_overlay = "700";
-const z_index_mask = "200";
-const z_index_header = "400";
-const line_height_medium = "1.5";
-const line_height_small = "1.25";
-const line_height_x_small = "1.1";
-const transition_quickly = "300ms ease";
-const transition_slowly = "600ms ease";
-const media_query_xxx_large = "'(min-width: 106.25em)'";
-const media_query_x_large = "'(min-width: 64.0625em)'";
-const media_query_medium = "'(min-width: 48em)'";
-const media_query_large = "'(min-width: 62em)'";
-const media_query_xx_large = "'(min-width: 76.25em)'";
-const media_query_x_small = "'(max-width: 35.9375em)'";
-const media_query_xxx_small = "'(max-width: 20.5em)'";
-const media_query_small = "'(min-width: 36em)'";
-const media_query_xx_small = "'(max-width: 22.5em)'";
+const z_index_popup = "950";
+const z_index_spinner = "800";
+const z_index_sticky = "300";
+const z_index_toast = "500";
 var tokens = {
-	color_warning: color_warning,
-	color_gray_darker: color_gray_darker,
-	color_gray_lighter: color_gray_lighter,
-	color_category_home: color_category_home,
-	color_primary: color_primary,
-	color_category_vehicle: color_category_vehicle,
-	color_success: color_success,
-	color_category_family: color_category_family,
-	color_primary_lightest: color_primary_lightest,
-	color_primary_lighter: color_primary_lighter,
 	color_brand_blue: color_brand_blue,
-	color_primary_dark: color_primary_dark,
-	color_gray_lightest: color_gray_lightest,
+	color_brand_gray_turva: color_brand_gray_turva,
+	color_category_family: color_category_family,
+	color_category_family_turva: color_category_family_turva,
 	color_category_finance: color_category_finance,
-	color_gray_dark: color_gray_dark,
-	color_gray_light: color_gray_light,
-	color_secondary: color_secondary,
+	color_category_home: color_category_home,
+	color_category_home_turva: color_category_home_turva,
 	color_category_pet: color_category_pet,
-	color_primary_darker: color_primary_darker,
-	color_primary_light: color_primary_light,
 	color_category_travel: color_category_travel,
-	color_gray: color_gray,
-	color_danger: color_danger,
-	color_gray_darker_turva: color_gray_darker_turva,
-	color_gray_lighter_turva: color_gray_lighter_turva,
-	color_category_home_turva: color_category_home_turva,
-	color_primary_turva: color_primary_turva,
-	color_category_vehicle_turva: color_category_vehicle_turva,
-	color_success_turva: color_success_turva,
-	color_primary_lightest_turva: color_primary_lightest_turva,
-	color_category_family_turva: color_category_family_turva,
-	color_category_union_turva: color_category_union_turva,
-	color_primary_lighter_turva: color_primary_lighter_turva,
-	color_primary_dark_turva: color_primary_dark_turva,
-	color_gray_lightest_turva: color_gray_lightest_turva,
-	color_gray_dark_turva: color_gray_dark_turva,
-	color_gray_light_turva: color_gray_light_turva,
-	color_brand_gray_turva: color_brand_gray_turva,
-	color_secondary_turva: color_secondary_turva,
-	color_primary_darker_turva: color_primary_darker_turva,
-	color_primary_light_turva: color_primary_light_turva,
 	color_category_travel_turva: color_category_travel_turva,
-	color_gray_turva: color_gray_turva,
+	color_category_union_turva: color_category_union_turva,
+	color_category_vehicle: color_category_vehicle,
+	color_category_vehicle_turva: color_category_vehicle_turva,
+	color_danger: color_danger,
 	color_danger_turva: color_danger_turva,
-	color_warning_turva: color_warning_turva,
+	color_data_01: color_data_01,
+	color_data_02: color_data_02,
+	color_data_03: color_data_03,
+	color_data_04: color_data_04,
+	color_data_05: color_data_05,
+	color_data_06: color_data_06,
 	color_data_07: color_data_07,
 	color_data_08: color_data_08,
 	color_data_09: color_data_09,
 	color_data_10: color_data_10,
 	color_data_11: color_data_11,
-	color_data_01: color_data_01,
 	color_data_12: color_data_12,
-	color_data_02: color_data_02,
 	color_data_13: color_data_13,
-	color_data_03: color_data_03,
 	color_data_14: color_data_14,
-	color_data_04: color_data_04,
 	color_data_15: color_data_15,
-	color_data_05: color_data_05,
-	color_data_06: color_data_06,
-	font_weight_extra_bold: font_weight_extra_bold,
-	letter_spacing_heading: letter_spacing_heading,
-	font_family_heading_turva: font_family_heading_turva,
-	font_family_text_turva: font_family_text_turva,
+	color_gray: color_gray,
+	color_gray_dark: color_gray_dark,
+	color_gray_dark_turva: color_gray_dark_turva,
+	color_gray_darker: color_gray_darker,
+	color_gray_darker_turva: color_gray_darker_turva,
+	color_gray_light: color_gray_light,
+	color_gray_light_turva: color_gray_light_turva,
+	color_gray_lighter: color_gray_lighter,
+	color_gray_lighter_turva: color_gray_lighter_turva,
+	color_gray_lightest: color_gray_lightest,
+	color_gray_lightest_turva: color_gray_lightest_turva,
+	color_gray_turva: color_gray_turva,
+	color_primary: color_primary,
+	color_primary_dark: color_primary_dark,
+	color_primary_dark_turva: color_primary_dark_turva,
+	color_primary_darker: color_primary_darker,
+	color_primary_darker_turva: color_primary_darker_turva,
+	color_primary_light: color_primary_light,
+	color_primary_light_turva: color_primary_light_turva,
+	color_primary_lighter: color_primary_lighter,
+	color_primary_lighter_turva: color_primary_lighter_turva,
+	color_primary_lightest: color_primary_lightest,
+	color_primary_lightest_turva: color_primary_lightest_turva,
+	color_primary_turva: color_primary_turva,
+	color_secondary: color_secondary,
+	color_secondary_turva: color_secondary_turva,
+	color_success: color_success,
+	color_success_turva: color_success_turva,
+	color_warning: color_warning,
+	color_warning_turva: color_warning_turva,
 	font_family_heading: font_family_heading,
+	font_family_heading_turva: font_family_heading_turva,
 	font_family_text: font_family_text,
-	font_weight_bold: font_weight_bold,
-	font_weight_normal: font_weight_normal,
-	font_weight_semi_bold: font_weight_semi_bold,
-	font_size_xxxx_large: font_size_xxxx_large,
-	font_size_xxx_large: font_size_xxx_large,
-	font_size_xx_large: font_size_xx_large,
-	font_size_x_large: font_size_x_large,
+	font_family_text_turva: font_family_text_turva,
 	font_size_large: font_size_large,
 	font_size_medium: font_size_medium,
 	font_size_small: font_size_small,
+	font_size_x_large: font_size_x_large,
 	font_size_x_small: font_size_x_small,
-	radius_sharp: radius_sharp,
+	font_size_xx_large: font_size_xx_large,
+	font_size_xxx_large: font_size_xxx_large,
+	font_size_xxxx_large: font_size_xxxx_large,
+	font_weight_bold: font_weight_bold,
+	font_weight_extra_bold: font_weight_extra_bold,
+	font_weight_normal: font_weight_normal,
+	font_weight_semi_bold: font_weight_semi_bold,
+	letter_spacing_heading: letter_spacing_heading,
+	line_height_medium: line_height_medium,
+	line_height_small: line_height_small,
+	line_height_x_small: line_height_x_small,
+	media_query_large: media_query_large,
+	media_query_medium: media_query_medium,
+	media_query_small: media_query_small,
+	media_query_x_large: media_query_x_large,
+	media_query_x_small: media_query_x_small,
+	media_query_xx_large: media_query_xx_large,
+	media_query_xx_small: media_query_xx_small,
+	media_query_xxx_large: media_query_xxx_large,
+	media_query_xxx_small: media_query_xxx_small,
+	opacity_30: opacity_30,
+	opacity_50: opacity_50,
+	opacity_75: opacity_75,
+	opacity_85: opacity_85,
+	radius_circle: radius_circle,
 	radius_default: radius_default,
-	radius_medium: radius_medium,
 	radius_intermediate: radius_intermediate,
 	radius_large: radius_large,
-	radius_circle: radius_circle,
+	radius_medium: radius_medium,
 	radius_pill: radius_pill,
-	shadow_tooltip_turva: shadow_tooltip_turva,
-	shadow_focus_input_turva: shadow_focus_input_turva,
+	radius_sharp: radius_sharp,
+	shadow_card: shadow_card,
+	shadow_card_turva: shadow_card_turva,
 	shadow_default: shadow_default,
-	shadow_focus_input: shadow_focus_input,
-	shadow_tooltip: shadow_tooltip,
-	shadow_hover_input_turva: shadow_hover_input_turva,
-	shadow_error_turva: shadow_error_turva,
-	shadow_hover_input: shadow_hover_input,
+	shadow_default_turva: shadow_default_turva,
 	shadow_error: shadow_error,
-	shadow_card_turva: shadow_card_turva,
-	shadow_modal: shadow_modal,
-	shadow_card: shadow_card,
-	shadow_focus_turva: shadow_focus_turva,
+	shadow_error_turva: shadow_error_turva,
 	shadow_focus: shadow_focus,
-	shadow_hover_turva: shadow_hover_turva,
+	shadow_focus_input: shadow_focus_input,
+	shadow_focus_input_turva: shadow_focus_input_turva,
+	shadow_focus_turva: shadow_focus_turva,
 	shadow_hover: shadow_hover,
-	shadow_default_turva: shadow_default_turva,
-	space_xx_small: space_xx_small,
-	space_large: space_large,
-	space_x_small: space_x_small,
-	space_xxx_small: space_xxx_small,
-	space_small: space_small,
-	space_medium: space_medium,
-	space_xx_large: space_xx_large,
-	space_xxxx_large: space_xxxx_large,
-	space_xxxxx_large: space_xxxxx_large,
-	space_xxx_large: space_xxx_large,
-	space_x_large: space_x_large,
-	size_icon_xx_large: size_icon_xx_large,
-	size_form_border: size_form_border,
-	size_step_medium: size_step_medium,
+	shadow_hover_input: shadow_hover_input,
+	shadow_hover_input_turva: shadow_hover_input_turva,
+	shadow_hover_turva: shadow_hover_turva,
+	shadow_modal: shadow_modal,
+	shadow_tooltip: shadow_tooltip,
+	shadow_tooltip_turva: shadow_tooltip_turva,
+	size_button_border: size_button_border,
 	size_button_min_width: size_button_min_width,
+	size_button_tiny_border: size_button_tiny_border,
+	size_form_border: size_form_border,
 	size_header: size_header,
-	size_icon_xxx_large: size_icon_xxx_large,
+	size_icon_large: size_icon_large,
+	size_icon_medium: size_icon_medium,
+	size_icon_small: size_icon_small,
 	size_icon_x_large: size_icon_x_large,
+	size_icon_x_small: size_icon_x_small,
+	size_icon_xx_large: size_icon_xx_large,
 	size_icon_xx_small: size_icon_xx_small,
-	size_step_small: size_step_small,
-	size_navigation: size_navigation,
-	size_icon_large: size_icon_large,
+	size_icon_xxx_large: size_icon_xxx_large,
+	size_icon_xxx_small: size_icon_xxx_small,
 	size_layout_max_width: size_layout_max_width,
-	size_tappable_square: size_tappable_square,
-	size_icon_x_small: size_icon_x_small,
 	size_medium_border: size_medium_border,
-	size_icon_xxx_small: size_icon_xxx_small,
-	size_button_border: size_button_border,
-	size_button_tiny_border: size_button_tiny_border,
-	size_icon_medium: size_icon_medium,
-	size_icon_small: size_icon_small,
-	opacity_85: opacity_85,
-	opacity_75: opacity_75,
-	opacity_50: opacity_50,
-	opacity_30: opacity_30,
-	z_index_mask_buttons: z_index_mask_buttons,
-	z_index_dropdown: z_index_dropdown,
-	z_index_spinner: z_index_spinner,
-	z_index_default: z_index_default,
-	z_index_toast: z_index_toast,
-	z_index_popup: z_index_popup,
-	z_index_modal: z_index_modal,
-	z_index_sticky: z_index_sticky,
-	z_index_masked: z_index_masked,
-	z_index_deep: z_index_deep,
-	z_index_overlay: z_index_overlay,
-	z_index_mask: z_index_mask,
-	z_index_header: z_index_header,
-	line_height_medium: line_height_medium,
-	line_height_small: line_height_small,
-	line_height_x_small: line_height_x_small,
+	size_navigation: size_navigation,
+	size_step_medium: size_step_medium,
+	size_step_small: size_step_small,
+	size_tappable_square: size_tappable_square,
+	space_large: space_large,
+	space_medium: space_medium,
+	space_small: space_small,
+	space_x_large: space_x_large,
+	space_x_small: space_x_small,
+	space_xx_large: space_xx_large,
+	space_xx_small: space_xx_small,
+	space_xxx_large: space_xxx_large,
+	space_xxx_small: space_xxx_small,
+	space_xxxx_large: space_xxxx_large,
+	space_xxxxx_large: space_xxxxx_large,
 	transition_quickly: transition_quickly,
 	transition_slowly: transition_slowly,
-	media_query_xxx_large: media_query_xxx_large,
-	media_query_x_large: media_query_x_large,
-	media_query_medium: media_query_medium,
-	media_query_large: media_query_large,
-	media_query_xx_large: media_query_xx_large,
-	media_query_x_small: media_query_x_small,
-	media_query_xxx_small: media_query_xxx_small,
-	media_query_small: media_query_small,
-	media_query_xx_small: media_query_xx_small
+	z_index_deep: z_index_deep,
+	z_index_default: z_index_default,
+	z_index_dropdown: z_index_dropdown,
+	z_index_header: z_index_header,
+	z_index_mask: z_index_mask,
+	z_index_mask_buttons: z_index_mask_buttons,
+	z_index_masked: z_index_masked,
+	z_index_modal: z_index_modal,
+	z_index_overlay: z_index_overlay,
+	z_index_popup: z_index_popup,
+	z_index_spinner: z_index_spinner,
+	z_index_sticky: z_index_sticky,
+	z_index_toast: z_index_toast
 };
 
 var tokens$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    color_warning: color_warning,
-    color_gray_darker: color_gray_darker,
-    color_gray_lighter: color_gray_lighter,
-    color_category_home: color_category_home,
-    color_primary: color_primary,
-    color_category_vehicle: color_category_vehicle,
-    color_success: color_success,
-    color_category_family: color_category_family,
-    color_primary_lightest: color_primary_lightest,
-    color_primary_lighter: color_primary_lighter,
     color_brand_blue: color_brand_blue,
-    color_primary_dark: color_primary_dark,
-    color_gray_lightest: color_gray_lightest,
+    color_brand_gray_turva: color_brand_gray_turva,
+    color_category_family: color_category_family,
+    color_category_family_turva: color_category_family_turva,
     color_category_finance: color_category_finance,
-    color_gray_dark: color_gray_dark,
-    color_gray_light: color_gray_light,
-    color_secondary: color_secondary,
+    color_category_home: color_category_home,
+    color_category_home_turva: color_category_home_turva,
     color_category_pet: color_category_pet,
-    color_primary_darker: color_primary_darker,
-    color_primary_light: color_primary_light,
     color_category_travel: color_category_travel,
-    color_gray: color_gray,
-    color_danger: color_danger,
-    color_gray_darker_turva: color_gray_darker_turva,
-    color_gray_lighter_turva: color_gray_lighter_turva,
-    color_category_home_turva: color_category_home_turva,
-    color_primary_turva: color_primary_turva,
-    color_category_vehicle_turva: color_category_vehicle_turva,
-    color_success_turva: color_success_turva,
-    color_primary_lightest_turva: color_primary_lightest_turva,
-    color_category_family_turva: color_category_family_turva,
-    color_category_union_turva: color_category_union_turva,
-    color_primary_lighter_turva: color_primary_lighter_turva,
-    color_primary_dark_turva: color_primary_dark_turva,
-    color_gray_lightest_turva: color_gray_lightest_turva,
-    color_gray_dark_turva: color_gray_dark_turva,
-    color_gray_light_turva: color_gray_light_turva,
-    color_brand_gray_turva: color_brand_gray_turva,
-    color_secondary_turva: color_secondary_turva,
-    color_primary_darker_turva: color_primary_darker_turva,
-    color_primary_light_turva: color_primary_light_turva,
     color_category_travel_turva: color_category_travel_turva,
-    color_gray_turva: color_gray_turva,
+    color_category_union_turva: color_category_union_turva,
+    color_category_vehicle: color_category_vehicle,
+    color_category_vehicle_turva: color_category_vehicle_turva,
+    color_danger: color_danger,
     color_danger_turva: color_danger_turva,
-    color_warning_turva: color_warning_turva,
+    color_data_01: color_data_01,
+    color_data_02: color_data_02,
+    color_data_03: color_data_03,
+    color_data_04: color_data_04,
+    color_data_05: color_data_05,
+    color_data_06: color_data_06,
     color_data_07: color_data_07,
     color_data_08: color_data_08,
     color_data_09: color_data_09,
     color_data_10: color_data_10,
     color_data_11: color_data_11,
-    color_data_01: color_data_01,
     color_data_12: color_data_12,
-    color_data_02: color_data_02,
     color_data_13: color_data_13,
-    color_data_03: color_data_03,
     color_data_14: color_data_14,
-    color_data_04: color_data_04,
     color_data_15: color_data_15,
-    color_data_05: color_data_05,
-    color_data_06: color_data_06,
-    font_weight_extra_bold: font_weight_extra_bold,
-    letter_spacing_heading: letter_spacing_heading,
-    font_family_heading_turva: font_family_heading_turva,
-    font_family_text_turva: font_family_text_turva,
+    color_gray: color_gray,
+    color_gray_dark: color_gray_dark,
+    color_gray_dark_turva: color_gray_dark_turva,
+    color_gray_darker: color_gray_darker,
+    color_gray_darker_turva: color_gray_darker_turva,
+    color_gray_light: color_gray_light,
+    color_gray_light_turva: color_gray_light_turva,
+    color_gray_lighter: color_gray_lighter,
+    color_gray_lighter_turva: color_gray_lighter_turva,
+    color_gray_lightest: color_gray_lightest,
+    color_gray_lightest_turva: color_gray_lightest_turva,
+    color_gray_turva: color_gray_turva,
+    color_primary: color_primary,
+    color_primary_dark: color_primary_dark,
+    color_primary_dark_turva: color_primary_dark_turva,
+    color_primary_darker: color_primary_darker,
+    color_primary_darker_turva: color_primary_darker_turva,
+    color_primary_light: color_primary_light,
+    color_primary_light_turva: color_primary_light_turva,
+    color_primary_lighter: color_primary_lighter,
+    color_primary_lighter_turva: color_primary_lighter_turva,
+    color_primary_lightest: color_primary_lightest,
+    color_primary_lightest_turva: color_primary_lightest_turva,
+    color_primary_turva: color_primary_turva,
+    color_secondary: color_secondary,
+    color_secondary_turva: color_secondary_turva,
+    color_success: color_success,
+    color_success_turva: color_success_turva,
+    color_warning: color_warning,
+    color_warning_turva: color_warning_turva,
     font_family_heading: font_family_heading,
+    font_family_heading_turva: font_family_heading_turva,
     font_family_text: font_family_text,
-    font_weight_bold: font_weight_bold,
-    font_weight_normal: font_weight_normal,
-    font_weight_semi_bold: font_weight_semi_bold,
-    font_size_xxxx_large: font_size_xxxx_large,
-    font_size_xxx_large: font_size_xxx_large,
-    font_size_xx_large: font_size_xx_large,
-    font_size_x_large: font_size_x_large,
+    font_family_text_turva: font_family_text_turva,
     font_size_large: font_size_large,
     font_size_medium: font_size_medium,
     font_size_small: font_size_small,
+    font_size_x_large: font_size_x_large,
     font_size_x_small: font_size_x_small,
-    radius_sharp: radius_sharp,
+    font_size_xx_large: font_size_xx_large,
+    font_size_xxx_large: font_size_xxx_large,
+    font_size_xxxx_large: font_size_xxxx_large,
+    font_weight_bold: font_weight_bold,
+    font_weight_extra_bold: font_weight_extra_bold,
+    font_weight_normal: font_weight_normal,
+    font_weight_semi_bold: font_weight_semi_bold,
+    letter_spacing_heading: letter_spacing_heading,
+    line_height_medium: line_height_medium,
+    line_height_small: line_height_small,
+    line_height_x_small: line_height_x_small,
+    media_query_large: media_query_large,
+    media_query_medium: media_query_medium,
+    media_query_small: media_query_small,
+    media_query_x_large: media_query_x_large,
+    media_query_x_small: media_query_x_small,
+    media_query_xx_large: media_query_xx_large,
+    media_query_xx_small: media_query_xx_small,
+    media_query_xxx_large: media_query_xxx_large,
+    media_query_xxx_small: media_query_xxx_small,
+    opacity_30: opacity_30,
+    opacity_50: opacity_50,
+    opacity_75: opacity_75,
+    opacity_85: opacity_85,
+    radius_circle: radius_circle,
     radius_default: radius_default,
-    radius_medium: radius_medium,
     radius_intermediate: radius_intermediate,
     radius_large: radius_large,
-    radius_circle: radius_circle,
+    radius_medium: radius_medium,
     radius_pill: radius_pill,
-    shadow_tooltip_turva: shadow_tooltip_turva,
-    shadow_focus_input_turva: shadow_focus_input_turva,
+    radius_sharp: radius_sharp,
+    shadow_card: shadow_card,
+    shadow_card_turva: shadow_card_turva,
     shadow_default: shadow_default,
-    shadow_focus_input: shadow_focus_input,
-    shadow_tooltip: shadow_tooltip,
-    shadow_hover_input_turva: shadow_hover_input_turva,
-    shadow_error_turva: shadow_error_turva,
-    shadow_hover_input: shadow_hover_input,
+    shadow_default_turva: shadow_default_turva,
     shadow_error: shadow_error,
-    shadow_card_turva: shadow_card_turva,
-    shadow_modal: shadow_modal,
-    shadow_card: shadow_card,
-    shadow_focus_turva: shadow_focus_turva,
+    shadow_error_turva: shadow_error_turva,
     shadow_focus: shadow_focus,
-    shadow_hover_turva: shadow_hover_turva,
+    shadow_focus_input: shadow_focus_input,
+    shadow_focus_input_turva: shadow_focus_input_turva,
+    shadow_focus_turva: shadow_focus_turva,
     shadow_hover: shadow_hover,
-    shadow_default_turva: shadow_default_turva,
-    space_xx_small: space_xx_small,
-    space_large: space_large,
-    space_x_small: space_x_small,
-    space_xxx_small: space_xxx_small,
-    space_small: space_small,
-    space_medium: space_medium,
-    space_xx_large: space_xx_large,
-    space_xxxx_large: space_xxxx_large,
-    space_xxxxx_large: space_xxxxx_large,
-    space_xxx_large: space_xxx_large,
-    space_x_large: space_x_large,
-    size_icon_xx_large: size_icon_xx_large,
-    size_form_border: size_form_border,
-    size_step_medium: size_step_medium,
+    shadow_hover_input: shadow_hover_input,
+    shadow_hover_input_turva: shadow_hover_input_turva,
+    shadow_hover_turva: shadow_hover_turva,
+    shadow_modal: shadow_modal,
+    shadow_tooltip: shadow_tooltip,
+    shadow_tooltip_turva: shadow_tooltip_turva,
+    size_button_border: size_button_border,
     size_button_min_width: size_button_min_width,
+    size_button_tiny_border: size_button_tiny_border,
+    size_form_border: size_form_border,
     size_header: size_header,
-    size_icon_xxx_large: size_icon_xxx_large,
+    size_icon_large: size_icon_large,
+    size_icon_medium: size_icon_medium,
+    size_icon_small: size_icon_small,
     size_icon_x_large: size_icon_x_large,
+    size_icon_x_small: size_icon_x_small,
+    size_icon_xx_large: size_icon_xx_large,
     size_icon_xx_small: size_icon_xx_small,
-    size_step_small: size_step_small,
-    size_navigation: size_navigation,
-    size_icon_large: size_icon_large,
+    size_icon_xxx_large: size_icon_xxx_large,
+    size_icon_xxx_small: size_icon_xxx_small,
     size_layout_max_width: size_layout_max_width,
-    size_tappable_square: size_tappable_square,
-    size_icon_x_small: size_icon_x_small,
     size_medium_border: size_medium_border,
-    size_icon_xxx_small: size_icon_xxx_small,
-    size_button_border: size_button_border,
-    size_button_tiny_border: size_button_tiny_border,
-    size_icon_medium: size_icon_medium,
-    size_icon_small: size_icon_small,
-    opacity_85: opacity_85,
-    opacity_75: opacity_75,
-    opacity_50: opacity_50,
-    opacity_30: opacity_30,
-    z_index_mask_buttons: z_index_mask_buttons,
-    z_index_dropdown: z_index_dropdown,
-    z_index_spinner: z_index_spinner,
+    size_navigation: size_navigation,
+    size_step_medium: size_step_medium,
+    size_step_small: size_step_small,
+    size_tappable_square: size_tappable_square,
+    space_large: space_large,
+    space_medium: space_medium,
+    space_small: space_small,
+    space_x_large: space_x_large,
+    space_x_small: space_x_small,
+    space_xx_large: space_xx_large,
+    space_xx_small: space_xx_small,
+    space_xxx_large: space_xxx_large,
+    space_xxx_small: space_xxx_small,
+    space_xxxx_large: space_xxxx_large,
+    space_xxxxx_large: space_xxxxx_large,
+    transition_quickly: transition_quickly,
+    transition_slowly: transition_slowly,
+    z_index_deep: z_index_deep,
     z_index_default: z_index_default,
-    z_index_toast: z_index_toast,
-    z_index_popup: z_index_popup,
-    z_index_modal: z_index_modal,
-    z_index_sticky: z_index_sticky,
+    z_index_dropdown: z_index_dropdown,
+    z_index_header: z_index_header,
+    z_index_mask: z_index_mask,
+    z_index_mask_buttons: z_index_mask_buttons,
     z_index_masked: z_index_masked,
-    z_index_deep: z_index_deep,
+    z_index_modal: z_index_modal,
     z_index_overlay: z_index_overlay,
-    z_index_mask: z_index_mask,
-    z_index_header: z_index_header,
-    line_height_medium: line_height_medium,
-    line_height_small: line_height_small,
-    line_height_x_small: line_height_x_small,
-    transition_quickly: transition_quickly,
-    transition_slowly: transition_slowly,
-    media_query_xxx_large: media_query_xxx_large,
-    media_query_x_large: media_query_x_large,
-    media_query_medium: media_query_medium,
-    media_query_large: media_query_large,
-    media_query_xx_large: media_query_xx_large,
-    media_query_x_small: media_query_x_small,
-    media_query_xxx_small: media_query_xxx_small,
-    media_query_small: media_query_small,
-    media_query_xx_small: media_query_xx_small,
+    z_index_popup: z_index_popup,
+    z_index_spinner: z_index_spinner,
+    z_index_sticky: z_index_sticky,
+    z_index_toast: z_index_toast,
     'default': tokens
 });
 
@@ -15743,6 +15745,7 @@ class DuetModal {
         registerInstance(this, hostRef);
         this.duetOpen = createEvent$2(this, "duetOpen", 7);
         this.duetClose = createEvent$2(this, "duetClose", 7);
+        this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
         this.duetBeforeClose = createEvent$2(this, "duetBeforeClose", 7);
         var _a, _b;
         this.hasStickyHeader = false;
@@ -15828,6 +15831,7 @@ class DuetModal {
         }
         else {
             this.modalEl.classList.remove("duet-disable-transitions");
+            this.modalEl.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
             enableBodyScroll(this.modalEl);
             this.duetClose.emit();
             this.teleport.removeInertFromSiblings();