@duetds/components 8.6.3 → 8.6.4

package/lib/cjs/{tokens.module-2198b663.js → tokens.module-3e57c188.js}

@@ -3,335 +3,335 @@
  */
 'use strict';
 
-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";
 
 const tokens = /*#__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
 });
 
 exports.colorBrandGrayTurva = colorBrandGrayTurva;

package/lib/collection/components/duet-alert/duet-alert.js

@@ -33,6 +33,7 @@ export class DuetAlert {
         };
         this.handleHide = () => {
             this.isDismissed = true;
+            this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
         };
         this.theme = "";
         this.isDismissed = false;
@@ -432,6 +433,21 @@ export class DuetAlert {
                         }
                     }
                 }
+            }, {
+                "method": "duetCloseComplete",
+                "name": "duetCloseComplete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the alert closing transition is complete."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

package/lib/collection/components/duet-banner/duet-banner.css

@@ -86,7 +86,7 @@
   display: none;
   width: 100%;
   height: 100%;
-  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");
+  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");
 }
 .duet-banner .content {
   display: flex;
@@ -122,7 +122,7 @@
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .duet-banner.duet-theme-turva .visual .brand-shape {
-  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");
+  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");
 }
 .duet-banner.size-medium, .duet-banner.size-large {
   /* stylelint-disable */

package/lib/collection/components/duet-banner/duet-banner.js

@@ -97,7 +97,7 @@ export class DuetBanner {
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
-            }, style: bannerStyles }, h("div", { class: "visual" }, h("div", { class: "image-container" }, this.image && h(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { class: "brand-shape" })), h("div", { class: "content" }, this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", null, h("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h("div", { class: "description", style: { color } }, h("slot", { name: "description" }))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" })))))));
+            }, style: bannerStyles }, h("div", { class: "visual" }, h("div", { class: "image-container" }, this.image && h(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { style: bannerStyles, class: "brand-shape" })), h("div", { class: "content" }, this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", null, h("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h("div", { class: "description", style: { color } }, h("slot", { name: "description" }))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" })))))));
     }
     static get is() { return "duet-banner"; }
     static get encapsulation() { return "shadow"; }