@duetds/components 10.2.4 → 10.3.1

package/lib/esm/{tokens.module-BzrE0-hp.js → tokens.module-DEzE2U5T.js}

@@ -3,16 +3,46 @@
  */
 const colorBackgroundAccentPrimary = "rgb(240, 247, 250)";
 const colorBackgroundAccentPrimaryTurva = "rgb(253, 247, 242)";
+const colorBackgroundAccentQuaternary = "rgb(0, 119, 179)";
+const colorBackgroundAccentQuaternaryTurva = "rgb(230, 23, 64)";
 const colorBackgroundAccentSecondary = "rgb(228, 241, 247)";
 const colorBackgroundAccentSecondaryTurva = "rgb(251, 235, 225)";
-const colorBackgroundAccentTertiary = "rgb(0, 119, 179)";
-const colorBackgroundAccentTertiaryTurva = "rgb(230, 23, 64)";
+const colorBackgroundAccentTertiary = "rgb(217, 236, 245)";
+const colorBackgroundAccentTertiaryTurva = "rgb(251, 225, 209)";
+const colorBackgroundDisabledPrimary = "rgb(245, 248, 250)";
+const colorBackgroundDisabledPrimaryTurva = "rgb(245, 246, 247)";
+const colorBackgroundDisabledSecondary = "rgb(228, 236, 239)";
+const colorBackgroundDisabledSecondaryTurva = "rgb(228, 233, 237)";
 const colorBackgroundPrimary = "rgb(255, 255, 255)";
 const colorBackgroundPrimaryTurva = "rgb(255, 255, 255)";
 const colorBackgroundSecondary = "rgb(245, 248, 250)";
 const colorBackgroundSecondaryTurva = "rgb(245, 246, 247)";
 const colorBackgroundTertiary = "rgb(8, 42, 77)";
 const colorBackgroundTertiaryTurva = "rgb(23, 42, 59)";
+const colorBorderAccentPrimary = "rgb(0, 119, 179)";
+const colorBorderAccentPrimaryTurva = "rgb(230, 23, 64)";
+const colorBorderAccentQuaternary = "rgb(217, 236, 245)";
+const colorBorderAccentQuaternaryTurva = "rgb(251, 225, 209)";
+const colorBorderAccentSecondary = "rgb(131, 188, 217)";
+const colorBorderAccentSecondaryTurva = "rgb(243, 119, 133)";
+const colorBorderAccentTertiary = "rgb(198, 225, 238)";
+const colorBorderAccentTertiaryTurva = "rgb(241, 202, 178)";
+const colorBorderDisabledPrimary = "rgb(212, 223, 229)";
+const colorBorderDisabledPrimaryTurva = "rgb(212, 221, 226)";
+const colorBorderDisabledSecondary = "rgb(181, 198, 208)";
+const colorBorderDisabledSecondaryTurva = "rgb(178, 194, 205)";
+const colorBorderInversePrimary = "rgb(127, 150, 165)";
+const colorBorderInversePrimaryTurva = "rgb(120, 145, 164)";
+const colorBorderInverseSecondary = "rgb(81, 105, 123)";
+const colorBorderInverseSecondaryTurva = "rgb(72, 100, 122)";
+const colorBorderInverseTertiary = "rgb(62, 84, 102)";
+const colorBorderInverseTertiaryTurva = "rgb(53, 79, 101)";
+const colorBorderPrimary = "rgb(127, 150, 165)";
+const colorBorderPrimaryTurva = "rgb(120, 145, 164)";
+const colorBorderSecondary = "rgb(181, 198, 208)";
+const colorBorderSecondaryTurva = "rgb(178, 194, 205)";
+const colorBorderTertiary = "rgb(212, 223, 229)";
+const colorBorderTertiaryTurva = "rgb(212, 221, 226)";
 const colorBrandBlue = "rgb(0, 161, 212)";
 const colorBrandGrayTurva = "rgb(178, 180, 179)";
 const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -55,6 +85,46 @@ const colorData12 = "rgb(11, 114, 136)";
 const colorData13 = "rgb(179, 137, 24)";
 const colorData14 = "rgb(128, 98, 17)";
 const colorData15 = "rgb(0, 41, 77)";
