@ptsecurity/mosaic 13.1.1 → 13.2.0

package/design-tokens/pt-2022/tokens/components/badge.json5

@@ -1,43 +1,5 @@
 {
     badge: {
-        size: {
-            default: {
-                'min-width': { value: '10px' },
-                padding: { value: '0 8px' },
-                'border-width': { value: '1px' },
-                'border-radius': { value: '4px' },
-                height: { value: '24px' },
-                font: {
-                    default: { value: 'caption' },
-                    caps: { value: 'caption-caps' },
-                    mono: { value: 'caption-mono'}
-                }
-            },
-            mini: {
-                height: { value: '16px' },
-                'min-width': { value: '10px' },
-                'border-width': { value: '1px' },
-                'border-radius': { value: '2px' },
-                padding: { value: '0 4px' },
-                font: {
-                    default: { value: 'extra-small-text' },
-                    caps: { value: 'extra-small-text-caps' },
-                    mono: { value: 'extra-small-text-mono'}
-                }
-            }
-        },
-        font: {
-            default: {
-                default: { value: 'caption' },
-                caps: { value: 'caption-caps' },
-                mono: { value: 'caption-mono'}
-            },
-            mini: {
-                default: { value: 'extra-small-text' },
-                caps: { value: 'extra-small-text-caps' },
-                mono: { value: 'extra-small-text-mono'}
-            }
-        },
         'light-color-scheme': {
             solid: {
                 primary: {
@@ -166,7 +128,7 @@
                 transparent: {
                     background: { value: 'transparent' },
                     border: { value: '{light-color-scheme.second.palette.value.560.value}' },
-                    color: { value: 'white' },                    
+                    color: { value: 'white' },
                 },
                 light: {
                     background: { value: '{light-color-scheme.second.palette.value.400.value}' },
@@ -180,5 +142,33 @@
                 }
             }
         },
+        size: {
+            default: {
+                height: { value: '{size.xxl}' },
+                'min-width': { value: '10px' },
+                padding: { value: '0 8px' },
+                'border-width': { value: '1px' },
+                'border-radius': { value: '4px' }
+            },
+            mini: {
+                height: { value: '{size.l}' },
+                'min-width': { value: '10px' },
+                'border-width': { value: '1px' },
+                'border-radius': { value: '2px' },
+                padding: { value: '0 4px' }
+            }
+        },
+        font: {
+            default: {
+                default: { value: 'caption' },
+                caps: { value: 'caption-caps' },
+                mono: { value: 'caption-mono'}
+            },
+            mini: {
+                default: { value: 'extra-small-text' },
+                caps: { value: 'extra-small-text-caps' },
+                mono: { value: 'extra-small-text-mono'}
+            }
+        }
     }
-}
+}

package/design-tokens/pt-2022/tokens/components/dl.json5

@@ -0,0 +1,38 @@
+{
+    'description-list': {
+        'light-color-scheme': {
+            dt: { value: '{light-color-scheme.foreground.text-less-contrast.value}' },
+            dd: { value: '{light-color-scheme.foreground.text.value}' }
+        },
+        'dark-color-scheme': {
+            dt: { value: '{dark-color-scheme.foreground.text-less-contrast.value}' },
+            dd: { value: '{dark-color-scheme.foreground.text.value}' }
+        },
+        size: {
+            'grid-template-columns': { value: 'repeat(4, 1fr)' },
+
+            'dt-grid-column': { value: '1' },
+            'dd-grid-column': { value: '2 / span 3' },
+
+            horizontal: {
+                'column-gap': { value: '{size.l}' },
+                'row-gap': { value: '{size.m}' }
+            },
+            vertical: {
+                'column-gap': { value: '0' },
+                'row-gap': { value: '{size.3xs}' },
+                'dd-margin-bottom': { value: '{size.l}' }
+            },
+        },
+        font: {
+            horizontal: {
+                dt: { value: 'body' },
+                dd: { value: 'body' },
+            },
+            vertical: {
+                dt: { value: 'caption' },
+                dd: { value: 'body' }
+            },
+        }
+    }
+}

package/design-tokens/pt-2022/tokens/components/form-field.json5

@@ -48,5 +48,44 @@
         font: {
             default: { value: 'caption' }
         }
