@dynatrace/strato-design-tokens 1.1.2 → 1.1.4

package/borders/index.d.ts

@@ -30,36 +30,36 @@ declare const _default: {
         Surface: {
             /**
              * Use as the subdued border radius for surfaces.
-             * Css custom property: --dt-borders-radius-surface-subdued. Default value: 12px.
+             * Css custom property: --dt-borders-radius-surface-subdued. Default value: 9px.
              */
             Subdued: string;
             /**
              * Use as the default border radius for surfaces.
-             * Css custom property: --dt-borders-radius-surface-default. Default value: 16px.
+             * Css custom property: --dt-borders-radius-surface-default. Default value: 12px.
              */
             Default: string;
         };
         Container: {
             /**
              * Use as the subdued border radius for containers.
-             * Css custom property: --dt-borders-radius-container-subdued. Default value: 8px.
+             * Css custom property: --dt-borders-radius-container-subdued. Default value: 6px.
              */
             Subdued: string;
             /**
              * Use as the default border radius for containers.
-             * Css custom property: --dt-borders-radius-container-default. Default value: 12px.
+             * Css custom property: --dt-borders-radius-container-default. Default value: 9px.
              */
             Default: string;
         };
         Field: {
             /**
              * Use as the subdued border radius for fields.
-             * Css custom property: --dt-borders-radius-field-subdued. Default value: 4px.
+             * Css custom property: --dt-borders-radius-field-subdued. Default value: 3px.
              */
             Subdued: string;
             /**
              * Use as the default border radius for fields.
-             * Css custom property: --dt-borders-radius-field-default. Default value: 8px.
+             * Css custom property: --dt-borders-radius-field-default. Default value: 6px.
              */
             Default: string;
             /**

package/borders/index.js

@@ -49,38 +49,38 @@ const Radius = {
   Surface: {
     /**
      * Use as the subdued border radius for surfaces.
-     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 12px.
+     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 9px.
      */
-    Subdued: "var(--dt-borders-radius-surface-subdued, 12px)",
+    Subdued: "var(--dt-borders-radius-surface-subdued, 9px)",
     /**
      * Use as the default border radius for surfaces.
-     * Css custom property: --dt-borders-radius-surface-default. Default value: 16px.
+     * Css custom property: --dt-borders-radius-surface-default. Default value: 12px.
      */
-    Default: "var(--dt-borders-radius-surface-default, 16px)"
+    Default: "var(--dt-borders-radius-surface-default, 12px)"
   },
   Container: {
     /**
      * Use as the subdued border radius for containers.
-     * Css custom property: --dt-borders-radius-container-subdued. Default value: 8px.
+     * Css custom property: --dt-borders-radius-container-subdued. Default value: 6px.
      */
-    Subdued: "var(--dt-borders-radius-container-subdued, 8px)",
+    Subdued: "var(--dt-borders-radius-container-subdued, 6px)",
     /**
      * Use as the default border radius for containers.
-     * Css custom property: --dt-borders-radius-container-default. Default value: 12px.
+     * Css custom property: --dt-borders-radius-container-default. Default value: 9px.
      */
-    Default: "var(--dt-borders-radius-container-default, 12px)"
+    Default: "var(--dt-borders-radius-container-default, 9px)"
   },
   Field: {
     /**
      * Use as the subdued border radius for fields.
-     * Css custom property: --dt-borders-radius-field-subdued. Default value: 4px.
+     * Css custom property: --dt-borders-radius-field-subdued. Default value: 3px.
      */
-    Subdued: "var(--dt-borders-radius-field-subdued, 4px)",
+    Subdued: "var(--dt-borders-radius-field-subdued, 3px)",
     /**
      * Use as the default border radius for fields.
-     * Css custom property: --dt-borders-radius-field-default. Default value: 8px.
+     * Css custom property: --dt-borders-radius-field-default. Default value: 6px.
      */
-    Default: "var(--dt-borders-radius-field-default, 8px)",
+    Default: "var(--dt-borders-radius-field-default, 6px)",
     /**
      * Use for rounded or pill-like shapes.
      * Css custom property: --dt-borders-radius-field-emphasized. Default value: 9999px.

package/breakpoints/index.d.ts

@@ -4,34 +4,34 @@
 declare const _default: {
     Max: {
         /**
-         * Use to constrain screen sizes that are 640px wide or less.
+         * Use with `@media` `max-width` to apply styles to mobile-sized screens.
          * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.
          */
         Mobile: string;
         /**
-         * Use to constrain screen sizes that are 641px wide or more.
+         * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
          * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.
          */
         Tablet: string;
         /**
-         * Use to constrain screen sizes that are 960px wide or less.
+         * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
          * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.
          */
         Desktop: string;
     };
     Min: {
         /**
-         * Use to constrain screen sizes that are 961px wide or more.
+         * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
          * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.
          */
         Tablet: string;
         /**
-         * Use to constrain screen sizes that are 1920 wide or less.
+         * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
          * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.
          */
         Desktop: string;
         /**
-         * Use to constrain screen sizes that are 1921px wide or more.
+         * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
          * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.
          */
         Widescreen: string;

package/breakpoints/index.js

@@ -23,34 +23,34 @@ __export(breakpoints_exports, {
 module.exports = __toCommonJS(breakpoints_exports);
 const Max = {
   /**
-   * Use to constrain screen sizes that are 640px wide or less.
+   * Use with `@media` `max-width` to apply styles to mobile-sized screens.
    * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.
    */
   Mobile: "var(--dt-breakpoints-max-mobile, 640px)",
   /**
-   * Use to constrain screen sizes that are 641px wide or more.
+   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
    * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.
    */
   Tablet: "var(--dt-breakpoints-max-tablet, 960px)",
   /**
-   * Use to constrain screen sizes that are 960px wide or less.
+   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
    * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.
    */
   Desktop: "var(--dt-breakpoints-max-desktop, 1920px)"
 };
 const Min = {
   /**
-   * Use to constrain screen sizes that are 961px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.
    */
   Tablet: "var(--dt-breakpoints-min-tablet, 641px)",
   /**
-   * Use to constrain screen sizes that are 1920 wide or less.
+   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.
    */
   Desktop: "var(--dt-breakpoints-min-desktop, 961px)",
   /**
-   * Use to constrain screen sizes that are 1921px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.
    */
   Widescreen: "var(--dt-breakpoints-min-widescreen, 1921px)"

package/breakpoints-js/index.d.ts

@@ -4,34 +4,34 @@
 declare const _default: {
     Max: {
         /**
-         * Use to constrain screen sizes that are 640px wide or less.
+         * Use with `@media` `max-width` to apply styles to mobile-sized screens.
          * Value: 640.
          */
         Mobile: number;
         /**
-         * Use to constrain screen sizes that are 641px wide or more.
+         * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
          * Value: 960.
          */
         Tablet: number;
         /**
-         * Use to constrain screen sizes that are 960px wide or less.
+         * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
          * Value: 1920.
          */
         Desktop: number;
     };
     Min: {
         /**
-         * Use to constrain screen sizes that are 961px wide or more.
+         * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
          * Value: 641.
          */
         Tablet: number;
         /**
-         * Use to constrain screen sizes that are 1920 wide or less.
+         * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
          * Value: 961.
          */
         Desktop: number;
         /**
-         * Use to constrain screen sizes that are 1921px wide or more.
+         * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
          * Value: 1921.
          */
         Widescreen: number;

package/breakpoints-js/index.js

@@ -23,34 +23,34 @@ __export(breakpoints_js_exports, {
 module.exports = __toCommonJS(breakpoints_js_exports);
 const Max = {
   /**
-   * Use to constrain screen sizes that are 640px wide or less.
+   * Use with `@media` `max-width` to apply styles to mobile-sized screens.
    * Value: 640.
    */
   Mobile: 640,
   /**
-   * Use to constrain screen sizes that are 641px wide or more.
+   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
    * Value: 960.
    */
   Tablet: 960,
   /**
-   * Use to constrain screen sizes that are 960px wide or less.
+   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
    * Value: 1920.
    */
   Desktop: 1920
 };
 const Min = {
   /**
-   * Use to constrain screen sizes that are 961px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
    * Value: 641.
    */
   Tablet: 641,
   /**
-   * Use to constrain screen sizes that are 1920 wide or less.
+   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
    * Value: 961.
    */
   Desktop: 961,
   /**
-   * Use to constrain screen sizes that are 1921px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
    * Value: 1921.
    */
   Widescreen: 1921

package/easings/index.d.ts

@@ -27,5 +27,10 @@ declare const _default: {
      * Css custom property: --dt-easings-out-back. Value: cubic-bezier(0.4, 1.6, 0.7, 1).
      */
     OutBack: string;
+    /**
+     * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+     * Css custom property: --dt-easings-rotate-elastic. Value: cubic-bezier(0.8, 0.3, 0.3, 0.8).
+     */
+    RotateElastic: string;
 };
 export default _default;

package/easings/index.js

@@ -26,6 +26,7 @@ const Accelerate = "var(--dt-easings-accelerate, cubic-bezier(0.5, 0, 1, 1))";
 const SlowInFastOut = "var(--dt-easings-slow-in-fast-out, cubic-bezier(0.8, 0, 0.5, 1))";
 const FastInSlowOut = "var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1))";
 const OutBack = "var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1))";
+const RotateElastic = "var(--dt-easings-rotate-elastic, cubic-bezier(0.8, 0.3, 0.3, 0.8))";
 var easings_default = {
   /**
    * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.
@@ -51,5 +52,10 @@ var easings_default = {
    * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.
    * Css custom property: --dt-easings-out-back. Value: cubic-bezier(0.4, 1.6, 0.7, 1).
    */
-  OutBack
+  OutBack,
+  /**
+   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+   * Css custom property: --dt-easings-rotate-elastic. Value: cubic-bezier(0.8, 0.3, 0.3, 0.8).
+   */
+  RotateElastic
 };

package/easings-js/index.d.ts

@@ -27,5 +27,10 @@ declare const _default: {
      * Value: [ 0.4, 1.6,0.7,1 ].
      */
     OutBack: number[];
+    /**
+     * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+     * Value: [ 0.8, 0.3,0.3,0.8 ].
+     */
+    RotateElastic: number[];
 };
 export default _default;

package/easings-js/index.js

@@ -26,6 +26,7 @@ const Accelerate = [0.5, 0, 1, 1];
 const SlowInFastOut = [0.8, 0, 0.5, 1];
 const FastInSlowOut = [0.4, 0, 0.2, 1];
 const OutBack = [0.4, 1.6, 0.7, 1];
+const RotateElastic = [0.8, 0.3, 0.3, 0.8];
 var easings_js_default = {
   /**
    * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.
@@ -51,5 +52,10 @@ var easings_js_default = {
    * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.
    * Value: [ 0.4, 1.6,0.7,1 ].
    */
-  OutBack
+  OutBack,
+  /**
+   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+   * Value: [ 0.8, 0.3,0.3,0.8 ].
+   */
+  RotateElastic
 };

package/esm/borders/index.js

@@ -26,38 +26,38 @@ const Radius = {
   Surface: {
     /**
      * Use as the subdued border radius for surfaces.
-     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 12px.
+     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 9px.
      */
-    Subdued: "var(--dt-borders-radius-surface-subdued, 12px)",
+    Subdued: "var(--dt-borders-radius-surface-subdued, 9px)",
     /**
      * Use as the default border radius for surfaces.
-     * Css custom property: --dt-borders-radius-surface-default. Default value: 16px.
+     * Css custom property: --dt-borders-radius-surface-default. Default value: 12px.
      */
-    Default: "var(--dt-borders-radius-surface-default, 16px)"
+    Default: "var(--dt-borders-radius-surface-default, 12px)"
   },
   Container: {
     /**
      * Use as the subdued border radius for containers.
-     * Css custom property: --dt-borders-radius-container-subdued. Default value: 8px.
+     * Css custom property: --dt-borders-radius-container-subdued. Default value: 6px.
      */
-    Subdued: "var(--dt-borders-radius-container-subdued, 8px)",
+    Subdued: "var(--dt-borders-radius-container-subdued, 6px)",
     /**
      * Use as the default border radius for containers.
-     * Css custom property: --dt-borders-radius-container-default. Default value: 12px.
+     * Css custom property: --dt-borders-radius-container-default. Default value: 9px.
      */
-    Default: "var(--dt-borders-radius-container-default, 12px)"
+    Default: "var(--dt-borders-radius-container-default, 9px)"
   },
   Field: {
     /**
      * Use as the subdued border radius for fields.
-     * Css custom property: --dt-borders-radius-field-subdued. Default value: 4px.
+     * Css custom property: --dt-borders-radius-field-subdued. Default value: 3px.
      */
-    Subdued: "var(--dt-borders-radius-field-subdued, 4px)",
+    Subdued: "var(--dt-borders-radius-field-subdued, 3px)",
     /**
      * Use as the default border radius for fields.
-     * Css custom property: --dt-borders-radius-field-default. Default value: 8px.
+     * Css custom property: --dt-borders-radius-field-default. Default value: 6px.
      */
-    Default: "var(--dt-borders-radius-field-default, 8px)",
+    Default: "var(--dt-borders-radius-field-default, 6px)",
     /**
      * Use for rounded or pill-like shapes.
      * Css custom property: --dt-borders-radius-field-emphasized. Default value: 9999px.

package/esm/borders/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/borders/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Borders provide style, width, and radius to the edges of an element. */\n\nconst Style = {\n  /**\n   * Use as the default border style.\n   * Css custom property: --dt-borders-style-default. Default value: solid.\n   */\n  Default: 'var(--dt-borders-style-default, solid)',\n  /**\n   * Use to indicate interactive text.\n   * Css custom property: --dt-borders-style-dashed. Default value: dashed.\n   */\n  Dashed: 'var(--dt-borders-style-dashed, dashed)',\n};\nconst Width = {\n  /**\n   * Use as the default border width.\n   * Css custom property: --dt-borders-width-default. Default value: 1px.\n   */\n  Default: 'var(--dt-borders-width-default, 1px)',\n  /**\n   * Use to emphasize borders. This can be useful to clearly separate content.\n   * Css custom property: --dt-borders-width-emphasized. Default value: 2px.\n   */\n  Emphasized: 'var(--dt-borders-width-emphasized, 2px)',\n};\nconst Radius = {\n  Surface: {\n    /**\n     * Use as the subdued border radius for surfaces.\n     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 12px.\n     */\n    Subdued: 'var(--dt-borders-radius-surface-subdued, 12px)',\n    /**\n     * Use as the default border radius for surfaces.\n     * Css custom property: --dt-borders-radius-surface-default. Default value: 16px.\n     */\n    Default: 'var(--dt-borders-radius-surface-default, 16px)',\n  },\n  Container: {\n    /**\n     * Use as the subdued border radius for containers.\n     * Css custom property: --dt-borders-radius-container-subdued. Default value: 8px.\n     */\n    Subdued: 'var(--dt-borders-radius-container-subdued, 8px)',\n    /**\n     * Use as the default border radius for containers.\n     * Css custom property: --dt-borders-radius-container-default. Default value: 12px.\n     */\n    Default: 'var(--dt-borders-radius-container-default, 12px)',\n  },\n  Field: {\n    /**\n     * Use as the subdued border radius for fields.\n     * Css custom property: --dt-borders-radius-field-subdued. Default value: 4px.\n     */\n    Subdued: 'var(--dt-borders-radius-field-subdued, 4px)',\n    /**\n     * Use as the default border radius for fields.\n     * Css custom property: --dt-borders-radius-field-default. Default value: 8px.\n     */\n    Default: 'var(--dt-borders-radius-field-default, 8px)',\n    /**\n     * Use for rounded or pill-like shapes.\n     * Css custom property: --dt-borders-radius-field-emphasized. Default value: 9999px.\n     */\n    Emphasized: 'var(--dt-borders-radius-field-emphasized, 9999px)',\n  },\n};\nexport default {\n  Style,\n  Width,\n  Radius,\n};\n"],
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Borders provide style, width, and radius to the edges of an element. */\n\nconst Style = {\n  /**\n   * Use as the default border style.\n   * Css custom property: --dt-borders-style-default. Default value: solid.\n   */\n  Default: 'var(--dt-borders-style-default, solid)',\n  /**\n   * Use to indicate interactive text.\n   * Css custom property: --dt-borders-style-dashed. Default value: dashed.\n   */\n  Dashed: 'var(--dt-borders-style-dashed, dashed)',\n};\nconst Width = {\n  /**\n   * Use as the default border width.\n   * Css custom property: --dt-borders-width-default. Default value: 1px.\n   */\n  Default: 'var(--dt-borders-width-default, 1px)',\n  /**\n   * Use to emphasize borders. This can be useful to clearly separate content.\n   * Css custom property: --dt-borders-width-emphasized. Default value: 2px.\n   */\n  Emphasized: 'var(--dt-borders-width-emphasized, 2px)',\n};\nconst Radius = {\n  Surface: {\n    /**\n     * Use as the subdued border radius for surfaces.\n     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 9px.\n     */\n    Subdued: 'var(--dt-borders-radius-surface-subdued, 9px)',\n    /**\n     * Use as the default border radius for surfaces.\n     * Css custom property: --dt-borders-radius-surface-default. Default value: 12px.\n     */\n    Default: 'var(--dt-borders-radius-surface-default, 12px)',\n  },\n  Container: {\n    /**\n     * Use as the subdued border radius for containers.\n     * Css custom property: --dt-borders-radius-container-subdued. Default value: 6px.\n     */\n    Subdued: 'var(--dt-borders-radius-container-subdued, 6px)',\n    /**\n     * Use as the default border radius for containers.\n     * Css custom property: --dt-borders-radius-container-default. Default value: 9px.\n     */\n    Default: 'var(--dt-borders-radius-container-default, 9px)',\n  },\n  Field: {\n    /**\n     * Use as the subdued border radius for fields.\n     * Css custom property: --dt-borders-radius-field-subdued. Default value: 3px.\n     */\n    Subdued: 'var(--dt-borders-radius-field-subdued, 3px)',\n    /**\n     * Use as the default border radius for fields.\n     * Css custom property: --dt-borders-radius-field-default. Default value: 6px.\n     */\n    Default: 'var(--dt-borders-radius-field-default, 6px)',\n    /**\n     * Use for rounded or pill-like shapes.\n     * Css custom property: --dt-borders-radius-field-emphasized. Default value: 9999px.\n     */\n    Emphasized: 'var(--dt-borders-radius-field-emphasized, 9999px)',\n  },\n};\nexport default {\n  Style,\n  Width,\n  Radius,\n};\n"],
   "mappings": "AAMA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,QAAQ;AACV;AACA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,YAAY;AACd;AACA,MAAM,SAAS;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,YAAY;AAAA,EACd;AACF;AACA,IAAO,kBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/breakpoints/index.js

@@ -1,33 +1,33 @@
 const Max = {
   /**
-   * Use to constrain screen sizes that are 640px wide or less.
+   * Use with `@media` `max-width` to apply styles to mobile-sized screens.
    * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.
    */
   Mobile: "var(--dt-breakpoints-max-mobile, 640px)",
   /**
-   * Use to constrain screen sizes that are 641px wide or more.
+   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
    * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.
    */
   Tablet: "var(--dt-breakpoints-max-tablet, 960px)",
   /**
-   * Use to constrain screen sizes that are 960px wide or less.
+   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
    * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.
    */
   Desktop: "var(--dt-breakpoints-max-desktop, 1920px)"
 };
 const Min = {
   /**
-   * Use to constrain screen sizes that are 961px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.
    */
   Tablet: "var(--dt-breakpoints-min-tablet, 641px)",
   /**
-   * Use to constrain screen sizes that are 1920 wide or less.
+   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.
    */
   Desktop: "var(--dt-breakpoints-min-desktop, 961px)",
   /**
-   * Use to constrain screen sizes that are 1921px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
    * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.
    */
   Widescreen: "var(--dt-breakpoints-min-widescreen, 1921px)"

package/esm/breakpoints/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/breakpoints/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Breakpoints are used to adjust the layout and appearance of elements in the interface based on different screen sizes. */\n\nconst Max = {\n  /**\n   * Use to constrain screen sizes that are 640px wide or less.\n   * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.\n   */\n  Mobile: 'var(--dt-breakpoints-max-mobile, 640px)',\n  /**\n   * Use to constrain screen sizes that are 641px wide or more.\n   * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.\n   */\n  Tablet: 'var(--dt-breakpoints-max-tablet, 960px)',\n  /**\n   * Use to constrain screen sizes that are 960px wide or less.\n   * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.\n   */\n  Desktop: 'var(--dt-breakpoints-max-desktop, 1920px)',\n};\nconst Min = {\n  /**\n   * Use to constrain screen sizes that are 961px wide or more.\n   * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.\n   */\n  Tablet: 'var(--dt-breakpoints-min-tablet, 641px)',\n  /**\n   * Use to constrain screen sizes that are 1920 wide or less.\n   * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.\n   */\n  Desktop: 'var(--dt-breakpoints-min-desktop, 961px)',\n  /**\n   * Use to constrain screen sizes that are 1921px wide or more.\n   * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.\n   */\n  Widescreen: 'var(--dt-breakpoints-min-widescreen, 1921px)',\n};\nexport default {\n  Max,\n  Min,\n};\n"],
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Breakpoints are used to adjust the layout and appearance of elements in the interface based on different screen sizes. */\n\nconst Max = {\n  /**\n   * Use with `@media` `max-width` to apply styles to mobile-sized screens.\n   * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.\n   */\n  Mobile: 'var(--dt-breakpoints-max-mobile, 640px)',\n  /**\n   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.\n   * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.\n   */\n  Tablet: 'var(--dt-breakpoints-max-tablet, 960px)',\n  /**\n   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.\n   * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.\n   */\n  Desktop: 'var(--dt-breakpoints-max-desktop, 1920px)',\n};\nconst Min = {\n  /**\n   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.\n   * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.\n   */\n  Tablet: 'var(--dt-breakpoints-min-tablet, 641px)',\n  /**\n   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.\n   * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.\n   */\n  Desktop: 'var(--dt-breakpoints-min-desktop, 961px)',\n  /**\n   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.\n   * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.\n   */\n  Widescreen: 'var(--dt-breakpoints-min-widescreen, 1921px)',\n};\nexport default {\n  Max,\n  Min,\n};\n"],
   "mappings": "AAMA,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,SAAS;AACX;AACA,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,YAAY;AACd;AACA,IAAO,sBAAQ;AAAA,EACb;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/breakpoints-js/index.js

@@ -1,33 +1,33 @@
 const Max = {
   /**
-   * Use to constrain screen sizes that are 640px wide or less.
+   * Use with `@media` `max-width` to apply styles to mobile-sized screens.
    * Value: 640.
    */
   Mobile: 640,
   /**
-   * Use to constrain screen sizes that are 641px wide or more.
+   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.
    * Value: 960.
    */
   Tablet: 960,
   /**
-   * Use to constrain screen sizes that are 960px wide or less.
+   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.
    * Value: 1920.
    */
   Desktop: 1920
 };
 const Min = {
   /**
-   * Use to constrain screen sizes that are 961px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.
    * Value: 641.
    */
   Tablet: 641,
   /**
-   * Use to constrain screen sizes that are 1920 wide or less.
+   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.
    * Value: 961.
    */
   Desktop: 961,
   /**
-   * Use to constrain screen sizes that are 1921px wide or more.
+   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.
    * Value: 1921.
    */
   Widescreen: 1921

package/esm/breakpoints-js/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/breakpoints-js/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Breakpoints are used to adjust the layout and appearance of elements in the interface based on different screen sizes. */\n\nconst Max = {\n  /**\n   * Use to constrain screen sizes that are 640px wide or less.\n   * Value: 640.\n   */\n  Mobile: 640,\n  /**\n   * Use to constrain screen sizes that are 641px wide or more.\n   * Value: 960.\n   */\n  Tablet: 960,\n  /**\n   * Use to constrain screen sizes that are 960px wide or less.\n   * Value: 1920.\n   */\n  Desktop: 1920,\n};\nconst Min = {\n  /**\n   * Use to constrain screen sizes that are 961px wide or more.\n   * Value: 641.\n   */\n  Tablet: 641,\n  /**\n   * Use to constrain screen sizes that are 1920 wide or less.\n   * Value: 961.\n   */\n  Desktop: 961,\n  /**\n   * Use to constrain screen sizes that are 1921px wide or more.\n   * Value: 1921.\n   */\n  Widescreen: 1921,\n};\nexport default {\n  Max,\n  Min,\n};\n"],
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Breakpoints are used to adjust the layout and appearance of elements in the interface based on different screen sizes. */\n\nconst Max = {\n  /**\n   * Use with `@media` `max-width` to apply styles to mobile-sized screens.\n   * Value: 640.\n   */\n  Mobile: 640,\n  /**\n   * Use with `@media` `max-width` to apply styles to tablets and smaller screens.\n   * Value: 960.\n   */\n  Tablet: 960,\n  /**\n   * Use with `@media` `max-width` to apply styles to desktops and smaller screens.\n   * Value: 1920.\n   */\n  Desktop: 1920,\n};\nconst Min = {\n  /**\n   * Use this with `@media` `min-width`, to apply styles to tablet and wider screen sizes.\n   * Value: 641.\n   */\n  Tablet: 641,\n  /**\n   * Use this with `@media` `min-width`, to apply styles to desktop and wider screen sizes.\n   * Value: 961.\n   */\n  Desktop: 961,\n  /**\n   * Use this with `@media` `min-width`, to apply styles to widescreen desktop and wider screen sizes.\n   * Value: 1921.\n   */\n  Widescreen: 1921,\n};\nexport default {\n  Max,\n  Min,\n};\n"],
   "mappings": "AAMA,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,SAAS;AACX;AACA,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,YAAY;AACd;AACA,IAAO,yBAAQ;AAAA,EACb;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/easings/index.js

@@ -3,6 +3,7 @@ const Accelerate = "var(--dt-easings-accelerate, cubic-bezier(0.5, 0, 1, 1))";
 const SlowInFastOut = "var(--dt-easings-slow-in-fast-out, cubic-bezier(0.8, 0, 0.5, 1))";
 const FastInSlowOut = "var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1))";
 const OutBack = "var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1))";
+const RotateElastic = "var(--dt-easings-rotate-elastic, cubic-bezier(0.8, 0.3, 0.3, 0.8))";
 var easings_default = {
   /**
    * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.
@@ -28,7 +29,12 @@ var easings_default = {
    * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.
    * Css custom property: --dt-easings-out-back. Value: cubic-bezier(0.4, 1.6, 0.7, 1).
    */
-  OutBack
+  OutBack,
+  /**
+   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+   * Css custom property: --dt-easings-rotate-elastic. Value: cubic-bezier(0.8, 0.3, 0.3, 0.8).
+   */
+  RotateElastic
 };
 export {
   easings_default as default

package/esm/easings/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/easings/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Easings define the rate of change of an animation over time, affecting speed, acceleration, and deceleration. */\n\nconst Decelerate = 'var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1))';\nconst Accelerate = 'var(--dt-easings-accelerate, cubic-bezier(0.5, 0, 1, 1))';\nconst SlowInFastOut =\n  'var(--dt-easings-slow-in-fast-out, cubic-bezier(0.8, 0, 0.5, 1))';\nconst FastInSlowOut =\n  'var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1))';\nconst OutBack = 'var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1))';\nexport default {\n  /**\n   * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.\n   * Css custom property: --dt-easings-decelerate. Value: cubic-bezier(0, 0, 0.2, 1).\n   */\n  Decelerate,\n  /**\n   * Use to convey the acceleration of an object, such as when it's being launched. It starts at a slow pace and then speeds up at the end.\n   * Css custom property: --dt-easings-accelerate. Value: cubic-bezier(0.5, 0, 1, 1).\n   */\n  Accelerate,\n  /**\n   * Use to draw attention to an object. It starts slowly, accelerates in the middle, and then slows down again at the end.\n   * Css custom property: --dt-easings-slow-in-fast-out. Value: cubic-bezier(0.8, 0, 0.5, 1).\n   */\n  SlowInFastOut,\n  /**\n   * Use to move or scale objects. It starts slowly, quickly accelerates in the middle, and slows down at the end.\n   * Css custom property: --dt-easings-fast-in-slow-out. Value: cubic-bezier(0.4, 0, 0.2, 1).\n   */\n  FastInSlowOut,\n  /**\n   * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.\n   * Css custom property: --dt-easings-out-back. Value: cubic-bezier(0.4, 1.6, 0.7, 1).\n   */\n  OutBack,\n};\n"],
-  "mappings": "AAMA,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,gBACJ;AACF,MAAM,gBACJ;AACF,MAAM,UAAU;AAChB,IAAO,kBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AACF;",
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Easings define the rate of change of an animation over time, affecting speed, acceleration, and deceleration. */\n\nconst Decelerate = 'var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1))';\nconst Accelerate = 'var(--dt-easings-accelerate, cubic-bezier(0.5, 0, 1, 1))';\nconst SlowInFastOut =\n  'var(--dt-easings-slow-in-fast-out, cubic-bezier(0.8, 0, 0.5, 1))';\nconst FastInSlowOut =\n  'var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1))';\nconst OutBack = 'var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1))';\nconst RotateElastic =\n  'var(--dt-easings-rotate-elastic, cubic-bezier(0.8, 0.3, 0.3, 0.8))';\nexport default {\n  /**\n   * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.\n   * Css custom property: --dt-easings-decelerate. Value: cubic-bezier(0, 0, 0.2, 1).\n   */\n  Decelerate,\n  /**\n   * Use to convey the acceleration of an object, such as when it's being launched. It starts at a slow pace and then speeds up at the end.\n   * Css custom property: --dt-easings-accelerate. Value: cubic-bezier(0.5, 0, 1, 1).\n   */\n  Accelerate,\n  /**\n   * Use to draw attention to an object. It starts slowly, accelerates in the middle, and then slows down again at the end.\n   * Css custom property: --dt-easings-slow-in-fast-out. Value: cubic-bezier(0.8, 0, 0.5, 1).\n   */\n  SlowInFastOut,\n  /**\n   * Use to move or scale objects. It starts slowly, quickly accelerates in the middle, and slows down at the end.\n   * Css custom property: --dt-easings-fast-in-slow-out. Value: cubic-bezier(0.4, 0, 0.2, 1).\n   */\n  FastInSlowOut,\n  /**\n   * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.\n   * Css custom property: --dt-easings-out-back. Value: cubic-bezier(0.4, 1.6, 0.7, 1).\n   */\n  OutBack,\n  /**\n   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.\n   * Css custom property: --dt-easings-rotate-elastic. Value: cubic-bezier(0.8, 0.3, 0.3, 0.8).\n   */\n  RotateElastic,\n};\n"],
+  "mappings": "AAMA,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,gBACJ;AACF,MAAM,gBACJ;AACF,MAAM,UAAU;AAChB,MAAM,gBACJ;AACF,IAAO,kBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AACF;",
   "names": []
 }

package/esm/easings-js/index.js

@@ -3,6 +3,7 @@ const Accelerate = [0.5, 0, 1, 1];
 const SlowInFastOut = [0.8, 0, 0.5, 1];
 const FastInSlowOut = [0.4, 0, 0.2, 1];
 const OutBack = [0.4, 1.6, 0.7, 1];
+const RotateElastic = [0.8, 0.3, 0.3, 0.8];
 var easings_js_default = {
   /**
    * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.
@@ -28,7 +29,12 @@ var easings_js_default = {
    * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.
    * Value: [ 0.4, 1.6,0.7,1 ].
    */
-  OutBack
+  OutBack,
+  /**
+   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.
+   * Value: [ 0.8, 0.3,0.3,0.8 ].
+   */
+  RotateElastic
 };
 export {
   easings_js_default as default

package/esm/easings-js/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/easings-js/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Easings define the rate of change of an animation over time, affecting speed, acceleration, and deceleration. */\n\nconst Decelerate = [0, 0, 0.2, 1];\nconst Accelerate = [0.5, 0, 1, 1];\nconst SlowInFastOut = [0.8, 0, 0.5, 1];\nconst FastInSlowOut = [0.4, 0, 0.2, 1];\nconst OutBack = [0.4, 1.6, 0.7, 1];\nexport default {\n  /**\n   * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.\n   * Value: [ 0, 0,0.2,1 ].\n   */\n  Decelerate,\n  /**\n   * Use to convey the acceleration of an object, such as when it's being launched. It starts at a slow pace and then speeds up at the end.\n   * Value: [ 0.5, 0,1,1 ].\n   */\n  Accelerate,\n  /**\n   * Use to draw attention to an object. It starts slowly, accelerates in the middle, and then slows down again at the end.\n   * Value: [ 0.8, 0,0.5,1 ].\n   */\n  SlowInFastOut,\n  /**\n   * Use to move or scale objects. It starts slowly, quickly accelerates in the middle, and slows down at the end.\n   * Value: [ 0.4, 0,0.2,1 ].\n   */\n  FastInSlowOut,\n  /**\n   * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.\n   * Value: [ 0.4, 1.6,0.7,1 ].\n   */\n  OutBack,\n};\n"],
-  "mappings": "AAMA,MAAM,aAAa,CAAC,GAAG,GAAG,KAAK,CAAC;AAChC,MAAM,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC;AAChC,MAAM,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;AACrC,MAAM,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;AACrC,MAAM,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC;AACjC,IAAO,qBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AACF;",
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Easings define the rate of change of an animation over time, affecting speed, acceleration, and deceleration. */\n\nconst Decelerate = [0, 0, 0.2, 1];\nconst Accelerate = [0.5, 0, 1, 1];\nconst SlowInFastOut = [0.8, 0, 0.5, 1];\nconst FastInSlowOut = [0.4, 0, 0.2, 1];\nconst OutBack = [0.4, 1.6, 0.7, 1];\nconst RotateElastic = [0.8, 0.3, 0.3, 0.8];\nexport default {\n  /**\n   * Use to convey the deceleration of an object, such as when it's coming to a stop. It starts at a fast pace and then slows down at the end.\n   * Value: [ 0, 0,0.2,1 ].\n   */\n  Decelerate,\n  /**\n   * Use to convey the acceleration of an object, such as when it's being launched. It starts at a slow pace and then speeds up at the end.\n   * Value: [ 0.5, 0,1,1 ].\n   */\n  Accelerate,\n  /**\n   * Use to draw attention to an object. It starts slowly, accelerates in the middle, and then slows down again at the end.\n   * Value: [ 0.8, 0,0.5,1 ].\n   */\n  SlowInFastOut,\n  /**\n   * Use to move or scale objects. It starts slowly, quickly accelerates in the middle, and slows down at the end.\n   * Value: [ 0.4, 0,0.2,1 ].\n   */\n  FastInSlowOut,\n  /**\n   * Use to convey a playful or elastic effect, such as when an object bounces or stretches. It overshoots its target position before settling back into place.\n   * Value: [ 0.4, 1.6,0.7,1 ].\n   */\n  OutBack,\n  /**\n   * Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators.\n   * Value: [ 0.8, 0.3,0.3,0.8 ].\n   */\n  RotateElastic,\n};\n"],
+  "mappings": "AAMA,MAAM,aAAa,CAAC,GAAG,GAAG,KAAK,CAAC;AAChC,MAAM,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC;AAChC,MAAM,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;AACrC,MAAM,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;AACrC,MAAM,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC;AACjC,MAAM,gBAAgB,CAAC,KAAK,KAAK,KAAK,GAAG;AACzC,IAAO,qBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AACF;",
   "names": []
 }