+const colorDomainFamily = "rgb(11, 114, 136)";
+const colorDomainFamilyTurva = "rgb(199, 12, 112)";
+const colorDomainFinance = "rgb(122, 1, 196)";
+const colorDomainFinanceTurva = "rgb(122, 1, 196)";
+const colorDomainHome = "rgb(211, 36, 131)";
+const colorDomainHomeTurva = "rgb(161, 10, 78)";
+const colorDomainPet = "rgb(168, 1, 78)";
+const colorDomainPetTurva = "rgb(168, 1, 78)";
+const colorDomainTravel = "rgb(213, 66, 3)";
+const colorDomainTravelTurva = "rgb(9, 129, 148)";
+const colorDomainVehicle = "rgb(54, 74, 129)";
+const colorDomainVehicleTurva = "rgb(23, 28, 58)";
+const colorForegroundAccentPrimary = "rgb(0, 119, 179)";
+const colorForegroundAccentPrimaryTurva = "rgb(230, 23, 64)";
+const colorForegroundAccentSecondary = "rgb(0, 97, 155)";
+const colorForegroundAccentSecondaryTurva = "rgb(185, 3, 41)";
+const colorForegroundAccentTertiary = "rgb(0, 75, 129)";
+const colorForegroundAccentTertiaryTurva = "rgb(140, 0, 30)";
+const colorForegroundDisabledPrimary = "rgb(127, 150, 165)";
+const colorForegroundDisabledPrimaryTurva = "rgb(120, 145, 164)";
+const colorForegroundDisabledSecondary = "rgb(98, 121, 138)";
+const colorForegroundDisabledSecondaryTurva = "rgb(95, 122, 143)";
+const colorForegroundInverseAccentPrimary = "rgb(131, 188, 217)";
+const colorForegroundInverseAccentPrimaryTurva = "rgb(243, 119, 133)";
+const colorForegroundInverseAccentSecondary = "rgb(172, 210, 229)";
+const colorForegroundInverseAccentSecondaryTurva = "rgb(249, 164, 172)";
+const colorForegroundInverseAccentTertiary = "rgb(198, 225, 238)";
+const colorForegroundInverseAccentTertiaryTurva = "rgb(255, 201, 204)";
+const colorForegroundInversePrimary = "rgb(255, 255, 255)";
+const colorForegroundInversePrimaryTurva = "rgb(255, 255, 255)";
+const colorForegroundInverseSecondary = "rgb(181, 198, 208)";
+const colorForegroundInverseSecondaryTurva = "rgb(178, 194, 205)";
+const colorForegroundInverseTertiary = "rgb(127, 150, 165)";
+const colorForegroundInverseTertiaryTurva = "rgb(120, 145, 164)";
+const colorForegroundPrimary = "rgb(8, 42, 77)";
+const colorForegroundPrimaryTurva = "rgb(23, 42, 59)";
+const colorForegroundSecondary = "rgb(62, 84, 102)";
+const colorForegroundSecondaryTurva = "rgb(53, 79, 101)";
+const colorForegroundTertiary = "rgb(98, 121, 138)";
+const colorForegroundTertiaryTurva = "rgb(95, 122, 143)";
 const colorGray = "rgb(181, 198, 208)";
 const colorGrayDark = "rgb(127, 150, 165)";
 const colorGrayDarkTurva = "rgb(120, 145, 164)";
@@ -67,6 +137,10 @@ const colorGrayLighterTurva = "rgb(245, 246, 247)";
 const colorGrayLightest = "rgb(255, 255, 255)";
 const colorGrayLightestTurva = "rgb(255, 255, 255)";
 const colorGrayTurva = "rgb(178, 194, 205)";
+const colorInteractiveAlternative = "rgb(0, 119, 179)";
+const colorInteractiveAlternativeLight = "rgb(240, 247, 250)";
+const colorInteractiveAlternativeLightTurva = "rgb(245, 246, 247)";
+const colorInteractiveAlternativeTurva = "rgb(23, 42, 59)";
 const colorLtBlue00 = "rgb(240, 247, 250)";
 const colorLtBlue100 = "rgb(217, 236, 245)";
 const colorLtBlue1000 = "rgb(8, 42, 77)";
@@ -98,14 +172,50 @@ const colorPrimaryDarkTurva = "rgb(140, 0, 30)";
 const colorPrimaryDarker = "rgb(0, 97, 155)";
 const colorPrimaryDarkerTurva = "rgb(185, 3, 41)";
 const colorPrimaryLight = "rgb(198, 225, 238)";
-const colorPrimaryLightTurva = "rgb(255, 201, 204)";
+const colorPrimaryLightTurva = "rgb(241, 202, 178)";
 const colorPrimaryLighter = "rgb(228, 241, 247)";
-const colorPrimaryLighterTurva = "rgb(255, 236, 236)";
+const colorPrimaryLighterTurva = "rgb(251, 235, 225)";
 const colorPrimaryLightest = "rgb(240, 247, 250)";
-const colorPrimaryLightestTurva = "rgb(255, 242, 242)";
+const colorPrimaryLightestTurva = "rgb(253, 247, 242)";
 const colorPrimaryTurva = "rgb(230, 23, 64)";
 const colorSecondary = "rgb(8, 42, 77)";
 const colorSecondaryTurva = "rgb(23, 42, 59)";
+const colorStatusBackgroundDangerPrimary = "rgb(255, 240, 243)";
+const colorStatusBackgroundDangerQuaternary = "rgb(185, 16, 74)";
+const colorStatusBackgroundDangerSecondary = "rgb(255, 211, 219)";
+const colorStatusBackgroundDangerTertiary = "rgb(214, 28, 82)";
+const colorStatusBackgroundInfoPrimary = "rgb(240, 247, 250)";
+const colorStatusBackgroundInfoQuaternary = "rgb(0, 97, 155)";
+const colorStatusBackgroundInfoSecondary = "rgb(217, 236, 245)";
+const colorStatusBackgroundInfoTertiary = "rgb(0, 119, 179)";
+const colorStatusBackgroundSuccessPrimary = "rgb(231, 248, 239)";
+const colorStatusBackgroundSuccessQuaternary = "rgb(29, 106, 88)";
+const colorStatusBackgroundSuccessSecondary = "rgb(191, 239, 218)";
+const colorStatusBackgroundSuccessTertiary = "rgb(76, 164, 138)";
+const colorStatusBackgroundWarningPrimary = "rgb(255, 247, 221)";
+const colorStatusBackgroundWarningQuaternary = "rgb(247, 178, 40)";
+const colorStatusBackgroundWarningSecondary = "rgb(255, 232, 160)";
+const colorStatusBackgroundWarningTertiary = "rgb(255, 199, 79)";
+const colorStatusBorderDangerPrimary = "rgb(255, 173, 190)";
+const colorStatusBorderDangerSecondary = "rgb(214, 28, 82)";
+const colorStatusBorderInfoPrimary = "rgb(172, 210, 229)";
+const colorStatusBorderInfoSecondary = "rgb(0, 119, 179)";
+const colorStatusBorderSuccessPrimary = "rgb(163, 229, 202)";
+const colorStatusBorderSuccessSecondary = "rgb(76, 164, 138)";
+const colorStatusBorderWarningPrimary = "rgb(255, 217, 120)";
+const colorStatusBorderWarningSecondary = "rgb(196, 138, 23)";
+const colorStatusForegroundDangerPrimary = "rgb(153, 9, 66)";
+const colorStatusForegroundDangerSecondary = "rgb(120, 4, 56)";
+const colorStatusForegroundInfoPrimary = "rgb(0, 75, 129)";
+const colorStatusForegroundInfoSecondary = "rgb(3, 56, 102)";
+const colorStatusForegroundInverseDanger = "rgb(255, 240, 243)";
+const colorStatusForegroundInverseInfo = "rgb(240, 247, 250)";
+const colorStatusForegroundInverseSuccess = "rgb(244, 250, 247)";
+const colorStatusForegroundInverseWarning = "rgb(38, 26, 4)";
+const colorStatusForegroundSuccessPrimary = "rgb(29, 106, 88)";
+const colorStatusForegroundSuccessSecondary = "rgb(13, 71, 59)";
+const colorStatusForegroundWarningPrimary = "rgb(126, 87, 16)";
+const colorStatusForegroundWarningSecondary = "rgb(81, 55, 9)";
 const colorSuccess = "rgb(48, 131, 105)";
 const colorSuccess00 = "rgb(244, 250, 247)";
 const colorSuccess100 = "rgb(218, 246, 233)";
