@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.30

package/lib/esm/tokens.module-2d02f5ff.js

@@ -1,503 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const colorBrandBlue = "rgb(0, 161, 212)";
-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 colorCategoryHome = "rgb(211, 36, 131)";
-const colorCategoryHomeTurva = "rgb(161, 10, 78)";
-const colorCategoryPet = "rgb(168, 1, 78)";
-const colorCategoryTravel = "rgb(213, 66, 3)";
-const colorCategoryTravelTurva = "rgb(9, 129, 148)";
-const colorCategoryUnionTurva = "rgb(169, 69, 124)";
-const colorCategoryVehicle = "rgb(54, 74, 129)";
-const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
-const colorDanger = "rgb(214, 28, 82)";
-const colorDanger00 = "rgb(255, 240, 243)";
-const colorDanger100 = "rgb(255, 211, 219)";
-const colorDanger1000 = "rgb(89, 0, 45)";
-const colorDanger200 = "rgb(255, 173, 190)";
-const colorDanger300 = "rgb(252, 136, 162)";
-const colorDanger400 = "rgb(243, 98, 134)";
-const colorDanger50 = "rgb(255, 225, 231)";
-const colorDanger500 = "rgb(231, 62, 107)";
-const colorDanger600 = "rgb(214, 28, 82)";
-const colorDanger700 = "rgb(185, 16, 74)";
-const colorDanger800 = "rgb(153, 9, 66)";
-const colorDanger900 = "rgb(120, 4, 56)";
-const colorDangerTurva = "rgb(214, 28, 82)";
-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 colorData12 = "rgb(11, 114, 136)";
-const colorData13 = "rgb(179, 137, 24)";
-const colorData14 = "rgb(128, 98, 17)";
-const colorData15 = "rgb(0, 41, 77)";
-const colorGray = "rgb(181, 198, 208)";
-const colorGrayDark = "rgb(127, 150, 165)";
-const colorGrayDarkTurva = "rgb(143, 147, 158)";
-const colorGrayDarker = "rgb(98, 121, 138)";
-const colorGrayDarkerTurva = "rgb(113, 118, 132)";
-const colorGrayLight = "rgb(212, 223, 229)";
-const colorGrayLightTurva = "rgb(222, 224, 228)";
-const colorGrayLighter = "rgb(245, 248, 250)";
-const colorGrayLighterTurva = "rgb(245, 247, 250)";
-const colorGrayLightest = "rgb(255, 255, 255)";
-const colorGrayLightestTurva = "rgb(255, 255, 255)";
-const colorGrayTurva = "rgb(199, 202, 207)";
-const colorLtBlue00 = "rgb(240, 247, 250)";
-const colorLtBlue100 = "rgb(217, 236, 245)";
-const colorLtBlue1000 = "rgb(8, 42, 77)";
-const colorLtBlue200 = "rgb(198, 225, 238)";
-const colorLtBlue300 = "rgb(172, 210, 229)";
-const colorLtBlue400 = "rgb(131, 188, 217)";
-const colorLtBlue50 = "rgb(228, 241, 247)";
-const colorLtBlue500 = "rgb(50, 153, 204)";
-const colorLtBlue600 = "rgb(0, 119, 179)";
-const colorLtBlue700 = "rgb(0, 97, 155)";
-const colorLtBlue800 = "rgb(0, 75, 129)";
-const colorLtBlue900 = "rgb(3, 56, 102)";
-const colorLtGray00 = "rgb(245, 248, 250)";
-const colorLtGray100 = "rgb(212, 223, 229)";
-const colorLtGray1000 = "rgb(17, 28, 38)";
-const colorLtGray200 = "rgb(181, 198, 208)";
-const colorLtGray300 = "rgb(153, 174, 186)";
-const colorLtGray400 = "rgb(127, 150, 165)";
-const colorLtGray50 = "rgb(228, 236, 239)";
-const colorLtGray500 = "rgb(98, 121, 138)";
-const colorLtGray600 = "rgb(81, 105, 123)";
-const colorLtGray700 = "rgb(62, 84, 102)";
-const colorLtGray800 = "rgb(45, 64, 81)";
-const colorLtGray900 = "rgb(30, 45, 59)";
-const colorPrimary = "rgb(0, 119, 179)";
-const colorPrimaryDark = "rgb(0, 75, 129)";
-const colorPrimaryDarkTurva = "rgb(126, 2, 35)";
-const colorPrimaryDarker = "rgb(0, 97, 155)";
-const colorPrimaryDarkerTurva = "rgb(164, 4, 40)";
-const colorPrimaryLight = "rgb(198, 225, 238)";
-const colorPrimaryLightTurva = "rgb(255, 185, 190)";
-const colorPrimaryLighter = "rgb(228, 241, 247)";
-const colorPrimaryLighterTurva = "rgb(255, 227, 228)";
-const colorPrimaryLightest = "rgb(240, 247, 250)";
-const colorPrimaryLightestTurva = "rgb(255, 241, 241)";
-const colorPrimaryTurva = "rgb(198, 12, 48)";
-const colorSecondary = "rgb(8, 42, 77)";
-const colorSecondaryTurva = "rgb(23, 28, 58)";
-const colorSuccess = "rgb(48, 131, 105)";
-const colorSuccess00 = "rgb(244, 250, 247)";
-const colorSuccess100 = "rgb(218, 246, 233)";
-const colorSuccess1000 = "rgb(4, 38, 33)";
-const colorSuccess200 = "rgb(191, 239, 218)";
-const colorSuccess300 = "rgb(163, 229, 202)";
-const colorSuccess400 = "rgb(134, 215, 185)";
-const colorSuccess50 = "rgb(231, 248, 239)";
-const colorSuccess500 = "rgb(105, 196, 166)";
-const colorSuccess600 = "rgb(77, 171, 143)";
-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 colorTurvaGray00 = "rgb(245, 247, 250)";
-const colorTurvaGray100 = "rgb(222, 224, 228)";
-const colorTurvaGray1000 = "rgb(8, 13, 38)";
-const colorTurvaGray200 = "rgb(199, 202, 207)";
-const colorTurvaGray300 = "rgb(175, 178, 186)";
-const colorTurvaGray400 = "rgb(143, 147, 158)";
-const colorTurvaGray50 = "rgb(234, 235, 239)";
-const colorTurvaGray500 = "rgb(113, 118, 132)";
-const colorTurvaGray600 = "rgb(98, 104, 122)";
-const colorTurvaGray700 = "rgb(71, 78, 101)";
-const colorTurvaGray800 = "rgb(45, 52, 79)";
-const colorTurvaGray900 = "rgb(23, 28, 58)";
-const colorTurvaRed00 = "rgb(255, 241, 241)";
-const colorTurvaRed100 = "rgb(255, 213, 215)";
-const colorTurvaRed1000 = "rgb(51, 5, 20)";
-const colorTurvaRed200 = "rgb(255, 185, 190)";
-const colorTurvaRed300 = "rgb(252, 148, 158)";
-const colorTurvaRed400 = "rgb(240, 102, 119)";
-const colorTurvaRed50 = "rgb(255, 227, 228)";
-const colorTurvaRed500 = "rgb(221, 49, 77)";
-const colorTurvaRed600 = "rgb(198, 12, 48)";
-const colorTurvaRed700 = "rgb(164, 4, 40)";
-const colorTurvaRed800 = "rgb(126, 2, 35)";
-const colorTurvaRed900 = "rgb(87, 4, 29)";
-const colorWarning = "rgb(247, 178, 40)";
-const colorWarning00 = "rgb(255, 251, 242)";
-const colorWarning100 = "rgb(255, 244, 198)";
-const colorWarning1000 = "rgb(38, 26, 4)";
-const colorWarning200 = "rgb(255, 232, 160)";
-const colorWarning300 = "rgb(255, 217, 120)";
-const colorWarning400 = "rgb(255, 199, 79)";
-const colorWarning50 = "rgb(255, 247, 221)";
-const colorWarning500 = "rgb(247, 178, 40)";
-const colorWarning600 = "rgb(212, 151, 32)";
-const colorWarning700 = "rgb(156, 110, 22)";
-const colorWarning800 = "rgb(126, 87, 16)";
-const colorWarning900 = "rgb(81, 55, 9)";
-const colorWarningTurva = "rgb(247, 178, 40)";
-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 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 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 radiusIntermediate = "12px";
-const radiusLarge = "16px";
-const radiusMedium = "8px";
-const radiusPill = "20rem";
-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 shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
-const shadowError = "0 0 0 1px #de2362";
-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 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 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 sizeIconLarge = "30px";
-const sizeIconMedium = "24px";
-const sizeIconSmall = "20px";
-const sizeIconXLarge = "36px";
-const sizeIconXSmall = "16px";
-const sizeIconXxLarge = "48px";
-const sizeIconXxSmall = "10px";
-const sizeIconXxxLarge = "72px";
-const sizeIconXxxSmall = "7px";
-const sizeLayoutMaxWidth = "1110px";
-const sizeMediumBorder = "2px";
-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 zIndexDropdown = "600";
-const zIndexHeader = "400";
-const zIndexMask = "200";
-const zIndexMaskButtons = "250";
-const zIndexMasked = "100";
-const zIndexModal = "900";
-const zIndexOverlay = "700";
-const zIndexPopup = "950";
-const zIndexSpinner = "800";
-const zIndexSticky = "300";
-const zIndexToast = "500";
-
-const tokens = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	colorBrandBlue: colorBrandBlue,
-	colorBrandGrayTurva: colorBrandGrayTurva,
-	colorCategoryFamily: colorCategoryFamily,
-	colorCategoryFamilyTurva: colorCategoryFamilyTurva,
-	colorCategoryFinance: colorCategoryFinance,
-	colorCategoryHome: colorCategoryHome,
-	colorCategoryHomeTurva: colorCategoryHomeTurva,
-	colorCategoryPet: colorCategoryPet,
-	colorCategoryTravel: colorCategoryTravel,
-	colorCategoryTravelTurva: colorCategoryTravelTurva,
-	colorCategoryUnionTurva: colorCategoryUnionTurva,
-	colorCategoryVehicle: colorCategoryVehicle,
-	colorCategoryVehicleTurva: colorCategoryVehicleTurva,
-	colorDanger: colorDanger,
-	colorDanger00: colorDanger00,
-	colorDanger100: colorDanger100,
-	colorDanger1000: colorDanger1000,
-	colorDanger200: colorDanger200,
-	colorDanger300: colorDanger300,
-	colorDanger400: colorDanger400,
-	colorDanger50: colorDanger50,
-	colorDanger500: colorDanger500,
-	colorDanger600: colorDanger600,
-	colorDanger700: colorDanger700,
-	colorDanger800: colorDanger800,
-	colorDanger900: colorDanger900,
-	colorDangerTurva: colorDangerTurva,
-	colorData01: colorData01,
-	colorData02: colorData02,
-	colorData03: colorData03,
-	colorData04: colorData04,
-	colorData05: colorData05,
-	colorData06: colorData06,
-	colorData07: colorData07,
-	colorData08: colorData08,
-	colorData09: colorData09,
-	colorData10: colorData10,
-	colorData11: colorData11,
-	colorData12: colorData12,
-	colorData13: colorData13,
-	colorData14: colorData14,
-	colorData15: colorData15,
-	colorGray: colorGray,
-	colorGrayDark: colorGrayDark,
-	colorGrayDarkTurva: colorGrayDarkTurva,
-	colorGrayDarker: colorGrayDarker,
-	colorGrayDarkerTurva: colorGrayDarkerTurva,
-	colorGrayLight: colorGrayLight,
-	colorGrayLightTurva: colorGrayLightTurva,
-	colorGrayLighter: colorGrayLighter,
-	colorGrayLighterTurva: colorGrayLighterTurva,
-	colorGrayLightest: colorGrayLightest,
-	colorGrayLightestTurva: colorGrayLightestTurva,
-	colorGrayTurva: colorGrayTurva,
-	colorLtBlue00: colorLtBlue00,
-	colorLtBlue100: colorLtBlue100,
-	colorLtBlue1000: colorLtBlue1000,
-	colorLtBlue200: colorLtBlue200,
-	colorLtBlue300: colorLtBlue300,
-	colorLtBlue400: colorLtBlue400,
-	colorLtBlue50: colorLtBlue50,
-	colorLtBlue500: colorLtBlue500,
-	colorLtBlue600: colorLtBlue600,
-	colorLtBlue700: colorLtBlue700,
-	colorLtBlue800: colorLtBlue800,
-	colorLtBlue900: colorLtBlue900,
-	colorLtGray00: colorLtGray00,
-	colorLtGray100: colorLtGray100,
-	colorLtGray1000: colorLtGray1000,
-	colorLtGray200: colorLtGray200,
-	colorLtGray300: colorLtGray300,
-	colorLtGray400: colorLtGray400,
-	colorLtGray50: colorLtGray50,
-	colorLtGray500: colorLtGray500,
-	colorLtGray600: colorLtGray600,
-	colorLtGray700: colorLtGray700,
-	colorLtGray800: colorLtGray800,
-	colorLtGray900: colorLtGray900,
-	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,
-	colorSuccess00: colorSuccess00,
-	colorSuccess100: colorSuccess100,
-	colorSuccess1000: colorSuccess1000,
-	colorSuccess200: colorSuccess200,
-	colorSuccess300: colorSuccess300,
-	colorSuccess400: colorSuccess400,
-	colorSuccess50: colorSuccess50,
-	colorSuccess500: colorSuccess500,
-	colorSuccess600: colorSuccess600,
-	colorSuccess700: colorSuccess700,
-	colorSuccess800: colorSuccess800,
-	colorSuccess900: colorSuccess900,
-	colorSuccessTurva: colorSuccessTurva,
-	colorTurvaGray00: colorTurvaGray00,
-	colorTurvaGray100: colorTurvaGray100,
-	colorTurvaGray1000: colorTurvaGray1000,
-	colorTurvaGray200: colorTurvaGray200,
-	colorTurvaGray300: colorTurvaGray300,
-	colorTurvaGray400: colorTurvaGray400,
-	colorTurvaGray50: colorTurvaGray50,
-	colorTurvaGray500: colorTurvaGray500,
-	colorTurvaGray600: colorTurvaGray600,
-	colorTurvaGray700: colorTurvaGray700,
-	colorTurvaGray800: colorTurvaGray800,
-	colorTurvaGray900: colorTurvaGray900,
-	colorTurvaRed00: colorTurvaRed00,
-	colorTurvaRed100: colorTurvaRed100,
-	colorTurvaRed1000: colorTurvaRed1000,
-	colorTurvaRed200: colorTurvaRed200,
-	colorTurvaRed300: colorTurvaRed300,
-	colorTurvaRed400: colorTurvaRed400,
-	colorTurvaRed50: colorTurvaRed50,
-	colorTurvaRed500: colorTurvaRed500,
-	colorTurvaRed600: colorTurvaRed600,
-	colorTurvaRed700: colorTurvaRed700,
-	colorTurvaRed800: colorTurvaRed800,
-	colorTurvaRed900: colorTurvaRed900,
-	colorWarning: colorWarning,
-	colorWarning00: colorWarning00,
-	colorWarning100: colorWarning100,
-	colorWarning1000: colorWarning1000,
-	colorWarning200: colorWarning200,
-	colorWarning300: colorWarning300,
-	colorWarning400: colorWarning400,
-	colorWarning50: colorWarning50,
-	colorWarning500: colorWarning500,
-	colorWarning600: colorWarning600,
-	colorWarning700: colorWarning700,
-	colorWarning800: colorWarning800,
-	colorWarning900: colorWarning900,
-	colorWarningTurva: colorWarningTurva,
-	fontFamilyHeading: fontFamilyHeading,
-	fontFamilyHeadingTurva: fontFamilyHeadingTurva,
-	fontFamilyText: fontFamilyText,
-	fontFamilyTextTurva: fontFamilyTextTurva,
-	fontSizeLarge: fontSizeLarge,
-	fontSizeMedium: fontSizeMedium,
-	fontSizeSmall: fontSizeSmall,
-	fontSizeXLarge: fontSizeXLarge,
-	fontSizeXSmall: fontSizeXSmall,
-	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,
-	radiusIntermediate: radiusIntermediate,
-	radiusLarge: radiusLarge,
-	radiusMedium: radiusMedium,
-	radiusPill: radiusPill,
-	radiusSharp: radiusSharp,
-	shadowCard: shadowCard,
-	shadowCardTurva: shadowCardTurva,
-	shadowDefault: shadowDefault,
-	shadowDefaultTurva: shadowDefaultTurva,
-	shadowError: shadowError,
-	shadowErrorTurva: shadowErrorTurva,
-	shadowFocus: shadowFocus,
-	shadowFocusInput: shadowFocusInput,
-	shadowFocusInputTurva: shadowFocusInputTurva,
-	shadowFocusTurva: shadowFocusTurva,
-	shadowHover: shadowHover,
-	shadowHoverInput: shadowHoverInput,
-	shadowHoverInputTurva: shadowHoverInputTurva,
-	shadowHoverTurva: shadowHoverTurva,
-	shadowModal: shadowModal,
-	shadowTooltip: shadowTooltip,
-	shadowTooltipTurva: shadowTooltipTurva,
-	sizeButtonBorder: sizeButtonBorder,
-	sizeButtonMinWidth: sizeButtonMinWidth,
-	sizeButtonTinyBorder: sizeButtonTinyBorder,
-	sizeFormBorder: sizeFormBorder,
-	sizeHeader: sizeHeader,
-	sizeIconLarge: sizeIconLarge,
-	sizeIconMedium: sizeIconMedium,
-	sizeIconSmall: sizeIconSmall,
-	sizeIconXLarge: sizeIconXLarge,
-	sizeIconXSmall: sizeIconXSmall,
-	sizeIconXxLarge: sizeIconXxLarge,
-	sizeIconXxSmall: sizeIconXxSmall,
-	sizeIconXxxLarge: sizeIconXxxLarge,
-	sizeIconXxxSmall: sizeIconXxxSmall,
-	sizeLayoutMaxWidth: sizeLayoutMaxWidth,
-	sizeMediumBorder: sizeMediumBorder,
-	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,
-	zIndexDropdown: zIndexDropdown,
-	zIndexHeader: zIndexHeader,
-	zIndexMask: zIndexMask,
-	zIndexMaskButtons: zIndexMaskButtons,
-	zIndexMasked: zIndexMasked,
-	zIndexModal: zIndexModal,
-	zIndexOverlay: zIndexOverlay,
-	zIndexPopup: zIndexPopup,
-	zIndexSpinner: zIndexSpinner,
-	zIndexSticky: zIndexSticky,
-	zIndexToast: zIndexToast
-});
-
-export { colorGrayDarkTurva as A, spaceMedium as B, spaceXxSmall as C, spaceSmall as D, colorGrayLight as E, colorGrayLightTurva as F, colorGrayDarkerTurva as G, sizeNavigation as H, spaceXSmall as I, mediaQueryXSmall as a, mediaQuerySmall as b, mediaQueryMedium as c, mediaQueryLarge as d, mediaQueryXLarge as e, mediaQueryXxLarge as f, mediaQueryXxxLarge as g, mediaQueryXxxSmall as h, colorPrimaryTurva as i, colorGrayTurva as j, colorPrimary as k, colorGray as l, mediaQueryXxSmall as m, colorGrayLightest as n, colorBrandGrayTurva as o, spaceLarge as p, fontFamilyText as q, fontSizeMedium 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 };

