@ptsecurity/mosaic 13.1.0 → 13.3.0

package/design-tokens/pt-2022/tokens.d.ts

@@ -2447,6 +2447,8 @@ export declare const LightColorSchemeWarningPalette: {
 export declare const LightColorSchemeForegroundText = "#19252f";
 export declare const LightColorSchemeForegroundTextLessContrast = "#6d7a86";
 export declare const LightColorSchemeForegroundTextDisabled = "#8c99a5";
+export declare const LightColorSchemeForegroundTextError = "#db3c55";
+export declare const LightColorSchemeForegroundTextSuccess = "#016b37";
 export declare const LightColorSchemeForegroundDivider = "#d7dee4";
 export declare const LightColorSchemeForegroundBorder = "#bdc7d1";
 export declare const LightColorSchemeForegroundIcon = "#8c99a5";
@@ -4906,6 +4908,8 @@ export declare const DarkColorSchemeWarningPalette: {
 export declare const DarkColorSchemeForegroundText = "#f2f5f9";
 export declare const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
 export declare const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
+export declare const DarkColorSchemeForegroundTextError = "#ea5868";
+export declare const DarkColorSchemeForegroundTextSuccess = "#319d5c";
 export declare const DarkColorSchemeForegroundDivider = "#333f4a";
 export declare const DarkColorSchemeForegroundBorder = "#515e69";
 export declare const DarkColorSchemeForegroundIcon = "#8c99a5";
@@ -4922,6 +4926,19 @@ export declare const DarkColorSchemeStatesDisabledOpacity = 0.3;
 export declare const FontFamilyAccent = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const FontFamilyBase = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
+export declare const Size3xs = "2rem";
+export declare const SizeXxs = "4rem";
+export declare const SizeXs = "6rem";
+export declare const SizeS = "8rem";
+export declare const SizeM = "12rem";
+export declare const SizeL = "16rem";
+export declare const SizeXl = "20rem";
+export declare const SizeXxl = "24rem";
+export declare const Size3xl = "32rem";
+export declare const Size4xl = "40rem";
+export declare const Size5xl = "48rem";
+export declare const Size6xl = "56rem";
+export declare const Size7xl = "64rem";
 export declare const PaletteBlue40 = "#eff6ff";
 export declare const PaletteBlue60 = "#e7f1ff";
 export declare const PaletteBlue100 = "#c8dfff";
@@ -7938,102 +7955,133 @@ export declare const TypographyDisplay1LetterSpacing = "normal";
 export declare const TypographyDisplay1FontWeight = "normal";
 export declare const TypographyDisplay1FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay1TextTransform = "null";
+export declare const TypographyDisplay1FontFeatureSettings = "null";
 export declare const TypographyDisplay2FontSize = "45px";
 export declare const TypographyDisplay2LineHeight = "56px";
 export declare const TypographyDisplay2LetterSpacing = "normal";
 export declare const TypographyDisplay2FontWeight = "normal";
 export declare const TypographyDisplay2FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay2TextTransform = "null";
+export declare const TypographyDisplay2FontFeatureSettings = "null";
 export declare const TypographyDisplay3FontSize = "34px";
 export declare const TypographyDisplay3LineHeight = "44px";
 export declare const TypographyDisplay3LetterSpacing = "normal";
 export declare const TypographyDisplay3FontWeight = "normal";
 export declare const TypographyDisplay3FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyDisplay3TextTransform = "null";
+export declare const TypographyDisplay3FontFeatureSettings = "null";
 export declare const TypographyHeadlineFontSize = "24px";
 export declare const TypographyHeadlineLineHeight = "32px";
 export declare const TypographyHeadlineLetterSpacing = "normal";
 export declare const TypographyHeadlineFontWeight = "normal";
 export declare const TypographyHeadlineFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyHeadlineTextTransform = "null";
+export declare const TypographyHeadlineFontFeatureSettings = "null";
 export declare const TypographyTitleFontSize = "20px";
 export declare const TypographyTitleLineHeight = "28px";
 export declare const TypographyTitleLetterSpacing = "normal";
 export declare const TypographyTitleFontWeight = "600";
 export declare const TypographyTitleFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyTitleTextTransform = "null";
+export declare const TypographyTitleFontFeatureSettings = "null";
 export declare const TypographySubheadingFontSize = "15px";
 export declare const TypographySubheadingLineHeight = "20px";
 export declare const TypographySubheadingLetterSpacing = "-0.009em";
 export declare const TypographySubheadingFontWeight = "600";
 export declare const TypographySubheadingFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographySubheadingTextTransform = "null";
+export declare const TypographySubheadingFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyFontSize = "15px";
 export declare const TypographyBodyLineHeight = "20px";
 export declare const TypographyBodyLetterSpacing = "-0.009em";
 export declare const TypographyBodyFontWeight = "normal";
 export declare const TypographyBodyFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyTextTransform = "null";
+export declare const TypographyBodyFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
+export declare const TypographyBodyTabularFontSize = "15px";
+export declare const TypographyBodyTabularLineHeight = "20px";
+export declare const TypographyBodyTabularLetterSpacing = "-0.009em";
+export declare const TypographyBodyTabularFontWeight = "normal";
+export declare const TypographyBodyTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyBodyTabularTextTransform = "null";
+export declare const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyStrongFontSize = "15px";
 export declare const TypographyBodyStrongLineHeight = "20px";
 export declare const TypographyBodyStrongLetterSpacing = "-0.009em";
 export declare const TypographyBodyStrongFontWeight = "500";
 export declare const TypographyBodyStrongFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyStrongTextTransform = "null";
+export declare const TypographyBodyStrongFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyCapsFontSize = "15px";
 export declare const TypographyBodyCapsLineHeight = "20px";
 export declare const TypographyBodyCapsLetterSpacing = "1.7px";
 export declare const TypographyBodyCapsFontWeight = "normal";
 export declare const TypographyBodyCapsFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyBodyCapsTextTransform = "uppercase";
+export declare const TypographyBodyCapsFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyBodyMonoFontSize = "15px";
 export declare const TypographyBodyMonoLineHeight = "20px";
 export declare const TypographyBodyMonoLetterSpacing = "normal";
 export declare const TypographyBodyMonoFontWeight = "normal";
 export declare const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyBodyMonoTextTransform = "null";
+export declare const TypographyBodyMonoFontFeatureSettings = "null";
 export declare const TypographyCaptionFontSize = "13px";
 export declare const TypographyCaptionLineHeight = "16px";
 export declare const TypographyCaptionLetterSpacing = "-0.0025em";
 export declare const TypographyCaptionFontWeight = "normal";
 export declare const TypographyCaptionFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyCaptionTextTransform = "null";
+export declare const TypographyCaptionFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
+export declare const TypographyCaptionTabularFontSize = "13px";
+export declare const TypographyCaptionTabularLineHeight = "16px";
+export declare const TypographyCaptionTabularLetterSpacing = "-0.0025em";
+export declare const TypographyCaptionTabularFontWeight = "normal";
+export declare const TypographyCaptionTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyCaptionTabularTextTransform = "null";
+export declare const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
 export declare const TypographyCaptionCapsFontSize = "13px";
 export declare const TypographyCaptionCapsLineHeight = "16px";
 export declare const TypographyCaptionCapsLetterSpacing = "1.5px";
 export declare const TypographyCaptionCapsFontWeight = "normal";
 export declare const TypographyCaptionCapsFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyCaptionCapsTextTransform = "uppercase";
+export declare const TypographyCaptionCapsFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyCaptionMonoFontSize = "13px";
 export declare const TypographyCaptionMonoLineHeight = "16px";
 export declare const TypographyCaptionMonoLetterSpacing = "normal";
 export declare const TypographyCaptionMonoFontWeight = "normal";
 export declare const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyCaptionMonoTextTransform = "null";
+export declare const TypographyCaptionMonoFontFeatureSettings = "null";
 export declare const TypographySmallTextFontSize = "13px";
 export declare const TypographySmallTextLineHeight = "16px";
 export declare const TypographySmallTextLetterSpacing = "-0.0025em";
 export declare const TypographySmallTextFontWeight = "normal";
 export declare const TypographySmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographySmallTextTextTransform = "null";
+export declare const TypographySmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyExtraSmallTextFontSize = "11px";
 export declare const TypographyExtraSmallTextLineHeight = "16px";
 export declare const TypographyExtraSmallTextLetterSpacing = "0.005em";
 export declare const TypographyExtraSmallTextFontWeight = "normal";
 export declare const TypographyExtraSmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextTextTransform = "null";
+export declare const TypographyExtraSmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyExtraSmallTextCapsFontSize = "11px";
 export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
 export declare const TypographyExtraSmallTextCapsLetterSpacing = "1px";
 export declare const TypographyExtraSmallTextCapsFontWeight = "normal";
 export declare const TypographyExtraSmallTextCapsFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextCapsTextTransform = "uppercase";
+export declare const TypographyExtraSmallTextCapsFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
 export declare const TypographyExtraSmallTextMonoFontSize = "11px";
 export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
 export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
 export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
 export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
 export declare const TypographyExtraSmallTextMonoTextTransform = "null";
+export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "null";
 export declare const AlertLightColorSchemeErrorBackground = "#fff3f3";
 export declare const AlertLightColorSchemeErrorBorder = "#fbd6d6";
 export declare const AlertLightColorSchemeErrorIcon = "#ee6f79";
@@ -8078,28 +8126,6 @@ export declare const AlertFontSmallBody = "caption";
 export declare const AutocompleteSizePanelPadding = "4px 0";
 export declare const AutocompleteSizePanelMaxHeight = "256px";
 export declare const AutocompleteSizePanelBorderRadius = "3px";
-export declare const BadgeSizeDefaultMinWidth = "10px";
-export declare const BadgeSizeDefaultPadding = "0 8px";
-export declare const BadgeSizeDefaultBorderWidth = "1px";
-export declare const BadgeSizeDefaultBorderRadius = "4px";
-export declare const BadgeSizeDefaultHeight = "24px";
-export declare const BadgeSizeDefaultFontDefault = "caption";
-export declare const BadgeSizeDefaultFontCaps = "caption-caps";
-export declare const BadgeSizeDefaultFontMono = "caption-mono";
-export declare const BadgeSizeMiniHeight = "16px";
-export declare const BadgeSizeMiniMinWidth = "10px";
-export declare const BadgeSizeMiniBorderWidth = "1px";
-export declare const BadgeSizeMiniBorderRadius = "2px";
-export declare const BadgeSizeMiniPadding = "0 4px";
-export declare const BadgeSizeMiniFontDefault = "extra-small-text";
-export declare const BadgeSizeMiniFontCaps = "extra-small-text-caps";
-export declare const BadgeSizeMiniFontMono = "extra-small-text-mono";
-export declare const BadgeFontDefaultDefault = "caption";
-export declare const BadgeFontDefaultCaps = "caption-caps";
-export declare const BadgeFontDefaultMono = "caption-mono";
-export declare const BadgeFontMiniDefault = "extra-small-text";
-export declare const BadgeFontMiniCaps = "extra-small-text-caps";
-export declare const BadgeFontMiniMono = "extra-small-text-mono";
 export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#4187ff";
 export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#4187ff";
 export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
@@ -8178,6 +8204,22 @@ export declare const BadgeDarkColorSchemeSolidLightColor = "white";
 export declare const BadgeDarkColorSchemeSolidSecondBackground = "#515e69";
 export declare const BadgeDarkColorSchemeSolidSecondBorder = "#515e69";
 export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
+export declare const BadgeSizeDefaultHeight = "24rem";
+export declare const BadgeSizeDefaultMinWidth = "10px";
+export declare const BadgeSizeDefaultPadding = "0 8px";
+export declare const BadgeSizeDefaultBorderWidth = "1px";
+export declare const BadgeSizeDefaultBorderRadius = "4px";
+export declare const BadgeSizeMiniHeight = "16rem";
+export declare const BadgeSizeMiniMinWidth = "10px";
+export declare const BadgeSizeMiniBorderWidth = "1px";
+export declare const BadgeSizeMiniBorderRadius = "2px";
+export declare const BadgeSizeMiniPadding = "0 4px";
+export declare const BadgeFontDefaultDefault = "caption";
+export declare const BadgeFontDefaultCaps = "caption-caps";
+export declare const BadgeFontDefaultMono = "caption-mono";
+export declare const BadgeFontMiniDefault = "extra-small-text";
+export declare const BadgeFontMiniCaps = "extra-small-text-caps";
+export declare const BadgeFontMiniMono = "extra-small-text-mono";
 export declare const ButtonToggleSizeBorderSize = "1px";
 export declare const ButtonToggleSizeBorderRadius = "3px";
 export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
@@ -8230,16 +8272,15 @@ export declare const ButtonDarkColorSchemeErrorColor = "#ea5868";
 export declare const ButtonDarkColorSchemeErrorIcon = "#ea5868";
 export declare const ButtonDarkColorSchemeErrorStatesActiveBorder = "#333f4a";
 export declare const ButtonDarkColorSchemeErrorStatesActiveBackground = "#333f4a";
+export declare const ButtonSizeHeight = "32rem";
 export declare const ButtonSizeBorderWidth = "1px";
 export declare const ButtonSizeBorderRadius = "3px";
-export declare const ButtonSizeVerticalPadding = "6px";
-export declare const ButtonSizeHorizontalPadding = "16px";
+export declare const ButtonSizeHorizontalPadding = "12rem";
 export declare const ButtonFontDefault = "body";
 export declare const ButtonFontPrimary = "body-strong";
 export declare const ButtonFontPrimaryTransparent = "body";
-export declare const IconButtonSizeVerticalPadding = "6px";
-export declare const IconButtonSizeHorizontalPadding = "8px";
-export declare const IconButtonSizeIconHorizontalPadding = "16px";
+export declare const IconButtonSizeHorizontalPadding = "8rem";
+export declare const IconButtonSizeLeftIconPadding = "6rem";
 export declare const CardLightColorSchemeErrorVerticalLine = "#fbd6d6";
 export declare const CardLightColorSchemeErrorBackground = "#fff3f3";
 export declare const CardLightColorSchemeErrorShadow = "#fbd6d6";
@@ -8306,6 +8347,22 @@ export declare const DatepickerCalendarFontHeader = "caption";
 export declare const DatepickerInputSizeWidth = "130px";
 export declare const DividerSizeWidth = "1px";
 export declare const DividerSizeInsetMargin = "80px";
+export declare const DescriptionListLightColorSchemeDt = "#6d7a86";
+export declare const DescriptionListLightColorSchemeDd = "#19252f";
+export declare const DescriptionListDarkColorSchemeDt = "#8c99a5";
+export declare const DescriptionListDarkColorSchemeDd = "#f2f5f9";
+export declare const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)";
+export declare const DescriptionListSizeDtGridColumn = "1";
+export declare const DescriptionListSizeDdGridColumn = "2 / span 3";
+export declare const DescriptionListSizeHorizontalColumnGap = "16rem";
+export declare const DescriptionListSizeHorizontalRowGap = "12rem";
+export declare const DescriptionListSizeVerticalColumnGap = "0";
+export declare const DescriptionListSizeVerticalRowGap = "2rem";
+export declare const DescriptionListSizeVerticalDdMarginBottom = "16rem";
+export declare const DescriptionListFontHorizontalDt = "body";
+export declare const DescriptionListFontHorizontalDd = "body";
+export declare const DescriptionListFontVerticalDt = "caption";
+export declare const DescriptionListFontVerticalDd = "body";
 export declare const DropdownItemSizePadding = "5px 15px";
 export declare const DropdownItemSizeIconPadding = "0 8px 2px 0";
 export declare const DropdownItemFontDefault = "body";
@@ -8316,7 +8373,8 @@ export declare const DropdownGroupHeaderFontDefault = "body-strong";
 export declare const DropdownGroupHeaderFontSmall = "caption-caps";
 export declare const DropdownDividerSizeHeight = "1px";
 export declare const DropdownDividerSizeMargin = "4px 0";
-export declare const DropdownTriggerSizeIconPaddingRight = "8px";
+export declare const DropdownTriggerSizeButtonRightPadding = "8rem";
+export declare const DropdownTriggerSizeRightIconPadding = "2rem";
 export declare const DropdownPanelSizeMaxWidth = "640px";
 export declare const DropdownPanelSizePadding = "4px 0";
 export declare const DropdownPanelSizeBorderWidth = "1px";
@@ -8331,12 +8389,28 @@ export declare const FormFieldDarkColorSchemeBackground = "transparent";
 export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#515e69";
 export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#b9023a";
 export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "transparent";
+export declare const FormFieldSizeHeight = "32rem";
 export declare const FormFieldSizeBorderWidth = "1px";
 export declare const FormFieldSizeBorderRadius = "3px";
 export declare const FormFieldSizeButtonWidth = "32px";
 export declare const FormFieldFontDefault = "body";
 export declare const FormFieldHintSizeMarginTop = "4px";
 export declare const FormFieldHintFontDefault = "caption";
+export declare const FormFieldPasswordHintLightColorSchemeTextColor = "#19252f";
+export declare const FormFieldPasswordHintLightColorSchemeIconColor = "#19252f";
+export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#db3c55";
+export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
+export declare const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
+export declare const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#016b37";
+export declare const FormFieldPasswordHintDarkColorSchemeTextColor = "#f2f5f9";
+export declare const FormFieldPasswordHintDarkColorSchemeIconColor = "#f2f5f9";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ea5868";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
+export declare const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#319d5c";
+export declare const FormFieldPasswordHintSizeMarginTop = "8px";
+export declare const FormFieldPasswordHintSizeIconMargin = "4px";
+export declare const FormFieldPasswordHintFontDefault = "caption";
 export declare const FormsLightColorSchemeLabel = "#6d7a86";
 export declare const FormsLightColorSchemeLegend = "#19252f";
 export declare const FormsDarkColorSchemeLabel = "#8c99a5";
@@ -8355,9 +8429,8 @@ export declare const FormsSizeVerticalLegendMarginTop = "32px";
 export declare const FormsSizeVerticalLegendMarginBottom = "12px";
 export declare const FormsFontDefaultLabel = "body";
 export declare const FormsFontDefaultLegend = "subheading";
-export declare const InputSizePadding = "5px 16px";
+export declare const InputSizePadding = "0 16px";
 export declare const InputSizeWidth = "100%";
-export declare const InputSizeMinHeight = "30px";
 export declare const InputFontDefault = "body";
 export declare const InputFontMonospace = "body-mono";
 export declare const LinkLightColorSchemeText = "#0374eb";
@@ -8376,16 +8449,13 @@ export declare const LinkDarkColorSchemeStateHoverText = "#0374eb";
 export declare const LinkDarkColorSchemeStateHoverBorderBottom = "rgba(#0374eb, 0.32)";
 export declare const LinkDarkColorSchemeStateActive = "#0059b8";
 export declare const LinkDarkColorSchemeStateFocusedOutline = "#4187ff";
-export declare const LinkSizeIconMargin = "4px";
+export declare const LinkSizeIconMargin = "4rem";
 export declare const LinkSizeStateFocusedOutlineOffset = "2px";
 export declare const LinkSizeStateFocusedOutlineWidth = "2px";
-export declare const LinkAnimationTransition = "color ease-out 300ms";
-export declare const LinkAnimationStateHoverTransition = "color 0ms";
 export declare const LinkFontDefault = "body";
-export declare const ListSizeHorizontalPadding = "16px";
-export declare const ListSizeIconPadding = "4px";
+export declare const ListSizeHorizontalPadding = "12rem";
+export declare const ListSizeIconRightMargin = "8rem";
 export declare const ListSizeItemHeight = "32px";
-export declare const ListSizeIconWidth = "24px";
 export declare const ListFontItem = "body";
 export declare const ModalLightColorSchemeShadow = "(0 0 0 1px #d7dee4, 0 6px 12px 0 rgba(39, 51, 62, 0.5))";
 export declare const ModalLightColorSchemeBodyTopShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.16)";
