@progress/kendo-angular-typography 19.1.2-develop.4 → 19.1.2-develop.5

package/directives.d.ts

@@ -4,6 +4,20 @@
 *-------------------------------------------------------------------------------------------*/
 import { TypographyDirective } from "./typography.directive";
 /**
- * Utility array that contains all `@progress/kendo-angular-typography` related components and directives
+ * Use this utility array to access all `@progress/kendo-angular-typography`-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_TYPOGRAPHY } from '@progress/kendo-angular-typography';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_TYPOGRAPHY],
+ *   template: `<div kendoTypography variant="k-h1"></div>`
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export declare const KENDO_TYPOGRAPHY: readonly [typeof TypographyDirective];

package/esm2022/directives.mjs

@@ -4,7 +4,21 @@
 *-------------------------------------------------------------------------------------------*/
 import { TypographyDirective } from "./typography.directive";
 /**
- * Utility array that contains all `@progress/kendo-angular-typography` related components and directives
+ * Use this utility array to access all `@progress/kendo-angular-typography`-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_TYPOGRAPHY } from '@progress/kendo-angular-typography';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_TYPOGRAPHY],
+ *   template: `<div kendoTypography variant="k-h1"></div>`
+ * })
+ * export class AppComponent {}
+ * ```
  */
 export const KENDO_TYPOGRAPHY = [
     TypographyDirective

package/esm2022/models/theme-color.mjs

@@ -3,20 +3,19 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the theme color.
- *
- * The possible values are:
- * * `inherit` (Default)—Applies coloring based on the current color.
- * * `primary` —Applies coloring based on primary theme color.
- * * `secondary`—Applies coloring based on secondary theme color.
- * * `tertiary`— Applies coloring based on tertiary theme color.
- * * `info`—Applies coloring based on info theme color.
- * * `success`— Applies coloring based on success theme color.
- * * `warning`— Applies coloring based on warning theme color.
- * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
- * * `inverse`— Applies coloring based on inverse theme color.
+ * Sets the theme color.
  *
+ * You can use these values:
+ * * `inherit` (Default)—Uses coloring based on the current color.
+ * * `primary`—Uses coloring based on primary theme color.
+ * * `secondary`—Uses coloring based on secondary theme color.
+ * * `tertiary`—Uses coloring based on tertiary theme color.
+ * * `info`—Uses coloring based on info theme color.
+ * * `success`—Uses coloring based on success theme color.
+ * * `warning`—Uses coloring based on warning theme color.
+ * * `error`—Uses coloring based on error theme color.
+ * * `dark`—Uses coloring based on dark theme color.
+ * * `light`—Uses coloring based on light theme color.
+ * * `inverse`—Uses coloring based on inverse theme color.
  */
 export {};

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750157225,
-    version: '19.1.2-develop.4',
+    publishDate: 1750431135,
+    version: '19.1.2-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/typography.directive.mjs

@@ -14,10 +14,10 @@ import { packageMetadata } from './package-metadata';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
- * Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
+ * Use this directive to represent element types in a uniform way by relying on the predefined Kendo theme classes.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <div kendoTypography variant="k-h1"></div>
  * ```
  */
@@ -26,7 +26,7 @@ export class TypographyDirective {
     renderer;
     element;
     /**
-     * Specifies the element variant class that will be applied.
+     * Specifies the element `variant` class that will be applied.
      */
     variant;
     /**
@@ -38,15 +38,15 @@ export class TypographyDirective {
      */
     fontWeight;
     /**
-     * Sets the element text-align style.
+     * Sets the element `text-align` style.
      */
     textAlign;
     /**
-     * Sets the element text-transform style.
+     * Sets the element `text-transform` style.
      */
     textTransform;
     /**
-     * Applies the theme color to the element.
+     * Applies the `theme-color` to the element.
      */
     themeColor;
     typographyClasses = [];

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

@@ -73,17 +73,17 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750157225,
-    version: '19.1.2-develop.4',
+    publishDate: 1750431135,
+    version: '19.1.2-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
  * Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
- * Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
+ * Use this directive to represent element types in a uniform way by relying on the predefined Kendo theme classes.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <div kendoTypography variant="k-h1"></div>
  * ```
  */
@@ -92,7 +92,7 @@ class TypographyDirective {
     renderer;
     element;
     /**
-     * Specifies the element variant class that will be applied.
+     * Specifies the element `variant` class that will be applied.
      */
     variant;
     /**
@@ -104,15 +104,15 @@ class TypographyDirective {
      */
     fontWeight;
     /**
-     * Sets the element text-align style.
+     * Sets the element `text-align` style.
      */
     textAlign;
     /**
-     * Sets the element text-transform style.
+     * Sets the element `text-transform` style.
      */
     textTransform;
     /**
-     * Applies the theme color to the element.
+     * Applies the `theme-color` to the element.
      */
     themeColor;
     typographyClasses = [];
@@ -187,7 +187,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Utility array that contains all `@progress/kendo-angular-typography` related components and directives
+ * Use this utility array to access all `@progress/kendo-angular-typography`-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_TYPOGRAPHY } from '@progress/kendo-angular-typography';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_TYPOGRAPHY],
+ *   template: `<div kendoTypography variant="k-h1"></div>`
+ * })
+ * export class AppComponent {}
+ * ```
  */
 const KENDO_TYPOGRAPHY = [
     TypographyDirective

package/models/font-size.d.ts

@@ -3,29 +3,29 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the font size.
- * The possible values are:
+ * Sets the font size.
+ * You can use these values:
  * * `xs`
  * * `sm`
  * * `md`
  * * `lg`
  * * `xl`
  *
- * The corresponding styles for the Default Kendo theme are:
+ * The matching styles for the Default Kendo theme are:
  * * `xs`—font-size: 10px
  * * `sm`—font-size: 12px
  * * `md`—font-size: 16px
  * * `lg`—font-size: 18px
  * * `xl`—font-size: 20px
  *
- * The corresponding styles for the Bootstrap Kendo theme are:
+ * The matching styles for the Bootstrap Kendo theme are:
  * * `xs`—font-size: 0.75rem
  * * `sm`—font-size: 0.875rem
  * * `md`—font-size: 1rem
  * * `lg`—font-size: 1.25rem
  * * `xl`—font-size: 1.5rem
  *
- * The corresponding styles for the Material Kendo theme are:
+ * The matching styles for the Material Kendo theme are:
  * * `xs`—font-size: 10px
  * * `sm`—font-size: 12px
  * * `md`—font-size: 14px

package/models/font-weight.d.ts

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the font weight.
+ * Sets the font weight.
  *
- * The possible values are:
+ * You can use these values:
  * * `light`—font-weight: 300
  * * `normal`—font-weight: 400
- * * `bold` For Default and Bootstrap themes—font-weight: 700. For Material theme—font-weight: 500.
+ * * `bold`—font-weight: 700 (for Default and Bootstrap themes); font-weight: 500 (for Material theme)
  */
 export type TypographyFontWeight = 'light' | 'normal' | 'bold';
 /**

package/models/text-align.d.ts

@@ -3,14 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the font align.
+ * Sets the text alignment.
  *
- * The possible values are:
+ * You can use these values:
  * * `left`—text-align: left
  * * `right`—text-align: right
  * * `center`—text-align: center
  * * `justify`—text-align: justify
- *
  */
 export type TypographyTextAlign = 'left' | 'right' | 'center' | 'justify';
 /**

package/models/text-transform.d.ts

@@ -3,13 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the text transform.
+ * Sets the text transform.
  *
- * The possible values are:
+ * You can use these values:
  * * `lowercase`—text-transform: lowercase
  * * `uppercase`—text-transform: uppercase
  * * `capitalize`—text-transform: capitalize
- *
  */
 export type TypographyTextTransform = 'lowercase' | 'uppercase' | 'capitalize';
 /**

package/models/theme-color.d.ts

@@ -3,20 +3,19 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the theme color.
- *
- * The possible values are:
- * * `inherit` (Default)—Applies coloring based on the current color.
- * * `primary` —Applies coloring based on primary theme color.
- * * `secondary`—Applies coloring based on secondary theme color.
- * * `tertiary`— Applies coloring based on tertiary theme color.
- * * `info`—Applies coloring based on info theme color.
- * * `success`— Applies coloring based on success theme color.
- * * `warning`— Applies coloring based on warning theme color.
- * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
- * * `inverse`— Applies coloring based on inverse theme color.
+ * Sets the theme color.
  *
+ * You can use these values:
+ * * `inherit` (Default)—Uses coloring based on the current color.
+ * * `primary`—Uses coloring based on primary theme color.
+ * * `secondary`—Uses coloring based on secondary theme color.
+ * * `tertiary`—Uses coloring based on tertiary theme color.
+ * * `info`—Uses coloring based on info theme color.
+ * * `success`—Uses coloring based on success theme color.
+ * * `warning`—Uses coloring based on warning theme color.
+ * * `error`—Uses coloring based on error theme color.
+ * * `dark`—Uses coloring based on dark theme color.
+ * * `light`—Uses coloring based on light theme color.
+ * * `inverse`—Uses coloring based on inverse theme color.
  */
 export type TypographyThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/models/variant.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Applies the available Kendo theme class to the element.
- * The possible values are:
+ * You can use these values:
  * * `p`
  * * `h1`
  * * `h2`
@@ -15,16 +15,16 @@
  * * `code`
  * * `pre`
  *
- * The corresponding Kendo theme classes are:
- * * `p`— `k-paragraph`
- * * `h1`— `k-h1`
- * * `h2`— `k-h2`
- * * `h3`— `k-h3`
- * * `h4`— `k-h4`
- * * `h5`— `k-h5`
- * * `h6`— `k-h6`
- * * `code`— `k-code`
- * * `pre`— `k-pre`
+ * The matching Kendo theme classes are:
+ * * `p`—`k-paragraph`
+ * * `h1`—`k-h1`
+ * * `h2`—`k-h2`
+ * * `h3`—`k-h3`
+ * * `h4`—`k-h4`
+ * * `h5`—`k-h5`
+ * * `h6`—`k-h6`
+ * * `code`—`k-code`
+ * * `pre`—`k-pre`
  */
 export type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'pre';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-typography",
-  "version": "19.1.2-develop.4",
+  "version": "19.1.2-develop.5",
   "description": "Kendo UI Angular Typography",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1750157225,
+      "publishDate": 1750431135,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,12 +29,12 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.1.2-develop.4",
+    "@progress/kendo-angular-common": "19.1.2-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.4"
+    "@progress/kendo-angular-schematics": "19.1.2-develop.5"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-typography.mjs",

package/typography.directive.d.ts

@@ -12,10 +12,10 @@ import { TypographyVariant } from './models/variant';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
- * Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
+ * Use this directive to represent element types in a uniform way by relying on the predefined Kendo theme classes.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <div kendoTypography variant="k-h1"></div>
  * ```
  */
@@ -24,7 +24,7 @@ export declare class TypographyDirective implements OnChanges {
     private renderer;
     private element;
     /**
-     * Specifies the element variant class that will be applied.
+     * Specifies the element `variant` class that will be applied.
      */
     variant: TypographyVariant;
     /**
@@ -36,15 +36,15 @@ export declare class TypographyDirective implements OnChanges {
      */
     fontWeight: TypographyFontWeight;
     /**
-     * Sets the element text-align style.
+     * Sets the element `text-align` style.
      */
     textAlign: TypographyTextAlign;
     /**
-     * Sets the element text-transform style.
+     * Sets the element `text-transform` style.
      */
     textTransform: TypographyTextTransform;
     /**
-     * Applies the theme color to the element.
+     * Applies the `theme-color` to the element.
      */
     themeColor: TypographyThemeColor;
     private typographyClasses;