@@ -120,30 +230,6 @@ const colorSuccess700 = "rgb(48, 131, 105)";
 const colorSuccess800 = "rgb(29, 106, 88)";
 const colorSuccess900 = "rgb(13, 71, 59)";
 const colorSuccessTurva = "rgb(48, 131, 105)";
-const colorTurva2Gray00 = "rgb(245, 246, 247)";
-const colorTurva2Gray100 = "rgb(212, 221, 226)";
-const colorTurva2Gray1000 = "rgb(6, 23, 38)";
-const colorTurva2Gray200 = "rgb(178, 194, 205)";
-const colorTurva2Gray300 = "rgb(148, 169, 185)";
-const colorTurva2Gray400 = "rgb(120, 145, 164)";
-const colorTurva2Gray50 = "rgb(228, 233, 237)";
-const colorTurva2Gray500 = "rgb(95, 122, 143)";
-const colorTurva2Gray600 = "rgb(72, 100, 122)";
-const colorTurva2Gray700 = "rgb(53, 79, 101)";
-const colorTurva2Gray800 = "rgb(37, 60, 80)";
-const colorTurva2Gray900 = "rgb(23, 42, 59)";
-const colorTurva2Red00 = "rgb(255, 242, 242)";
-const colorTurva2Red100 = "rgb(255, 229, 230)";
-const colorTurva2Red1000 = "rgb(51, 0, 10)";
-const colorTurva2Red200 = "rgb(255, 201, 204)";
-const colorTurva2Red300 = "rgb(249, 164, 172)";
-const colorTurva2Red400 = "rgb(243, 119, 133)";
-const colorTurva2Red50 = "rgb(255, 236, 236)";
-const colorTurva2Red500 = "rgb(236, 69, 96)";
-const colorTurva2Red600 = "rgb(230, 23, 64)";
-const colorTurva2Red700 = "rgb(185, 3, 41)";
-const colorTurva2Red800 = "rgb(140, 0, 30)";
-const colorTurva2Red900 = "rgb(96, 0, 20)";
 const colorTurvaGray00 = "rgb(245, 246, 247)";
 const colorTurvaGray100 = "rgb(212, 221, 226)";
 const colorTurvaGray1000 = "rgb(6, 23, 38)";
@@ -302,16 +388,46 @@ var tokens = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	colorBackgroundAccentPrimary: colorBackgroundAccentPrimary,
 	colorBackgroundAccentPrimaryTurva: colorBackgroundAccentPrimaryTurva,
+	colorBackgroundAccentQuaternary: colorBackgroundAccentQuaternary,
+	colorBackgroundAccentQuaternaryTurva: colorBackgroundAccentQuaternaryTurva,
 	colorBackgroundAccentSecondary: colorBackgroundAccentSecondary,
 	colorBackgroundAccentSecondaryTurva: colorBackgroundAccentSecondaryTurva,
 	colorBackgroundAccentTertiary: colorBackgroundAccentTertiary,
 	colorBackgroundAccentTertiaryTurva: colorBackgroundAccentTertiaryTurva,
+	colorBackgroundDisabledPrimary: colorBackgroundDisabledPrimary,
+	colorBackgroundDisabledPrimaryTurva: colorBackgroundDisabledPrimaryTurva,
+	colorBackgroundDisabledSecondary: colorBackgroundDisabledSecondary,
+	colorBackgroundDisabledSecondaryTurva: colorBackgroundDisabledSecondaryTurva,
 	colorBackgroundPrimary: colorBackgroundPrimary,
 	colorBackgroundPrimaryTurva: colorBackgroundPrimaryTurva,
 	colorBackgroundSecondary: colorBackgroundSecondary,
 	colorBackgroundSecondaryTurva: colorBackgroundSecondaryTurva,
 	colorBackgroundTertiary: colorBackgroundTertiary,
 	colorBackgroundTertiaryTurva: colorBackgroundTertiaryTurva,