@@ -8405,7 +8475,8 @@ export declare const ModalSizeBorderWidth = "1px";
 export declare const ModalHeaderLightColorSchemeBorder = "#d7dee4";
 export declare const ModalHeaderDarkColorSchemeBorder = "#333f4a";
 export declare const ModalHeaderSizeBorderRadius = "4px 4px 0 0";
-export declare const ModalHeaderSizePadding = "14px 16px";
+export declare const ModalHeaderSizeHeight = "56rem";
+export declare const ModalHeaderSizePadding = "0 16rem";
 export declare const ModalHeaderFontDefault = "title";
 export declare const ModalBodySizeMaxHeight = "calc(100vh - 260px)";
 export declare const ModalBodySizePadding = "16px 24px 24px";
@@ -8413,13 +8484,15 @@ export declare const ModalBodyFontDefault = "body";
 export declare const ModalFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const ModalFooterDarkColorSchemeBorder = "#333f4a";
 export declare const ModalFooterSizeBorderRadius = "0 0 4px 4px";
-export declare const ModalFooterSizePadding = "16px 16px";
+export declare const ModalFooterSizeHeight = "64rem";
+export declare const ModalFooterSizePadding = "0 16rem";
 export declare const ModalConfirmSizePadding = "24px";
 export declare const NavbarLightColorSchemeBackground = "#19252f";
 export declare const NavbarLightColorSchemeDividerBackground = "#515e69";
 export declare const NavbarDarkColorSchemeBackground = "#333f4a";
 export declare const NavbarDarkColorSchemeDividerBackground = "#515e69";
 export declare const NavbarSizeIconMargin = "6px";