package/lib/esm/watch-options-e96ecd92.js

@@ -1,57 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const watchFor = (containerEl, tagName, onChange, changeHandler, options = {
-    childList: true,
-    subtree: true,
-}) => {
-    let mutation;
-    if (typeof MutationObserver !== "undefined") {
-        mutation = new MutationObserver(mutationList => {
-            onChange(changeHandler(mutationList, tagName));
-        });
-        mutation.observe(containerEl, options);
-    }
-    return mutation;
-};
-const watchForOptions = (containerEl, tagName, onChange) => {
-    return watchFor(containerEl, tagName, onChange, getSelectedOption);
-};
-const watchForElement = (containerEl, tagName, onChange) => {
-    return watchFor(containerEl, tagName, onChange, getElementItem, {
-        childList: true,
-        subtree: true,
-    });
-};
-const getElementItem = (mutationList) => {
-    let addedNode = false;
-    let removedNode = false;
-    mutationList.forEach(mut => {
-        if (mut.addedNodes.length) {
-            addedNode = true;
-        }
-        if (mut.removedNodes.length) {
-            removedNode = true;
-        }
-    });
-    return { addedNode, removedNode, mutationList };
-};
-const getSelectedOption = (mutationList, tagName) => {
-    let newOption;
-    mutationList.forEach(mut => {
-        // tslint:disable-next-line: prefer-for-of
-        for (let i = 0; i < mut.addedNodes.length; i++) {
-            newOption = findCheckedOption(mut.addedNodes[i], tagName) || newOption;
-        }
-    });
-    return newOption;
-};
-const findCheckedOption = (el, tagName) => {
-    if (el.nodeType !== 1) {
-        return undefined;
-    }
-    const options = el.tagName === tagName.toUpperCase() ? [el] : Array.from(el.querySelectorAll(tagName));
-    return options.find((o) => o.checked === true);
-};
-
-export { watchForElement as a, findCheckedOption as f, watchForOptions as w };