+	colorBorderAccentPrimary: colorBorderAccentPrimary,
+	colorBorderAccentPrimaryTurva: colorBorderAccentPrimaryTurva,
+	colorBorderAccentQuaternary: colorBorderAccentQuaternary,
+	colorBorderAccentQuaternaryTurva: colorBorderAccentQuaternaryTurva,
+	colorBorderAccentSecondary: colorBorderAccentSecondary,
+	colorBorderAccentSecondaryTurva: colorBorderAccentSecondaryTurva,
+	colorBorderAccentTertiary: colorBorderAccentTertiary,
+	colorBorderAccentTertiaryTurva: colorBorderAccentTertiaryTurva,
+	colorBorderDisabledPrimary: colorBorderDisabledPrimary,
+	colorBorderDisabledPrimaryTurva: colorBorderDisabledPrimaryTurva,
+	colorBorderDisabledSecondary: colorBorderDisabledSecondary,
+	colorBorderDisabledSecondaryTurva: colorBorderDisabledSecondaryTurva,
+	colorBorderInversePrimary: colorBorderInversePrimary,
+	colorBorderInversePrimaryTurva: colorBorderInversePrimaryTurva,
+	colorBorderInverseSecondary: colorBorderInverseSecondary,
+	colorBorderInverseSecondaryTurva: colorBorderInverseSecondaryTurva,
+	colorBorderInverseTertiary: colorBorderInverseTertiary,
+	colorBorderInverseTertiaryTurva: colorBorderInverseTertiaryTurva,
+	colorBorderPrimary: colorBorderPrimary,
+	colorBorderPrimaryTurva: colorBorderPrimaryTurva,
+	colorBorderSecondary: colorBorderSecondary,
+	colorBorderSecondaryTurva: colorBorderSecondaryTurva,
+	colorBorderTertiary: colorBorderTertiary,
+	colorBorderTertiaryTurva: colorBorderTertiaryTurva,
 	colorBrandBlue: colorBrandBlue,
 	colorBrandGrayTurva: colorBrandGrayTurva,
 	colorCategoryFamily: colorCategoryFamily,
@@ -354,6 +470,46 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorData13: colorData13,
 	colorData14: colorData14,
 	colorData15: colorData15,
+	colorDomainFamily: colorDomainFamily,
+	colorDomainFamilyTurva: colorDomainFamilyTurva,
+	colorDomainFinance: colorDomainFinance,
+	colorDomainFinanceTurva: colorDomainFinanceTurva,
+	colorDomainHome: colorDomainHome,
+	colorDomainHomeTurva: colorDomainHomeTurva,
+	colorDomainPet: colorDomainPet,
+	colorDomainPetTurva: colorDomainPetTurva,
+	colorDomainTravel: colorDomainTravel,
+	colorDomainTravelTurva: colorDomainTravelTurva,
+	colorDomainVehicle: colorDomainVehicle,
+	colorDomainVehicleTurva: colorDomainVehicleTurva,
+	colorForegroundAccentPrimary: colorForegroundAccentPrimary,
+	colorForegroundAccentPrimaryTurva: colorForegroundAccentPrimaryTurva,
+	colorForegroundAccentSecondary: colorForegroundAccentSecondary,
+	colorForegroundAccentSecondaryTurva: colorForegroundAccentSecondaryTurva,
+	colorForegroundAccentTertiary: colorForegroundAccentTertiary,
+	colorForegroundAccentTertiaryTurva: colorForegroundAccentTertiaryTurva,
+	colorForegroundDisabledPrimary: colorForegroundDisabledPrimary,
+	colorForegroundDisabledPrimaryTurva: colorForegroundDisabledPrimaryTurva,
+	colorForegroundDisabledSecondary: colorForegroundDisabledSecondary,
+	colorForegroundDisabledSecondaryTurva: colorForegroundDisabledSecondaryTurva,
+	colorForegroundInverseAccentPrimary: colorForegroundInverseAccentPrimary,
+	colorForegroundInverseAccentPrimaryTurva: colorForegroundInverseAccentPrimaryTurva,
+	colorForegroundInverseAccentSecondary: colorForegroundInverseAccentSecondary,
+	colorForegroundInverseAccentSecondaryTurva: colorForegroundInverseAccentSecondaryTurva,
+	colorForegroundInverseAccentTertiary: colorForegroundInverseAccentTertiary,
+	colorForegroundInverseAccentTertiaryTurva: colorForegroundInverseAccentTertiaryTurva,
+	colorForegroundInversePrimary: colorForegroundInversePrimary,
+	colorForegroundInversePrimaryTurva: colorForegroundInversePrimaryTurva,
+	colorForegroundInverseSecondary: colorForegroundInverseSecondary,
+	colorForegroundInverseSecondaryTurva: colorForegroundInverseSecondaryTurva,
+	colorForegroundInverseTertiary: colorForegroundInverseTertiary,
+	colorForegroundInverseTertiaryTurva: colorForegroundInverseTertiaryTurva,
+	colorForegroundPrimary: colorForegroundPrimary,
+	colorForegroundPrimaryTurva: colorForegroundPrimaryTurva,
+	colorForegroundSecondary: colorForegroundSecondary,
+	colorForegroundSecondaryTurva: colorForegroundSecondaryTurva,
+	colorForegroundTertiary: colorForegroundTertiary,
+	colorForegroundTertiaryTurva: colorForegroundTertiaryTurva,
 	colorGray: colorGray,
 	colorGrayDark: colorGrayDark,
 	colorGrayDarkTurva: colorGrayDarkTurva,
@@ -366,6 +522,10 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorGrayLightest: colorGrayLightest,
 	colorGrayLightestTurva: colorGrayLightestTurva,
 	colorGrayTurva: colorGrayTurva,