+export declare const NavbarSizeRightIconMargin = "2rem";
 export declare const NavbarFontTitle = "body";
 export declare const VerticalNavbarSizeStatesExpandedWidth = "240px";
 export declare const VerticalNavbarSizeStatesCollapsedWidth = "56px";
@@ -8473,8 +8546,8 @@ export declare const PopoverHeaderLightColorSchemeBackground = "white";
 export declare const PopoverHeaderDarkColorSchemeBorder = "#434f5a";
 export declare const PopoverHeaderDarkColorSchemeText = "#f2f5f9";
 export declare const PopoverHeaderDarkColorSchemeBackground = "#333f4a";
-export declare const PopoverHeaderSizeHeight = "10px 16px";
-export declare const PopoverHeaderSizePadding = "10px 16px";
+export declare const PopoverHeaderSizeHeight = "40rem";
+export declare const PopoverHeaderSizePadding = "0 16px";
 export declare const PopoverHeaderFontDefault = "subheading";
 export declare const PopoverFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const PopoverFooterLightColorSchemeBackground = "#f2f5f9";
@@ -8515,7 +8588,6 @@ export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0
 export declare const RadioSizeSize = "14px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
-export declare const SelectSizeHeight = "30px";
 export declare const SelectSizeLeftPadding = "16px";
 export declare const SelectSizeRightPadding = "8px";
 export declare const SelectSizeLeftPaddingMultiple = "8px";