+    },
+    'form-field-password-hint': {
+        'light-color-scheme': {
+            'text-color': { value: '{light-color-scheme.foreground.text.value}' },
+            'icon-color': { value: '{light-color-scheme.foreground.text.value}' },
+
+            states: {
+                invalid: {
+                    'icon-color': { value: '{light-color-scheme.foreground.text-error.value}' },
+                    'text-color': { value: '{light-color-scheme.foreground.text.value}' }
+                },
+                valid: {
+                    'text-color': { value: '{light-color-scheme.foreground.text-success.value}' },
+                    'icon-color': { value: '{light-color-scheme.foreground.text-success.value}' }
+                }
+            }
+        },
+        'dark-color-scheme': {
+            'text-color': { value: '{dark-color-scheme.foreground.text.value}' },
+            'icon-color': { value: '{dark-color-scheme.foreground.text.value}' },
+
+            states: {
+                invalid: {
+                    'icon-color': { value: '{dark-color-scheme.foreground.text-error.value}' },
+                    'text-color': { value: '{dark-color-scheme.foreground.text.value}' }
+                },
+                valid: {
+                    'text-color': { value: '{dark-color-scheme.foreground.text-success.value}' },
+                    'icon-color': { value: '{dark-color-scheme.foreground.text-success.value}' }
+                }
+            }
+        },
+        size: {
+            'margin-top': { value: '8px' },
+            'icon-margin': { value: '4px' }
+        },
+        font: {
+            default: { value: 'caption' }
+        }
     }
-}
+}

package/design-tokens/pt-2022/tokens/components/tabs.json5

@@ -1,14 +1,56 @@
 {
     tabs: {
         'light-color-scheme': {
-            border: { value: '{light-color-scheme.foreground.divider.value}' },
-            'state-active': { value: '{light-color-scheme.primary.default.value}' },
-            'state-disabled-overlay': { value: '{light-color-scheme.background.overlay-disabled.value}' }
+            border: { value: '{light-color-scheme.second.palette.value.100.value}' },
+
+            state: {
+                normal: {
+                    icon: { value: '{light-color-scheme.foreground.icon.value}' },
+                    text: { value: '{light-color-scheme.foreground.text.value}' }
+                },
+                hover: {
+                    icon: { value: '{light-color-scheme.foreground.text.value}' },
+                    text: { value: '{light-color-scheme.foreground.text.value}' }
+                },
+                active: {
+                    'marker-color': { value: '{light-color-scheme.primary.default.value}' }
+                },
+                empty: {
+                    icon: { value: '{light-color-scheme.foreground.text-disabled.value}' },
+                    text: { value: '{light-color-scheme.foreground.text-disabled.value}' }
+                },
+                disabled: {
+                    icon: { value: '{light-color-scheme.foreground.text-disabled.value}' },
+                    text: { value: '{light-color-scheme.foreground.text-disabled.value}' },
+                    'marker-opacity': { value: '0.3' }
+                }
+            }
         },
         'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.foreground.divider.value}' },
-            'state-active': { value: '{dark-color-scheme.primary.default.value}' },
-            'state-disabled-overlay': { value: '{dark-color-scheme.background.overlay-disabled.value}' }
+            border: { value: '{dark-color-scheme.second.palette.value.700.value}' },
+
+            state: {
+                normal: {
+                    icon: { value: '{dark-color-scheme.foreground.icon.value}' },
+                    text: { value: '{dark-color-scheme.foreground.text.value}' }
+                },
+                hover: {
+                    icon: { value: '{dark-color-scheme.foreground.text.value}' },
+                    text: { value: '{dark-color-scheme.foreground.text.value}' }
+                },
+                active: {
+                    'marker-color': { value: '{dark-color-scheme.primary.default.value}' }
+                },
+                empty: {
+                    icon: { value: '{dark-color-scheme.foreground.text-disabled.value}' },
+                    text: { value: '{dark-color-scheme.foreground.text-disabled.value}' }
+                },
+                disabled: {
+                    icon: { value: '{dark-color-scheme.foreground.text-disabled.value}' },
+                    text: { value: '{dark-color-scheme.foreground.text-disabled.value}' },
+                    'marker-opacity': { value: '0.3' }
+                }
+            }
         },
         size: {
             height: { value: '40px' },
@@ -21,5 +63,39 @@
         font: {
             default: { value: 'body' }
         }
+    },
+    'vertical-tabs': {
+        'light-color-scheme': {
+            state: {
+                normal: {
+                    background: { value: 'transparent' },
+                },
+                selected: {
+                    background: { value: '{light-color-scheme.states.selected-color.value}' },
+                },
+                hover: {
+                    background: { value: '{light-color-scheme.background.overlay-hover.value}' },
+                },
+                'hover-selected': {
+                    background: { value: 'adjust-color({light-color-scheme.states.selected-color.value}, $saturation:-22%, $lightness:-5%)' },
+                }
+            }
+        },
+        'dark-color-scheme': {
+            state: {
+                normal: {
+                    background: { value: 'transparent' },
+                },
+                selected: {
+                    background: { value: '{dark-color-scheme.states.selected-color.value}' },
+                },
+                hover: {
+                    background: { value: '{dark-color-scheme.background.overlay-hover.value}' },
+                },
+                'hover-selected': {
+                    background: { value: 'adjust-color({dark-color-scheme.states.selected-color.value}, $lightness:-1%)' },
+                }
+            }
+        }
     }
 }