+	colorInteractiveAlternative: colorInteractiveAlternative,
+	colorInteractiveAlternativeLight: colorInteractiveAlternativeLight,
+	colorInteractiveAlternativeLightTurva: colorInteractiveAlternativeLightTurva,
+	colorInteractiveAlternativeTurva: colorInteractiveAlternativeTurva,
 	colorLtBlue00: colorLtBlue00,
 	colorLtBlue100: colorLtBlue100,
 	colorLtBlue1000: colorLtBlue1000,
@@ -405,6 +565,42 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorPrimaryTurva: colorPrimaryTurva,
 	colorSecondary: colorSecondary,
 	colorSecondaryTurva: colorSecondaryTurva,
+	colorStatusBackgroundDangerPrimary: colorStatusBackgroundDangerPrimary,
+	colorStatusBackgroundDangerQuaternary: colorStatusBackgroundDangerQuaternary,
+	colorStatusBackgroundDangerSecondary: colorStatusBackgroundDangerSecondary,
+	colorStatusBackgroundDangerTertiary: colorStatusBackgroundDangerTertiary,
+	colorStatusBackgroundInfoPrimary: colorStatusBackgroundInfoPrimary,
+	colorStatusBackgroundInfoQuaternary: colorStatusBackgroundInfoQuaternary,
+	colorStatusBackgroundInfoSecondary: colorStatusBackgroundInfoSecondary,
+	colorStatusBackgroundInfoTertiary: colorStatusBackgroundInfoTertiary,
+	colorStatusBackgroundSuccessPrimary: colorStatusBackgroundSuccessPrimary,
+	colorStatusBackgroundSuccessQuaternary: colorStatusBackgroundSuccessQuaternary,
+	colorStatusBackgroundSuccessSecondary: colorStatusBackgroundSuccessSecondary,
+	colorStatusBackgroundSuccessTertiary: colorStatusBackgroundSuccessTertiary,
+	colorStatusBackgroundWarningPrimary: colorStatusBackgroundWarningPrimary,
+	colorStatusBackgroundWarningQuaternary: colorStatusBackgroundWarningQuaternary,
+	colorStatusBackgroundWarningSecondary: colorStatusBackgroundWarningSecondary,
+	colorStatusBackgroundWarningTertiary: colorStatusBackgroundWarningTertiary,
+	colorStatusBorderDangerPrimary: colorStatusBorderDangerPrimary,
+	colorStatusBorderDangerSecondary: colorStatusBorderDangerSecondary,
+	colorStatusBorderInfoPrimary: colorStatusBorderInfoPrimary,
+	colorStatusBorderInfoSecondary: colorStatusBorderInfoSecondary,
+	colorStatusBorderSuccessPrimary: colorStatusBorderSuccessPrimary,
+	colorStatusBorderSuccessSecondary: colorStatusBorderSuccessSecondary,
+	colorStatusBorderWarningPrimary: colorStatusBorderWarningPrimary,
+	colorStatusBorderWarningSecondary: colorStatusBorderWarningSecondary,
+	colorStatusForegroundDangerPrimary: colorStatusForegroundDangerPrimary,
+	colorStatusForegroundDangerSecondary: colorStatusForegroundDangerSecondary,
+	colorStatusForegroundInfoPrimary: colorStatusForegroundInfoPrimary,
+	colorStatusForegroundInfoSecondary: colorStatusForegroundInfoSecondary,
+	colorStatusForegroundInverseDanger: colorStatusForegroundInverseDanger,
+	colorStatusForegroundInverseInfo: colorStatusForegroundInverseInfo,
+	colorStatusForegroundInverseSuccess: colorStatusForegroundInverseSuccess,
+	colorStatusForegroundInverseWarning: colorStatusForegroundInverseWarning,
+	colorStatusForegroundSuccessPrimary: colorStatusForegroundSuccessPrimary,
+	colorStatusForegroundSuccessSecondary: colorStatusForegroundSuccessSecondary,
+	colorStatusForegroundWarningPrimary: colorStatusForegroundWarningPrimary,
+	colorStatusForegroundWarningSecondary: colorStatusForegroundWarningSecondary,
 	colorSuccess: colorSuccess,
 	colorSuccess00: colorSuccess00,
 	colorSuccess100: colorSuccess100,