@@ -8529,22 +8601,40 @@ export declare const SelectPanelFontDefault = "body";
 export declare const SidepanelLightColorSchemeBorder = "#bdc7d1";
 export declare const SidepanelDarkColorSchemeBorder = "#19252f";
 export declare const SidepanelFontDefault = "body";
-export declare const SidepanelHeaderSizePadding = "14px 16px";
+export declare const SidepanelHeaderSizeHeight = "56rem";
+export declare const SidepanelHeaderSizePadding = "0 16rem";
 export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
 export declare const SidepanelHeaderFontDefault = "title";
-export declare const SidepanelFooterSizePadding = "16px";
+export declare const SidepanelFooterSizeHeight = "64rem";
+export declare const SidepanelFooterSizePadding = "0 16rem";
 export declare const SidepanelFooterFontDefault = "body";
 export declare const TableSizeBorderWidth = "1px";
 export declare const TableSizeRowPaddingVertical = "8px";
 export declare const TableSizeRowPaddingHorizontal = "16px";
 export declare const TableFontHeader = "caption";
-export declare const TableFontBody = "body";
+export declare const TableFontBody = "body-tabular";
 export declare const TabsLightColorSchemeBorder = "#d7dee4";
-export declare const TabsLightColorSchemeStateActive = "#0374eb";
-export declare const TabsLightColorSchemeStateDisabledOverlay = "rgba(white, 0.3)";
+export declare const TabsLightColorSchemeStateNormalIcon = "#8c99a5";
+export declare const TabsLightColorSchemeStateNormalText = "#19252f";
+export declare const TabsLightColorSchemeStateHoverIcon = "#19252f";
+export declare const TabsLightColorSchemeStateHoverText = "#19252f";
+export declare const TabsLightColorSchemeStateActiveMarkerColor = "#0374eb";
+export declare const TabsLightColorSchemeStateEmptyIcon = "#8c99a5";
+export declare const TabsLightColorSchemeStateEmptyText = "#8c99a5";
+export declare const TabsLightColorSchemeStateDisabledIcon = "#8c99a5";
+export declare const TabsLightColorSchemeStateDisabledText = "#8c99a5";
+export declare const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3";
 export declare const TabsDarkColorSchemeBorder = "#333f4a";
