@duetds/components 8.6.3 → 8.6.4

package/lib/dist-custom-elements/{p-0c564379.js → p-67ef919e.js}

@@ -1,335 +1,335 @@
 /*!
  * Built with Duet Design System
  */
-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
 });
 
 export { mediaQueryXSmall as a, mediaQuerySmall as b, mediaQueryMedium as c, mediaQueryLarge as d, mediaQueryXLarge as e, mediaQueryXxLarge as f, mediaQueryXxxLarge as g, mediaQueryXxxSmall as h, sizeHeader as i, colorGrayLightest as j, colorBrandGrayTurva as k, colorPrimaryTurva as l, mediaQueryXxSmall as m, colorPrimary as n, colorGrayTurva as o, colorGray as p, sizeNavigation as s, tokens as t };

package/lib/dist-custom-elements/{p-e3d597b6.js → p-6ac13d84.js}

@@ -3,7 +3,7 @@
  */
 import { p as proxyCustomElement, H, h, d as Host } from './p-e98f9bb0.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { g as getColorByName } from './p-25c80cdb.js';
+import { g as getColorByName } from './p-3ec3eb5f.js';
 
 const duetLabelCss = "*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}";
 

package/lib/dist-custom-elements/{p-8f03dae0.js → p-7b97ad08.js}

@@ -9,14 +9,14 @@ import { c as cleanValue, r as resetCursor } from './p-df7874f9.js';
 import { b as isEscapeKey, c as isEnterKey } from './p-785686e3.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
 import { c as checkNamedSlotElement } from './p-06e608ae.js';
-import { d as defineCustomElement$9 } from './p-4c6021d9.js';
+import { d as defineCustomElement$9 } from './p-20b3fa1e.js';
 import { d as defineCustomElement$8 } from './p-b6322d8d.js';
-import { d as defineCustomElement$7 } from './p-98d17606.js';
-import { d as defineCustomElement$6 } from './p-e3d597b6.js';
-import { d as defineCustomElement$5 } from './p-63954651.js';
-import { d as defineCustomElement$4 } from './p-bb662681.js';
+import { d as defineCustomElement$7 } from './p-9ca3437c.js';
+import { d as defineCustomElement$6 } from './p-6ac13d84.js';
+import { d as defineCustomElement$5 } from './p-b676c88c.js';
+import { d as defineCustomElement$4 } from './p-f47e755d.js';
 import { d as defineCustomElement$3 } from './p-c8415e2f.js';
-import { d as defineCustomElement$2 } from './p-7b843aae.js';
+import { d as defineCustomElement$2 } from './p-ecaba4be.js';
 import { d as defineCustomElement$1 } from './p-d1815d2a.js';
 
 var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};

package/lib/dist-custom-elements/{p-a38a452e.js → p-82302a93.js}

@@ -4,9 +4,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-e98f9bb0.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { h as hasSlot, g as getElementsFromDefaultSlot } from './p-06e608ae.js';
-import { d as defineCustomElement$4 } from './p-4c6021d9.js';
-import { d as defineCustomElement$3 } from './p-98d17606.js';
-import { d as defineCustomElement$2 } from './p-63954651.js';
+import { d as defineCustomElement$4 } from './p-20b3fa1e.js';
+import { d as defineCustomElement$3 } from './p-9ca3437c.js';
+import { d as defineCustomElement$2 } from './p-b676c88c.js';
 import { d as defineCustomElement$1 } from './p-d1815d2a.js';
 
 const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-button--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";

package/lib/dist-custom-elements/{p-98d17606.js → p-9ca3437c.js}

@@ -3,7 +3,7 @@
  */
 import { E as Env, p as proxyCustomElement, H, h, d as Host } from './p-e98f9bb0.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { g as getColorByName, r as rgbaColorFromRgb } from './p-25c80cdb.js';
+import { g as getColorByName, r as rgbaColorFromRgb } from './p-3ec3eb5f.js';
 
 const cleanupSvg = (svgContent) => {
     if (typeof document === "undefined" || !svgContent) {