@@ -419,30 +615,6 @@ var tokens = /*#__PURE__*/Object.freeze({
 	colorSuccess800: colorSuccess800,
 	colorSuccess900: colorSuccess900,
 	colorSuccessTurva: colorSuccessTurva,
-	colorTurva2Gray00: colorTurva2Gray00,
-	colorTurva2Gray100: colorTurva2Gray100,
-	colorTurva2Gray1000: colorTurva2Gray1000,
-	colorTurva2Gray200: colorTurva2Gray200,
-	colorTurva2Gray300: colorTurva2Gray300,
-	colorTurva2Gray400: colorTurva2Gray400,
-	colorTurva2Gray50: colorTurva2Gray50,
-	colorTurva2Gray500: colorTurva2Gray500,
-	colorTurva2Gray600: colorTurva2Gray600,
-	colorTurva2Gray700: colorTurva2Gray700,
-	colorTurva2Gray800: colorTurva2Gray800,
-	colorTurva2Gray900: colorTurva2Gray900,
-	colorTurva2Red00: colorTurva2Red00,
-	colorTurva2Red100: colorTurva2Red100,
-	colorTurva2Red1000: colorTurva2Red1000,
-	colorTurva2Red200: colorTurva2Red200,
-	colorTurva2Red300: colorTurva2Red300,
-	colorTurva2Red400: colorTurva2Red400,
-	colorTurva2Red50: colorTurva2Red50,
-	colorTurva2Red500: colorTurva2Red500,
-	colorTurva2Red600: colorTurva2Red600,
-	colorTurva2Red700: colorTurva2Red700,
-	colorTurva2Red800: colorTurva2Red800,
-	colorTurva2Red900: colorTurva2Red900,
 	colorTurvaGray00: colorTurvaGray00,
 	colorTurvaGray100: colorTurvaGray100,
 	colorTurvaGray1000: colorTurvaGray1000,
@@ -598,4 +770,4 @@ var tokens = /*#__PURE__*/Object.freeze({
 	zIndexToast: zIndexToast
 });
 
-export { colorGrayDarkTurva as A, spaceMedium as B, spaceXxSmall as C, colorGrayLightest as D, spaceSmall as E, colorGrayLight as F, colorGrayLightTurva as G, colorGrayDarkerTurva as H, sizeNavigation as I, colorBrandGrayTurva as J, colorPrimary as a, colorGrayTurva as b, colorGray as c, colorPrimaryTurva as d, mediaQueryXxLarge as e, mediaQueryXLarge as f, mediaQueryLarge as g, mediaQueryMedium as h, mediaQuerySmall as i, mediaQueryXSmall as j, mediaQueryXxSmall as k, mediaQueryXxxSmall as l, mediaQueryXxxLarge as m, lineHeightMedium as n, spaceXSmall as o, fontSizeMedium as p, spaceLarge as q, fontFamilyText as r, sizeHeader as s, tokens as t, fontFamilyTextTurva as u, colorSecondary as v, colorSecondaryTurva as w, fontWeightSemiBold as x, lineHeightSmall as y, colorGrayDarker as z };
+export { colorGrayLightest as A, spaceSmall as B, colorGrayLight as C, fontFamilyTextTurva as D, colorTurvaGray900 as E, colorGrayDarkTurva as F, colorSecondaryTurva as G, colorGrayLightTurva as H, colorGrayDarkerTurva as I, sizeNavigation as J, mediaQueryXxLarge as a, mediaQueryXLarge as b, mediaQueryLarge as c, mediaQueryMedium as d, mediaQuerySmall as e, mediaQueryXSmall as f, mediaQueryXxSmall as g, mediaQueryXxxSmall as h, colorGray as i, colorPrimary as j, colorGrayTurva as k, colorPrimaryTurva as l, mediaQueryXxxLarge as m, lineHeightMedium as n, spaceXSmall as o, fontSizeMedium as p, spaceLarge as q, fontFamilyText as r, sizeHeader as s, tokens as t, colorSecondary as u, fontWeightSemiBold as v, lineHeightSmall as w, colorGrayDarker as x, spaceMedium as y, spaceXxSmall as z };

package/lib/types/components/duet-banner/duet-banner.d.ts

@@ -10,6 +10,7 @@ export type bannerSize = "small" | "medium" | "large";
 export declare class DuetBanner implements ThemeableComponent {
     private hasHeadingSlot;
     private hasDescriptionSlot;
+    private hasHeadingSlotNative;
     private hasActionSlot;
     element: HTMLElement;
     currentSize: bannerSize;
@@ -75,7 +76,6 @@ export declare class DuetBanner implements ThemeableComponent {
      * Default to smaller button size for small and medium banners.
      */
     private setButtonSize;
-    private isTurva2;
     private getBackgroundColor;
     /**
      * render() function

package/lib/types/components/duet-date-picker/date-utils.d.ts

@@ -1,7 +1,7 @@
 /**
  * @param value date string in format dd.mm.yyyy
  */
-export declare function parseDate(value: string): Date;
+export declare function parseDate(value: string): Date | undefined;
 /**
  * @param value date string in ISO format YYYY-MM-DD
  */

package/lib/types/components/duet-date-picker/duet-date-picker.d.ts

@@ -35,7 +35,6 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
     focusedDay: Date;
     inputValue: string;
     inputHasFocus: boolean;
-    internalValidityError: string;
     /**
      * Reference to host HTML element.
      */
@@ -181,7 +180,7 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
      * unread by screen readers.
      */
     accessibleLiveError: "off" | "polite" | "assertive";
-    updateValidity(newValue: any, _oldValue: any, propName: string): void;
+    updateValidity(): void;
     updateInternalValue(): void;
     /**
      * Event emitted when a date is selected.

package/lib/types/components/duet-logo/duet-logo.d.ts

@@ -8,8 +8,6 @@ export declare class DuetLogo implements ThemeableComponent {
      */
     private logoId;
     private nativeLink?;
-    private classMutationObserver;
-    isTurva2: boolean;
     /**
      * Reference to host HTML element.
      */
@@ -48,7 +46,6 @@ export declare class DuetLogo implements ThemeableComponent {
      * @default "fi"
      */
     language: DuetLanguage;
-    private setTurva2State;
     /**
      * @internal
      * Renders only the symbol

package/lib/types/components/duet-promo-card/duet-promo-card.d.ts

@@ -10,6 +10,7 @@ export declare class DuetPromoCard implements ThemeableComponent {
     private aOrDivElement;
     private hasPreHeadingSlot;
     private hasHeadingSlot;
+    private hasHeadingSlotNative;
     private hasDescriptionSlot;
     private hasActionSlot;
     element: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "10.2.4",
+  "version": "10.3.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -67,9 +67,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.63",
-    "@duetds/icons": "4.3.5",
-    "@duetds/tokens": "5.0.0",
+    "@duetds/fonts": "3.0.65",
+    "@duetds/icons": "4.3.7",
+    "@duetds/tokens": "5.1.0",
     "@percy/cli": "1.30.1",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.36.3",
@@ -97,5 +97,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a809804aea3ac66031a3cae57bdac45bc83bc7e0"
+  "gitHead": "8daf5b2c1a1ccf789f6cb3927d0ee5b47caf6e77"
 }

package/lib/collection/utils/turva2-color-tokens.js

@@ -1,42 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const turva2ColorTokens = {
-    "color-turva2-red-00": "rgb(255, 242, 242)",
-    "color-turva2-red-50": "rgb(255, 236, 236)",
-    "color-turva2-red-100": "rgb(255, 229, 230)",
-    "color-turva2-red-200": "rgb(255, 201, 204)",
-    "color-turva2-red-300": "rgb(249, 164, 172)",
-    "color-turva2-red-400": "rgb(243, 119, 133)",
-    "color-turva2-red-500": "rgb(236, 69, 96)",
-    "color-turva2-red-600": "rgb(230, 23, 64)",
-    "color-turva2-red-700": "rgb(185, 3, 41)",
-    "color-turva2-red-800": "rgb(140, 0, 30)",
-    "color-turva2-red-900": "rgb(96, 0, 20)",
-    "color-turva2-red-1000": "rgb(51, 0, 10)",
-    "color-turva2-gray-00": "rgb(245, 246, 247)",
-    "color-turva2-gray-50": "rgb(228, 233, 237)",
-    "color-turva2-gray-100": "rgb(212, 221, 226)",
-    "color-turva2-gray-200": "rgb(178, 194, 205)",
-    "color-turva2-gray-300": "rgb(148, 169, 185)",
-    "color-turva2-gray-400": "rgb(120, 145, 164)",
-    "color-turva2-gray-500": "rgb(95, 122, 143)",
-    "color-turva2-gray-600": "rgb(72, 100, 122)",
-    "color-turva2-gray-700": "rgb(53, 79, 101)",
-    "color-turva2-gray-800": "rgb(37, 60, 80)",
-    "color-turva2-gray-900": "rgb(23, 42, 59)",
-    "color-turva2-gray-1000": "rgb(6, 23, 38)",
-    "color-turva-nude-00": "rgb(253, 247, 242)",
-    "color-turva-nude-50": "rgb(251, 235, 225)",
-    "color-turva-nude-100": "rgb(251, 225, 209)",
-    "color-turva-nude-200": "rgb(241, 202, 178)",
-    "color-turva-nude-300": "rgb(216, 174, 150)",
-    "color-turva-nude-400": "rgb(190, 147, 124)",
-    "color-turva-nude-500": "rgb(165, 122, 101)",
-    "color-turva-nude-600": "rgb(140, 98, 79)",
-    "color-turva-nude-700": "rgb(114, 76, 60)",
-    "color-turva-nude-800": "rgb(89, 56, 43)",
-    "color-turva-nude-900": "rgb(64, 38, 28)",
-    "color-turva-nude-1000": "rgb(38, 21, 15)",
-};
-export default turva2ColorTokens;

package/lib/duet/p-00c4df17.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-D01wpYGA.js";import{o as n}from"./p-BzrE0-hp.js";import{M as a,z as r,o as h,f as u,s as p}from"./p-B_NkY9T0.js";import{i as d}from"./p-Brp9BZK6.js";import{s as l}from"./p-EzuzdWgU.js";import{f as c}from"./p-BahNb4S5.js";import{g as m,a as f,e as b,b as g}from"./p-Db8rvjPI.js";import{a as v}from"./p-udt4OnI3.js";import{T as x}from"./p-CxwkvTlZ.js";import{n as y}from"./p-vVCYtBMj.js";import"./p-B0U815Vi.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const k=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.open=!1,this.language=v(),this.accessibleRole="menu",this.theme="",this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?document.getElementById(this.controller):this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),!e)return this.openButton&&this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"),void(this.openButton=void 0);try{const t=e;l(t,!1),this.controllerIcon&&t.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[h({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&u(),p({padding:5})].filter(Boolean),e=await a(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;m(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())}}get opener(){return this.controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new x(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.controller&&"string"!=typeof this.controller?this.setOpenButton(this.controller):this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null)}handleKeyUp(t){this.open&&f(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(m(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}g(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.openButton&&l(this.openButton,this.open),this.open&&!e){const t={ancestorScroll:!this.forcePlacement};"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=r(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}handleControllerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(n.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"3534adf5c6abb308f55859ca8825f540149c4365",role:"menu"===this.accessibleRole?"application":null},i("div",{key:"8df3cd5cf367bc4bc8fe2414450f2b609ebc8d8b",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"1f455934a4ccc2124488b60ff8f04d82b3200cec"},i("duet-input",{key:"b763609a5d22ff87ad82cc7874bda7adf64956ec",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"91e60fbfc9d747551489af0cc9c5ebdd13d4eba9"},i("span",{key:"605812e1cb2866eb2c71804a089ad6df771d57d1",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"50d88c6e45d84d5ca864155420c736df12d5f188",size:"xx-small"})),i("slot",{key:"b25f422c968d1b9179a547cc7b022f77d0db0ce3"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"],controller:["handleControllerChange"]}}};k.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;visibility:hidden !important;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scaleY(0);transform-origin:top center;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 42, 59) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:rgb(23, 42, 59) !important}";const w=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleRole="menuitem",this.theme="",this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1,this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})}}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"db95c4e9fb0aa71e489935fd47c3f7ac2ff56a19",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"7a082c08242605aa154211c91f25932d33478543",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"b3a98a07f252dfe67ce170caebca0f42ab683571",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"bda00beb4a4dc78a60830870a639a01dc99fcf5f",class:"duet-popup-menu-item-label"},i("slot",{key:"7c23f4c1c0b3ef2ff6d3cc555a0dedbbd8ffcfad"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"dca34adebe0f4c93d78b00fa32796a139a3a86b7",name:this.url&&this.external?y.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"c6fc39d5f1aacf715990e749d2f559761d51344f",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};w.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.duet-theme-turva{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, 42, 59)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 246, 247)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(212, 221, 226)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva,.duet-theme-turva2 .active-descendant,.active-descendant.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}';export{k as duet_popup_menu,w as duet_popup_menu_item}

package/lib/duet/p-0e0e4046.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,H as a,g as r}from"./p-D01wpYGA.js";import{i as s}from"./p-Brp9BZK6.js";import{f as i}from"./p-udt4OnI3.js";import{g as o}from"./p-B0U815Vi.js";import{g as h}from"./p-De8V1Ewb.js";import"./p-C6E9F6QT.js";import"./p-BzrE0-hp.js";const l=class{constructor(e){t(this,e),this.defaultColors=["lt-blue-800","lt-blue-600","success-600","success-800","warning-600","danger-600","danger-800"],this.theme="",this.unit="%"}componentWillLoad(){s(this)}connectedCallback(){this.childObserver=new MutationObserver(this.updateChartItems.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.updateChartItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}updateChartItems(){const t=o(this.element).filter((t=>"duet-share-chart-item"===t.tagName.toLocaleLowerCase()));this.items=t.map(((t,e)=>({text:t.textContent,value:t.value,color:t.color||this.defaultColors[e%this.defaultColors.length]}))),this.itemsTotalValue=this.items.reduce(((t,{value:e})=>t+e),0)}render(){return e(a,{key:"a8331a4750680d3263cbb297663da80b23a61474"},e("div",{key:"776a72d2c016b76c0020a0336379f6f50c767108",class:"duet-share-chart-horizontal-bar",role:"presentation"},this.items.filter((t=>!!t.value)).map((t=>e("span",{class:"duet-share-chart-share",style:{width:t.value/this.itemsTotalValue*100+"%",backgroundColor:h(t.color,this.theme)}})))),e("ul",{key:"56ea054fcb62eb2b444f8359abb3bfd322f2f7e2",class:"duet-share-chart-item-list"},this.items.map((t=>e("li",{class:{"duet-theme-turva":"turva"===this.theme}},e("span",{class:"duet-share-chart-item-color",style:{background:h(t.color,this.theme)}}),e("span",{class:"duet-share-chart-item-text"},t.text,":"),e("span",{class:"duet-share-chart-item-value"}," ",i(t.value)," ",this.unit),"%"!==this.unit&&e("duet-visually-hidden",null,`${i(t.value/this.itemsTotalValue*100,0)} %`))))),e("slot",{key:"38276b55daac849b429a9ec4e963c2d308a66267"}))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;color:rgb(8, 42, 77)}.duet-share-chart-item-list li.duet-theme-turva{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, 42, 59)}.duet-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}:host(.duet-theme-turva2) .duet-share-chart-item-list li.duet-theme-turva{color:rgb(23, 42, 59)}';export{l as duet_share_chart}

package/lib/duet/p-1040c382.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as i,g as a}from"./p-D01wpYGA.js";import{a as s}from"./p-lzu8l3tx.js";import{e as n,d as o}from"./p-B1B-PPrh.js";import{i as d}from"./p-Brp9BZK6.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.hidden=!1,this.mobile=!0,this.bodyScroll=!0,this.theme="",this.hideOnScroll=!1,this.open=!1,this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&n(this.nav),this.itemsContainer&&n(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&o(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&o(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link"),i=!!this.element.querySelector("duet-submenu-bar-item");return e||t||i}}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){d(this)}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hidden=!0):window.scrollY<150&&(this.hidden=!1),this.previousYScroll=window.scrollY)}render(){return t(i,{key:"5a7dfd7977d5260ecaa751065ffd668bccf7f734"},t("nav",{key:"8d374c6513e8ec3bb63948dffac4cd9b65eab3d9",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme,hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"d72fd8118d008647c0fc1bafc797d7d7e9670676",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("span",{key:"7dbd3343077f3e63a20b441f0e6015358da502b4",class:"label"},t("slot",{key:"a0a0ae66d22fd5737949ad3094661f172b6c0391",name:"label"}),t("duet-icon",{key:"47c4c4e42e0a8ebd3565627cd0e1982457104ca3",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"5986a2c225e9f40da81943d5daefc079756f2370",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"d8afab7eb5149ac0bebeff39ab93d36d15c499fe",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{key:"83ca8fda96f8d9b05fb0ea84d0aa52dbb4183063",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"a71c59db97c47144dc7366c1adbd416d2ac6aae9"}),t("div",{key:"026076d8b73e6af5d46a7f7367de6d4395e34519",class:"list-padding"}))),t("duet-overlay",{key:"d09747b12a70aefae2789f86380646779a1cc605","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return a(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;pointer-events:none}:host *{pointer-events:auto}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{visibility:hidden;max-height:0;overflow:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;visibility:visible;max-height:unset;overflow:visible}}.duet-submenu-bar .items{visibility:visible;width:100%;height:70vh;overflow-y:scroll;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{visibility:hidden;max-height:0;overflow:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;visibility:visible;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 246, 247);border-bottom:1px solid rgb(212, 221, 226)}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 246, 247)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 42, 59)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 42, 59)}';export{r as duet_submenu_bar}