-export declare const TabsDarkColorSchemeStateActive = "#0059b8";
-export declare const TabsDarkColorSchemeStateDisabledOverlay = "rgba(black, 0.2)";
+export declare const TabsDarkColorSchemeStateNormalIcon = "#8c99a5";
+export declare const TabsDarkColorSchemeStateNormalText = "#f2f5f9";
+export declare const TabsDarkColorSchemeStateHoverIcon = "#f2f5f9";
+export declare const TabsDarkColorSchemeStateHoverText = "#f2f5f9";
+export declare const TabsDarkColorSchemeStateActiveMarkerColor = "#0059b8";
+export declare const TabsDarkColorSchemeStateEmptyIcon = "#6d7a86";
+export declare const TabsDarkColorSchemeStateEmptyText = "#6d7a86";
+export declare const TabsDarkColorSchemeStateDisabledIcon = "#6d7a86";
+export declare const TabsDarkColorSchemeStateDisabledText = "#6d7a86";
+export declare const TabsDarkColorSchemeStateDisabledMarkerOpacity = "0.3";
 export declare const TabsSizeHeight = "40px";
 export declare const TabsSizeHighlightHeight = "4px";
 export declare const TabsSizePaddingHorizontal = "16px";
@@ -8552,6 +8642,14 @@ export declare const TabsSizeBorderWidth = "1px";
 export declare const TabsSizeBorderRadius = "3px";
 export declare const TabsSizeLabelIconMargin = "8px";
 export declare const TabsFontDefault = "body";