package/lib/esm-es5/a11y-utils-8fc393f6.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{b as getElementsFromDefaultSlot}from"./slot-utils-4e5ed4eb.js";function getAccessibleLinkLabel(e){var t=e.element.textContent;if(e.accessibleLabel){return e.accessibleLabel}if((!!e.download||e.download==="")&&t){return"".concat(t,". ").concat(e.accessibleLabelDownload,".")}if(e.external&&t){return"".concat(t,". ").concat(e.accessibleLabelExternal,".")}if(getElementsFromDefaultSlot(e.element).length){return t}return null}export{getAccessibleLinkLabel as g};

package/lib/esm-es5/action-arrow-down-small-82273dc8.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var actionArrowDownSmall={title:"action-arrow-down-small",tags:"action arrow down small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z"/></svg>'};export{actionArrowDownSmall as a};

package/lib/esm-es5/action-new-window-small-1945be91.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var actionNewWindowSmall={title:"action-new-window-small",tags:"arrow open new window tab external linksquare box rectangle action small",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.5 2a1.5 1.5 0 0 1 .14 3H3.75c-.38 0-.7.28-.74.65l-.01.1v14.5c0 .38.28.7.65.74l.1.01h14.5c.38 0 .7-.28.74-.65l.01-.1v-6.89a1.5 1.5 0 0 1 3 0v6.89A3.75 3.75 0 0 1 18.25 24H3.75A3.75 3.75 0 0 1 0 20.25V5.75A3.75 3.75 0 0 1 3.75 2zm12-2c.78 0 1.42.6 1.5 1.36V7.5a1.5 1.5 0 0 1-3 .14V5.12l-5.44 5.44a1.5 1.5 0 0 1-2.22-2l.1-.12L18.88 3H16.5A1.5 1.5 0 0 1 15 1.64V1.5c0-.78.6-1.42 1.36-1.5h.14z"/></svg>'};export{actionNewWindowSmall as a};

package/lib/esm-es5/app-globals-00959ca9.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import"./index-1d0b7c66.js";var setupLoggers=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var appGlobalScript=function(){setupLoggers()};var globalScripts=appGlobalScript;export{globalScripts as g};

package/lib/esm-es5/body-scroll-46854769.js

@@ -1,4 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(e,n,o){if(o||arguments.length===2)for(var i=0,t=n.length,d;i<t;i++){if(d||!(i in n)){if(!d)d=Array.prototype.slice.call(n,0,i);d[i]=n[i]}}return e.concat(d||Array.prototype.slice.call(n))};
-/*!
- * Built with Duet Design System
- */var hasPassiveEvents=false;if(typeof window!=="undefined"){var passiveTestOptions={get passive(){hasPassiveEvents=true;return undefined}};window.addEventListener("testPassive",null,passiveTestOptions);window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice=typeof window!=="undefined"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||window.navigator.platform==="MacIntel"&&window.navigator.maxTouchPoints>1);var locks=[];var locksIndex=new Map;var documentListenerAdded=false;var initialClientY=-1;var previousBodyOverflowSetting;var htmlStyle;var bodyStyle;var previousBodyPaddingRight;var allowTouchMove=function(e){return locks.some((function(n){if(n.options.allowTouchMove&&n.options.allowTouchMove(e)){return true}return false}))};var preventDefault=function(e){var n=e||window.event;if(allowTouchMove(n.target)){return true}if(n.touches.length>1){return true}if(n.preventDefault){n.preventDefault()}return false};var setOverflowHidden=function(e){if(previousBodyPaddingRight===undefined){var n=!!e&&e.reserveScrollBarGap===true;var o=window.innerWidth-document.documentElement.getBoundingClientRect().width;if(n&&o>0){var i=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);previousBodyPaddingRight=document.body.style.paddingRight;document.body.style.paddingRight="".concat(i+o,"px")}}if(previousBodyOverflowSetting===undefined){previousBodyOverflowSetting=document.body.style.overflow;document.body.style.overflow="hidden"}};var restoreOverflowSetting=function(){if(previousBodyPaddingRight!==undefined){document.body.style.paddingRight=previousBodyPaddingRight;previousBodyPaddingRight=undefined}if(previousBodyOverflowSetting!==undefined){document.body.style.overflow=previousBodyOverflowSetting;previousBodyOverflowSetting=undefined}};var setPositionFixed=function(){return window.requestAnimationFrame((function(){var e=document.documentElement;var n=document.body;if(bodyStyle===undefined){htmlStyle=Object.assign({},e.style);bodyStyle=Object.assign({},n.style);var o=window.scrollY,i=window.scrollX,t=window.innerHeight;e.style.height="100%";e.style.overflow="hidden";n.style.position="fixed";n.style.top="".concat(-o,"px");n.style.left="".concat(-i,"px");n.style.width="100%";n.style.height="auto";n.style.overflow="hidden";setTimeout((function(){return window.requestAnimationFrame((function(){var e=t-window.innerHeight;if(e&&o>=t){n.style.top=-(o+e)+"px"}}))}),300)}}))};var restorePositionSetting=function(){if(bodyStyle!==undefined){var e=-parseInt(document.body.style.top,10);var n=-parseInt(document.body.style.left,10);var o=document.documentElement;var i=document.body;o.style.height=(htmlStyle===null||htmlStyle===void 0?void 0:htmlStyle.height)||"";o.style.overflow=(htmlStyle===null||htmlStyle===void 0?void 0:htmlStyle.overflow)||"";i.style.position=bodyStyle.position||"";i.style.top=bodyStyle.top||"";i.style.left=bodyStyle.left||"";i.style.width=bodyStyle.width||"";i.style.height=bodyStyle.height||"";i.style.overflow=bodyStyle.overflow||"";window.scrollTo(n,e);bodyStyle=undefined}};var isTargetElementTotallyScrolled=function(e){return e?e.scrollHeight-e.scrollTop<=e.clientHeight:false};var handleScroll=function(e,n){var o=e.targetTouches[0].clientY-initialClientY;if(allowTouchMove(e.target)){return false}if(n&&n.scrollTop===0&&o>0){return preventDefault(e)}if(isTargetElementTotallyScrolled(n)&&o<0){return preventDefault(e)}e.stopPropagation();return true};var disableBodyScroll=function(e,n){if(!e){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}locksIndex.set(e,(locksIndex===null||locksIndex===void 0?void 0:locksIndex.get(e))?(locksIndex===null||locksIndex===void 0?void 0:locksIndex.get(e))+1:1);if(locks.some((function(n){return n.targetElement===e}))){return}var o={targetElement:e,options:n||{}};locks=__spreadArray(__spreadArray([],locks,true),[o],false);if(isIosDevice){setPositionFixed()}else{setOverflowHidden(n)}if(isIosDevice){e.ontouchstart=function(e){if(e.targetTouches.length===1){initialClientY=e.targetTouches[0].clientY}};e.ontouchmove=function(n){if(n.targetTouches.length===1){handleScroll(n,e)}};if(!documentListenerAdded){document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:false}:undefined);documentListenerAdded=true}}};var enableBodyScroll=function(e){if(!e){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}locksIndex.set(e,(locksIndex===null||locksIndex===void 0?void 0:locksIndex.get(e))?(locksIndex===null||locksIndex===void 0?void 0:locksIndex.get(e))-1:0);if((locksIndex===null||locksIndex===void 0?void 0:locksIndex.get(e))===0){locks=locks.filter((function(n){return n.targetElement!==e}));locksIndex===null||locksIndex===void 0?void 0:locksIndex.delete(e)}if(isIosDevice){e.ontouchstart=null;e.ontouchmove=null;if(documentListenerAdded&&locks.length===0){document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:false}:undefined);documentListenerAdded=false}}if(locks.length===0){if(isIosDevice){restorePositionSetting()}else{restoreOverflowSetting()}}};export{disableBodyScroll as d,enableBodyScroll as e};

