@duetds/components 8.6.2 → 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-action-button/duet-action-button.js

@@ -232,7 +232,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonIconSize"
                         }
                     }
@@ -560,7 +560,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonEvent"
                         }
                     }

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;
@@ -427,11 +428,26 @@ export class DuetAlert {
                     "references": {
                         "DuetAlertEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-alert/duet-alert.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-alert/duet-alert.tsx",
                             "id": "src/components/duet-alert/duet-alert.tsx::DuetAlertEvent"
                         }
                     }
                 }
+            }, {
+                "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() {