+export declare const VerticalTabsLightColorSchemeStateNormalBackground = "transparent";
+export declare const VerticalTabsLightColorSchemeStateSelectedBackground = "#e7f1ff";
+export declare const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)";
+export declare const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%)";
+export declare const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent";
+export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "#014b9d";
+export declare const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)";
+export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#014b9d, $lightness:-1%)";
 export declare const TagsLightColorSchemePrimaryBackground = "#e7f1ff";
 export declare const TagsLightColorSchemePrimaryBorder = "#e7f1ff";
 export declare const TagsLightColorSchemePrimaryText = "#0374eb";
@@ -8604,13 +8702,12 @@ export declare const TagsSizeMargin = "2px";
 export declare const TagsSizeHeight = "24px";
 export declare const TagsSizeBorderWidth = "1px";
 export declare const TagsSizeBorderRadius = "4px";
-export declare const TagsSizeIconPadding = "3px";
+export declare const TagsSizeIconPadding = "4rem";
 export declare const TagsSizeTextMargin = "8px";
 export declare const TagsFontDefault = "caption";
 export declare const TagsFontMono = "caption-mono";
 export declare const TagsFontCaps = "caption-caps";
 export declare const TagListSizePadding = "1px 6px";
-export declare const TagListSizeMinHeight = "30px";
 export declare const TagInputSizeHeight = "22px";
 export declare const TagInputSizeMargin = "2px 4px";
 export declare const TagInputFontDefault = "body";
@@ -8691,6 +8788,8 @@ export declare const ExtendedTooltipHeaderSizeHeight = "40px";
 export declare const ExtendedTooltipHeaderSizePadding = "10px 16px";
 export declare const ExtendedTooltipHeaderFontDefault = "subheading";
 export declare const TreeSizeNodeHeight = "32px";
-export declare const TreeSizePaddingLeft = "8px";
-export declare const TreeSizePaddingRight = "16px";
+export declare const TreeSizePaddingLeft = "12rem";
+export declare const TreeSizeTogglePadding = "4rem";
+export declare const TreeSizeIconPadding = "8rem";
+export declare const TreeSizePaddingRight = "16rem";
 export declare const TreeFontNode = "body";