package/lib/esm-es5/bodyScrollLock.es6-ecbf187e.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var __spreadArray=this&&this.__spreadArray||function(e,n,i){if(i||arguments.length===2)for(var t=0,o=n.length,r;t<o;t++){if(r||!(t in n)){if(!r)r=Array.prototype.slice.call(n,0,t);r[t]=n[t]}}return e.concat(r||Array.prototype.slice.call(n))};var hasPassiveEvents=false;if(typeof window!=="undefined"){var passiveTestOptions={get passive(){hasPassiveEvents=true;return undefined}};window.addEventListener("testPassive",null,passiveTestOptions);window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice=typeof window!=="undefined"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||window.navigator.platform==="MacIntel"&&window.navigator.maxTouchPoints>1);var locks=[];var documentListenerAdded=false;var initialClientY=-1;var previousBodyOverflowSetting;var previousBodyPaddingRight;var allowTouchMove=function(e){return locks.some((function(n){if(n.options.allowTouchMove&&n.options.allowTouchMove(e)){return true}return false}))};var preventDefault=function(e){var n=e||window.event;if(allowTouchMove(n.target)){return true}if(n.touches.length>1)return true;if(n.preventDefault)n.preventDefault();return false};var setOverflowHidden=function(e){if(previousBodyPaddingRight===undefined){var n=!!e&&e.reserveScrollBarGap===true;var i=window.innerWidth-document.documentElement.clientWidth;if(n&&i>0){previousBodyPaddingRight=document.body.style.paddingRight;document.body.style.paddingRight="".concat(i,"px")}}if(previousBodyOverflowSetting===undefined){previousBodyOverflowSetting=document.body.style.overflow;document.body.style.overflow="hidden"}};var restoreOverflowSetting=function(){if(previousBodyPaddingRight!==undefined){document.body.style.paddingRight=previousBodyPaddingRight;previousBodyPaddingRight=undefined}if(previousBodyOverflowSetting!==undefined){document.body.style.overflow=previousBodyOverflowSetting;previousBodyOverflowSetting=undefined}};var isTargetElementTotallyScrolled=function(e){return e?e.scrollHeight-e.scrollTop<=e.clientHeight:false};var handleScroll=function(e,n){var i=e.targetTouches[0].clientY-initialClientY;if(allowTouchMove(e.target)){return false}if(n&&n.scrollTop===0&&i>0){return preventDefault(e)}if(isTargetElementTotallyScrolled(n)&&i<0){return preventDefault(e)}e.stopPropagation();return true};var disableBodyScroll=function(e,n){if(!e){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(locks.some((function(n){return n.targetElement===e}))){return}var i={targetElement:e,options:n||{}};locks=__spreadArray(__spreadArray([],locks,true),[i],false);if(isIosDevice){e.ontouchstart=function(e){if(e.targetTouches.length===1){initialClientY=e.targetTouches[0].clientY}};e.ontouchmove=function(n){if(n.targetTouches.length===1){handleScroll(n,e)}};if(!documentListenerAdded){document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:false}:undefined);documentListenerAdded=true}}else{setOverflowHidden(n)}};var enableBodyScroll=function(e){if(!e){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}locks=locks.filter((function(n){return n.targetElement!==e}));if(isIosDevice){e.ontouchstart=null;e.ontouchmove=null;if(documentListenerAdded&&locks.length===0){document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:false}:undefined);documentListenerAdded=false}}else if(!locks.length){restoreOverflowSetting()}};export{disableBodyScroll as d,enableBodyScroll as e};

