@progress/kendo-angular-typography 17.0.0-develop.8 → 17.0.0-develop.9

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-typography',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
+    publishDate: 1729174750,
+    version: '17.0.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/typography.directive.mjs

@@ -5,8 +5,6 @@
 import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
 import { typographyFontSizeOptions } from './models/font-size';
 import { typographyFontWeightOptions } from './models/font-weight';
-import { typographyMarginOptions } from './models/margin';
-import { marginSides } from './models/margin-sides';
 import { typographyTextAlignOptions } from './models/text-align';
 import { typographyTextTransformOptions } from './models/text-transform';
 import { typographyVariantOptions } from './models/variant';
@@ -52,26 +50,6 @@ export class TypographyDirective {
     textTransformClass() {
         return typographyTextTransformOptions[this.textTransform];
     }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
     setTypographyClasses() {
         const element = this.element.nativeElement;
         this.typographyClasses.forEach((className) => {
@@ -85,11 +63,6 @@ export class TypographyDirective {
             this.textAlignClass(),
             this.themeColorClass()
         ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
         this.typographyClasses.forEach((className) => {
             if (isPresent(className)) {
                 this.renderer.addClass(element, className);
@@ -98,7 +71,7 @@ export class TypographyDirective {
     }
 }
 TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
+TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -118,6 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], margin: [{
-                type: Input
             }] } });

package/fesm2015/progress-kendo-angular-typography.mjs

@@ -26,88 +26,6 @@ const typographyFontWeightOptions = {
     'bold': 'k-font-weight-bold'
 };
 
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};
-
-/**
- * @hidden
- */
-const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-
 /**
  * @hidden
  */
@@ -154,8 +72,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-typography',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
+    publishDate: 1729174750,
+    version: '17.0.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -197,26 +115,6 @@ class TypographyDirective {
     textTransformClass() {
         return typographyTextTransformOptions[this.textTransform];
     }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
     setTypographyClasses() {
         const element = this.element.nativeElement;
         this.typographyClasses.forEach((className) => {
@@ -230,11 +128,6 @@ class TypographyDirective {
             this.textAlignClass(),
             this.themeColorClass()
         ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
         this.typographyClasses.forEach((className) => {
             if (isPresent(className)) {
                 this.renderer.addClass(element, className);
@@ -243,7 +136,7 @@ class TypographyDirective {
     }
 }
 TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
+TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -263,8 +156,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], margin: [{
-                type: Input
             }] } });
 
 /**

package/fesm2020/progress-kendo-angular-typography.mjs

@@ -26,88 +26,6 @@ const typographyFontWeightOptions = {
     'bold': 'k-font-weight-bold'
 };
 
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};
-
-/**
- * @hidden
- */
-const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-
 /**
  * @hidden
  */
@@ -154,8 +72,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-typography',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
+    publishDate: 1729174750,
+    version: '17.0.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -197,26 +115,6 @@ class TypographyDirective {
     textTransformClass() {
         return typographyTextTransformOptions[this.textTransform];
     }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
     setTypographyClasses() {
         const element = this.element.nativeElement;
         this.typographyClasses.forEach((className) => {
@@ -230,11 +128,6 @@ class TypographyDirective {
             this.textAlignClass(),
             this.themeColorClass()
         ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
         this.typographyClasses.forEach((className) => {
             if (isPresent(className)) {
                 this.renderer.addClass(element, className);
@@ -243,7 +136,7 @@ class TypographyDirective {
     }
 }
 TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
+TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -263,8 +156,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], margin: [{
-                type: Input
             }] } });
 
 /**

package/index.d.ts

@@ -10,5 +10,4 @@ export { TypographyTextAlign } from './models/text-align';
 export { TypographyTextTransform } from './models/text-transform';
 export { TypographyVariant } from './models/variant';
 export { TypographyThemeColor } from './models/theme-color';
-export { TypographyMargin } from './models/margin';
 export * from './directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-typography",
-  "version": "17.0.0-develop.8",
+  "version": "17.0.0-develop.9",
   "description": "Kendo UI Angular Typography",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,12 +23,12 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.8",
+    "@progress/kendo-angular-common": "17.0.0-develop.9",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.8"
+    "@progress/kendo-angular-schematics": "17.0.0-develop.9"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-typography.mjs",

package/typography.directive.d.ts

@@ -5,7 +5,6 @@
 import { ElementRef, Renderer2, OnChanges } from '@angular/core';
 import { TypographyFontSize } from './models/font-size';
 import { TypographyFontWeight } from './models/font-weight';
-import { TypographyMargin } from './models/margin';
 import { TypographyTextAlign } from './models/text-align';
 import { TypographyTextTransform } from './models/text-transform';
 import { TypographyThemeColor } from './models/theme-color';
@@ -48,10 +47,6 @@ export declare class TypographyDirective implements OnChanges {
      * Applies the theme color to the element.
      */
     themeColor: TypographyThemeColor;
-    /**
-     * Applies the margin sizes to the element.
-     */
-    margin: TypographyMargin;
     private typographyClasses;
     constructor(elementWrapper: ElementRef, renderer: Renderer2, element: ElementRef);
     ngOnChanges(): void;
@@ -61,9 +56,7 @@ export declare class TypographyDirective implements OnChanges {
     private fontWeightClass;
     private fontSizeClass;
     private textTransformClass;
-    private setMarginClassPerSide;
-    private marginClasses;
     private setTypographyClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TypographyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TypographyDirective, "[kendoTypography]", ["kendoTypography"], { "variant": "variant"; "fontSize": "fontSize"; "fontWeight": "fontWeight"; "textAlign": "textAlign"; "textTransform": "textTransform"; "themeColor": "themeColor"; "margin": "margin"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TypographyDirective, "[kendoTypography]", ["kendoTypography"], { "variant": "variant"; "fontSize": "fontSize"; "fontWeight": "fontWeight"; "textAlign": "textAlign"; "textTransform": "textTransform"; "themeColor": "themeColor"; }, {}, never, never, true, never>;
 }

package/esm2020/models/margin-sides.mjs

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};

package/esm2020/models/margin.mjs

@@ -1,75 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-export const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};

package/models/margin-sides.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const marginSides: {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-};

package/models/margin.d.ts

@@ -1,123 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-export declare type TypographyMargin = TypographyMarginOption | Margin;
-/**
- * The possible values for the Default and Material themes are:
- * * `xs` —Applies 4px margin.
- * * `sm` —Applies 8px margin.
- * * `md` —Applies 12px margin.
- * * `lg` —Applies 16px margin.
- * * `xl` —Applies 24px margin.
- * * `thin` —Applies 2px margin.
- * * `hair` —Applies 1px margin.
- * * Passing a number will apply a margin of 4 times the passed number in pixels. The minimum number value is 0 and the maximum is 24.
- *
- * The possible values for the Bootstrap theme are:
- * * `xs` —Applies 0.25rem margin.
- * * `sm` —Applies 0.5rem margin.
- * * `md` —Applies 0.75rem margin.
- * * `lg` —Applies 1rem margin.
- * * `xl` —Applies 1.25rem margin.
- * * `thin` —Applies 0.125rem margin.
- * * `hair` —Applies 0.0625rem margin.
- * * Passing a number will apply a margin equal to the passed number divided by 4 in rem units. The minimum number value is 0 and the maximum is 24.
- */
-export declare type TypographyMarginOption = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'thin' | 'hair' | number;
-/**
- * @hidden
- */
-export declare const typographyMarginOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginTopOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginBottomOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginLeftOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginRightOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * The margin configuration for each side.
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margins in pixels or rems depending on the used theme.
- * Passing a number will apply a margin of 4 times the passed number in pixels, when using the Default or Material themes.
- * When using the Bootstrap theme, passing a number will apply a margin equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- */
-export interface Margin {
-    /**
-     * The top margin.
-     */
-    top?: TypographyMarginOption | number;
-    /**
-     * The right margin.
-     */
-    right?: TypographyMarginOption | number;
-    /**
-     * The bottom margin.
-     */
-    bottom?: TypographyMarginOption | number;
-    /**
-     * The left margin.
-     */
-    left?: TypographyMarginOption | number;
-}