package/dl/dl.component.d.ts

@@ -0,0 +1,26 @@
+import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class McDlComponent implements AfterContentInit, OnDestroy {
+    protected elementRef: ElementRef;
+    minWidth: number;
+    wide: boolean;
+    vertical: boolean | null;
+    readonly resizeStream: Subject<Event>;
+    private readonly resizeDebounceInterval;
+    private resizeSubscription;
+    constructor(elementRef: ElementRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    updateState: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McDlComponent, "mc-dl", never, { "minWidth": "minWidth"; "wide": "wide"; "vertical": "vertical"; }, {}, never, ["*"]>;
+}
+export declare class McDtComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDtComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McDtComponent, "mc-dt", never, {}, {}, never, ["*"]>;
+}
+export declare class McDdComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDdComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McDdComponent, "mc-dd", never, {}, {}, never, ["*"]>;
+}

package/dl/dl.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dl.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/platform";
+export declare class McDlModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDlModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McDlModule, [typeof i1.McDlComponent, typeof i1.McDtComponent, typeof i1.McDdComponent], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.McDlComponent, typeof i1.McDtComponent, typeof i1.McDdComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<McDlModule>;
+}

package/dl/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/dl/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/ptsecurity-mosaic-dl.mjs",
+  "es2020": "../fesm2020/ptsecurity-mosaic-dl.mjs",
+  "esm2020": "../esm2020/dl/ptsecurity-mosaic-dl.mjs",
+  "fesm2020": "../fesm2020/ptsecurity-mosaic-dl.mjs",
+  "fesm2015": "../fesm2015/ptsecurity-mosaic-dl.mjs",
+  "typings": "ptsecurity-mosaic-dl.d.ts",
+  "sideEffects": false,
+  "name": "@ptsecurity/mosaic/dl"
+}

package/dl/ptsecurity-mosaic-dl.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ptsecurity/mosaic/dl" />
+export * from './index';

package/dl/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './dl.module';
+export * from './dl.component';

package/esm2020/autocomplete/autocomplete-origin.directive.mjs

@@ -9,9 +9,9 @@ export class McAutocompleteOrigin {
         this.elementRef = elementRef;
     }
 }