package/design-tokens/pt-2022/tokens/properties/colors.json5

@@ -34,6 +34,8 @@
             text: { value: '{palette.grey.900.value}' },
             'text-less-contrast': { value: '{palette.grey.500.value}'},
             'text-disabled': { value: '{palette.grey.300.value}' },
+            'text-error': { value: '{light-color-scheme.error.palette.value.500.value}' },
+            'text-success': { value: '{light-color-scheme.success.palette.value.560.value}' },
             divider: { value: '{palette.grey.100.value}' },
             border: { value: '{palette.grey.200.value}' },
             icon: { value: '{palette.grey.300.value}' }
@@ -89,6 +91,8 @@
             text: { value: '{palette.grey.40.value}' },
             'text-less-contrast': { value: '{palette.grey.300.value}'},
             'text-disabled': { value: '{palette.grey.500.value}' },
+            'text-error': { value: '{dark-color-scheme.error.palette.value.400.value}' },
+            'text-success': { value: '{dark-color-scheme.success.palette.value.400.value}' },
             divider: { value: '{palette.grey.700.value}' },
             border: { value: '{palette.grey.560.value}' },
             icon: { value: '{palette.grey.300.value}' }

package/design-tokens/pt-2022/tokens/properties/globals.json5

@@ -1,5 +1,23 @@
 {
     size: {
+        '3xs': '2px',
+        'xxs': '4px',
+        'xs': '6px',
+        's': '8px',
+        'm': '12px',
+        'l': '16px',
+        'xl': '20px',
+        'xxl': '24px',
+        '3xl': '32px',
+        '4xl': '40px',
+        '5xl': '48px',
+        '6xl': '56px',
+        '7xl': '64px',
+
+        'border-width': '1px',
+        'border-radius': '3px',
+
+        // this will be deleted
         'option-height': '32px',
         'panel-height': '48px',
         // у radio и checkbox в макетах 20px, у тоггла есть две модификации на 16px и 14px
@@ -12,7 +30,8 @@
         'badge_tag-height': '24px',
         // modal; sidepanel - сейчас в этих компонентах paddings
         'header-height': '56px',
-        'footer-height': '64px'
+        'footer-height': '64px',
+        // this will be deleted
     },
     padding: {
         'control-horizontal': '16px',

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";
@@ -8078,28 +8082,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 +8160,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 = "24px";
+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 = "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 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)";
@@ -8306,6 +8304,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 = "16px";
+export declare const DescriptionListSizeHorizontalRowGap = "12px";
+export declare const DescriptionListSizeVerticalColumnGap = "0";
+export declare const DescriptionListSizeVerticalRowGap = "2px";
+export declare const DescriptionListSizeVerticalDdMarginBottom = "16px";
+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";
@@ -8337,6 +8351,21 @@ 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";
@@ -8540,11 +8569,27 @@ export declare const TableSizeRowPaddingHorizontal = "16px";
 export declare const TableFontHeader = "caption";
 export declare const TableFontBody = "body";
 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 +8597,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";

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';