package/lib/esm-es5/common-strings-af765cad.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var DuetStringsDownloadLinkDefaults={fi:"Linkki tallennetaan laitteellesi",sv:"Nedladdningslänk",en:"Download link"};var DuetStringsExternalDefaults={fi:"Avautuu uuteen ikkunaan",sv:"Öppnas i nytt fönster",en:"Opens in a new window"};var DuetStringsLoadingDefaults={fi:"Ladataan",sv:"Laddas",en:"Loading…"};var DuetStringsPleaseWaitDefaults={fi:"Odota, ole hyvä.",sv:"Vänligen vänta.",en:"Please wait."};export{DuetStringsExternalDefaults as D,DuetStringsPleaseWaitDefaults as a,DuetStringsLoadingDefaults as b,DuetStringsDownloadLinkDefaults as c};

package/lib/esm-es5/create-id-149a1b6d.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-function chr4(){return Math.random().toString(16).slice(-4)}function createID(r){return"".concat(r,"-").concat(chr4()).concat(chr4(),"-").concat(chr4(),"-").concat(chr4(),"-").concat(chr4(),"-").concat(chr4()).concat(chr4()).concat(chr4())}export{createID as c};

package/lib/esm-es5/duet-action-button.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{u(i.next(t))}catch(t){r(t)}}function s(t){try{u(i["throw"](t))}catch(t){r(t)}}function u(t){t.done?n(t.value):o(t.value).then(a,s)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-1d0b7c66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-14969cef.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-b9ba8c5e.js";import"./string-utils-192eb3c8.js";import"./tokens.module-2d02f5ff.js";var duetActionButtonCss="*,*::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;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";var DuetActionButtonStyle0=duetActionButtonCss;var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}));this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName=undefined;this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.url=undefined}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){if(typeof this.accessibleTitle==="string"){return this.accessibleTitle}if(this.accessibleTitle===true&&this.actionName){return capitalizeFirstLetter("".concat(this.actionName))}return null};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var i=getColorByName(this.background,this.theme);var o=i?shadeRGBColor(i,-.1):i;var r=i?"\n          button.duet-action-button {\n            background: ".concat(i," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(o," !important;\n          }\n        "):"";var a={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};var s={ref:function(t){return e.nativeButton=t},part:"button",style:a,disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t["duet-theme-turva"]=this.theme==="turva",t)};return h(Host,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:r}),this.url&&!this.disabled?h("a",Object.assign({},s,{href:this.url}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):h("button",Object.assign({},s,{onClick:function(t){return e.onMouseHandler(t)}}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=DuetActionButtonStyle0;export{DuetActionButton as duet_action_button};