-/** @nocollapse */ /** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
+/** @nocollapse */ /** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mcAutocompleteOrigin]',

package/esm2020/autocomplete/autocomplete-trigger.directive.mjs

@@ -505,9 +505,9 @@ export class McAutocompleteTrigger {
         return !element.readOnly && !element.disabled && !this._autocompleteDisabled;
     }
 }
-/** @nocollapse */ /** @nocollapse */ McAutocompleteTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.NgZone }, { token: MC_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3.McFormField, host: true, optional: true }, { token: DOCUMENT, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: McAutocompleteTrigger, selector: "input[mcAutocomplete], textarea[mcAutocomplete]", inputs: { autocomplete: ["mcAutocomplete", "autocomplete"], connectedTo: ["mcAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["mcAutocompleteDisabled", "autocompleteDisabled"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "mc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["mcAutocompleteTrigger"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocompleteTrigger, decorators: [{
+/** @nocollapse */ /** @nocollapse */ McAutocompleteTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocompleteTrigger, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.NgZone }, { token: MC_AUTOCOMPLETE_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i3.McFormField, host: true, optional: true }, { token: DOCUMENT, optional: true }, { token: i4.ViewportRuler }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McAutocompleteTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McAutocompleteTrigger, selector: "input[mcAutocomplete], textarea[mcAutocomplete]", inputs: { autocomplete: ["mcAutocomplete", "autocomplete"], connectedTo: ["mcAutocompleteConnectedTo", "connectedTo"], autocompleteAttribute: ["autocomplete", "autocompleteAttribute"], autocompleteDisabled: ["mcAutocompleteDisabled", "autocompleteDisabled"] }, host: { listeners: { "focusin": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "attr.autocomplete": "autocompleteAttribute" }, classAttribute: "mc-autocomplete-trigger" }, providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR], exportAs: ["mcAutocompleteTrigger"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocompleteTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[mcAutocomplete], textarea[mcAutocomplete]`,

package/esm2020/autocomplete/autocomplete.component.mjs

@@ -107,17 +107,17 @@ export class McAutocomplete {
         this.keyManager.onKeydown(event);
     }
 }
-/** @nocollapse */ /** @nocollapse */ McAutocomplete.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: MC_AUTOCOMPLETE_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ McAutocomplete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: McAutocomplete, selector: "mc-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "mc-autocomplete" }, providers: [{
+/** @nocollapse */ /** @nocollapse */ McAutocomplete.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: MC_AUTOCOMPLETE_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ McAutocomplete.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: McAutocomplete, selector: "mc-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "mc-autocomplete" }, providers: [{
             provide: MC_OPTION_PARENT_COMPONENT, useExisting: McAutocomplete
-        }], queries: [{ propertyName: "options", predicate: McOption, descendants: true }, { propertyName: "optionGroups", predicate: McOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["mcAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div class=\"mc-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".mc-autocomplete-trigger{text-overflow:ellipsis}.mc-autocomplete-panel{visibility:hidden;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:256px;max-height:var(--mc-autocomplete-size-panel-max-height, 256px);border-width:1px;border-style:solid;border-bottom-left-radius:3px;border-bottom-left-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);padding:4px 0;padding:var(--mc-autocomplete-size-panel-padding, 4px 0)}.mc-autocomplete-panel.mc-autocomplete_visible{visibility:visible}.mc-autocomplete-panel.mc-autocomplete_hidden{visibility:hidden}.mc-autocomplete-panel-above .mc-autocomplete-panel{border-radius:3px 3px 0 0;border-radius:var(--mc-autocomplete-size-panel-border-radius, 3px) var(--mc-autocomplete-size-panel-border-radius, 3px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mc-autocomplete-panel{outline:solid 1px}.cdk-high-contrast-active :host .mc-autocomplete-panel{outline:solid 1px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McAutocomplete, decorators: [{
+        }], queries: [{ propertyName: "options", predicate: McOption, descendants: true }, { propertyName: "optionGroups", predicate: McOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["mcAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div class=\"mc-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".mc-autocomplete-trigger{text-overflow:ellipsis}.mc-autocomplete-panel{visibility:hidden;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--mc-autocomplete-size-panel-max-height, 256px);border-width:1px;border-style:solid;border-bottom-left-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);padding:var(--mc-autocomplete-size-panel-padding, 4px 0)}.mc-autocomplete-panel.mc-autocomplete_visible{visibility:visible}.mc-autocomplete-panel.mc-autocomplete_hidden{visibility:hidden}.mc-autocomplete-panel-above .mc-autocomplete-panel{border-radius:var(--mc-autocomplete-size-panel-border-radius, 3px) var(--mc-autocomplete-size-panel-border-radius, 3px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mc-autocomplete-panel{outline:solid 1px}.cdk-high-contrast-active :host .mc-autocomplete-panel{outline:solid 1px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McAutocomplete, decorators: [{
             type: Component,
             args: [{ selector: 'mc-autocomplete', exportAs: 'mcAutocomplete', host: {
                         class: 'mc-autocomplete'
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
                             provide: MC_OPTION_PARENT_COMPONENT, useExisting: McAutocomplete
-                        }], template: "<ng-template>\n    <div class=\"mc-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".mc-autocomplete-trigger{text-overflow:ellipsis}.mc-autocomplete-panel{visibility:hidden;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:256px;max-height:var(--mc-autocomplete-size-panel-max-height, 256px);border-width:1px;border-style:solid;border-bottom-left-radius:3px;border-bottom-left-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);padding:4px 0;padding:var(--mc-autocomplete-size-panel-padding, 4px 0)}.mc-autocomplete-panel.mc-autocomplete_visible{visibility:visible}.mc-autocomplete-panel.mc-autocomplete_hidden{visibility:hidden}.mc-autocomplete-panel-above .mc-autocomplete-panel{border-radius:3px 3px 0 0;border-radius:var(--mc-autocomplete-size-panel-border-radius, 3px) var(--mc-autocomplete-size-panel-border-radius, 3px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mc-autocomplete-panel{outline:solid 1px}.cdk-high-contrast-active :host .mc-autocomplete-panel{outline:solid 1px}\n"] }]
+                        }], template: "<ng-template>\n    <div class=\"mc-autocomplete-panel\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".mc-autocomplete-trigger{text-overflow:ellipsis}.mc-autocomplete-panel{visibility:hidden;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--mc-autocomplete-size-panel-max-height, 256px);border-width:1px;border-style:solid;border-bottom-left-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);border-bottom-right-radius:var(--mc-autocomplete-size-panel-border-radius, 3px);padding:var(--mc-autocomplete-size-panel-padding, 4px 0)}.mc-autocomplete-panel.mc-autocomplete_visible{visibility:visible}.mc-autocomplete-panel.mc-autocomplete_hidden{visibility:hidden}.mc-autocomplete-panel-above .mc-autocomplete-panel{border-radius:var(--mc-autocomplete-size-panel-border-radius, 3px) var(--mc-autocomplete-size-panel-border-radius, 3px) 0 0}.mc-autocomplete-panel .mc-divider-horizontal{margin-top:-1px}.cdk-high-contrast-active .mc-autocomplete-panel{outline:solid 1px}.cdk-high-contrast-active :host .mc-autocomplete-panel{outline:solid 1px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MC_AUTOCOMPLETE_DEFAULT_OPTIONS]