@dynatrace/strato-design-tokens 1.1.3 → 1.1.4

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/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": []
 }

package/esm/timings/index.js

@@ -36,12 +36,21 @@ const Slow = {
   /** Css custom property: --dt-timings-slow-gentle. Default value: 800ms. */
   Gentle: "var(--dt-timings-slow-gentle, 800ms)"
 };
+const Slowest = {
+  /** Css custom property: --dt-timings-slowest-default. Default value: 1000ms. */
+  Default: "var(--dt-timings-slowest-default, 1000ms)",
+  /** Css custom property: --dt-timings-slowest-moderate. Default value: 1200ms. */
+  Moderate: "var(--dt-timings-slowest-moderate, 1200ms)",
+  /** Css custom property: --dt-timings-slowest-gentle. Default value: 1500ms. */
+  Gentle: "var(--dt-timings-slowest-gentle, 1500ms)"
+};
 var timings_default = {
   Instant,
   Offset,
   Fast,
   Base,
-  Slow
+  Slow,
+  Slowest
 };
 export {
   timings_default as default

package/esm/timings/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/timings/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Timings define the duration of an animation. */\n\nconst Instant = {\n  /** Css custom property: --dt-timings-instant-default. Default value: 0ms. */\n  Default: 'var(--dt-timings-instant-default, 0ms)',\n};\nconst Offset = {\n  /** Css custom property: --dt-timings-offset-short. Default value: 20ms. */\n  Short: 'var(--dt-timings-offset-short, 20ms)',\n  /** Css custom property: --dt-timings-offset-medium. Default value: 30ms. */\n  Medium: 'var(--dt-timings-offset-medium, 30ms)',\n  /** Css custom property: --dt-timings-offset-long. Default value: 100ms. */\n  Long: 'var(--dt-timings-offset-long, 100ms)',\n  /** Css custom property: --dt-timings-offset-default. Default value: 50ms. */\n  Default: 'var(--dt-timings-offset-default, 50ms)',\n};\nconst Fast = {\n  /** Css custom property: --dt-timings-fast-quick. Default value: 150ms. */\n  Quick: 'var(--dt-timings-fast-quick, 150ms)',\n  /** Css custom property: --dt-timings-fast-default. Default value: 170ms. */\n  Default: 'var(--dt-timings-fast-default, 170ms)',\n  /** Css custom property: --dt-timings-fast-moderate. Default value: 200ms. */\n  Moderate: 'var(--dt-timings-fast-moderate, 200ms)',\n};\nconst Base = {\n  /** Css custom property: --dt-timings-base-quick. Default value: 250ms. */\n  Quick: 'var(--dt-timings-base-quick, 250ms)',\n  /** Css custom property: --dt-timings-base-default. Default value: 300ms. */\n  Default: 'var(--dt-timings-base-default, 300ms)',\n  /** Css custom property: --dt-timings-base-moderate. Default value: 350ms. */\n  Moderate: 'var(--dt-timings-base-moderate, 350ms)',\n};\nconst Slow = {\n  /** Css custom property: --dt-timings-slow-default. Default value: 400ms. */\n  Default: 'var(--dt-timings-slow-default, 400ms)',\n  /** Css custom property: --dt-timings-slow-moderate. Default value: 600ms. */\n  Moderate: 'var(--dt-timings-slow-moderate, 600ms)',\n  /** Css custom property: --dt-timings-slow-gentle. Default value: 800ms. */\n  Gentle: 'var(--dt-timings-slow-gentle, 800ms)',\n};\nexport default {\n  Instant,\n  Offset,\n  Fast,\n  Base,\n  Slow,\n};\n"],
-  "mappings": "AAMA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AACX;AACA,MAAM,SAAS;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA;AAAA,EAEN,SAAS;AACX;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,IAAO,kBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Timings define the duration of an animation. */\n\nconst Instant = {\n  /** Css custom property: --dt-timings-instant-default. Default value: 0ms. */\n  Default: 'var(--dt-timings-instant-default, 0ms)',\n};\nconst Offset = {\n  /** Css custom property: --dt-timings-offset-short. Default value: 20ms. */\n  Short: 'var(--dt-timings-offset-short, 20ms)',\n  /** Css custom property: --dt-timings-offset-medium. Default value: 30ms. */\n  Medium: 'var(--dt-timings-offset-medium, 30ms)',\n  /** Css custom property: --dt-timings-offset-long. Default value: 100ms. */\n  Long: 'var(--dt-timings-offset-long, 100ms)',\n  /** Css custom property: --dt-timings-offset-default. Default value: 50ms. */\n  Default: 'var(--dt-timings-offset-default, 50ms)',\n};\nconst Fast = {\n  /** Css custom property: --dt-timings-fast-quick. Default value: 150ms. */\n  Quick: 'var(--dt-timings-fast-quick, 150ms)',\n  /** Css custom property: --dt-timings-fast-default. Default value: 170ms. */\n  Default: 'var(--dt-timings-fast-default, 170ms)',\n  /** Css custom property: --dt-timings-fast-moderate. Default value: 200ms. */\n  Moderate: 'var(--dt-timings-fast-moderate, 200ms)',\n};\nconst Base = {\n  /** Css custom property: --dt-timings-base-quick. Default value: 250ms. */\n  Quick: 'var(--dt-timings-base-quick, 250ms)',\n  /** Css custom property: --dt-timings-base-default. Default value: 300ms. */\n  Default: 'var(--dt-timings-base-default, 300ms)',\n  /** Css custom property: --dt-timings-base-moderate. Default value: 350ms. */\n  Moderate: 'var(--dt-timings-base-moderate, 350ms)',\n};\nconst Slow = {\n  /** Css custom property: --dt-timings-slow-default. Default value: 400ms. */\n  Default: 'var(--dt-timings-slow-default, 400ms)',\n  /** Css custom property: --dt-timings-slow-moderate. Default value: 600ms. */\n  Moderate: 'var(--dt-timings-slow-moderate, 600ms)',\n  /** Css custom property: --dt-timings-slow-gentle. Default value: 800ms. */\n  Gentle: 'var(--dt-timings-slow-gentle, 800ms)',\n};\nconst Slowest = {\n  /** Css custom property: --dt-timings-slowest-default. Default value: 1000ms. */\n  Default: 'var(--dt-timings-slowest-default, 1000ms)',\n  /** Css custom property: --dt-timings-slowest-moderate. Default value: 1200ms. */\n  Moderate: 'var(--dt-timings-slowest-moderate, 1200ms)',\n  /** Css custom property: --dt-timings-slowest-gentle. Default value: 1500ms. */\n  Gentle: 'var(--dt-timings-slowest-gentle, 1500ms)',\n};\nexport default {\n  Instant,\n  Offset,\n  Fast,\n  Base,\n  Slow,\n  Slowest,\n};\n"],
+  "mappings": "AAMA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AACX;AACA,MAAM,SAAS;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA;AAAA,EAEN,SAAS;AACX;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,IAAO,kBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/timings-js/index.js

@@ -36,12 +36,21 @@ const Slow = {
   /** Value: 0.8. */
   Gentle: 0.8
 };
+const Slowest = {
+  /** Value: 1. */
+  Default: 1,
+  /** Value: 1.2. */
+  Moderate: 1.2,
+  /** Value: 1.5. */
+  Gentle: 1.5
+};
 var timings_js_default = {
   Instant,
   Offset,
   Fast,
   Base,
-  Slow
+  Slow,
+  Slowest
 };
 export {
   timings_js_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../generated/timings-js/index.ts"],
-  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Timings define the duration of an animation. */\n\nconst Instant = {\n  /** Value: 0. */\n  Default: 0,\n};\nconst Offset = {\n  /** Value: 0.02. */\n  Short: 0.02,\n  /** Value: 0.03. */\n  Medium: 0.03,\n  /** Value: 0.1. */\n  Long: 0.1,\n  /** Value: 0.05. */\n  Default: 0.05,\n};\nconst Fast = {\n  /** Value: 0.15. */\n  Quick: 0.15,\n  /** Value: 0.17. */\n  Default: 0.17,\n  /** Value: 0.2. */\n  Moderate: 0.2,\n};\nconst Base = {\n  /** Value: 0.25. */\n  Quick: 0.25,\n  /** Value: 0.3. */\n  Default: 0.3,\n  /** Value: 0.35. */\n  Moderate: 0.35,\n};\nconst Slow = {\n  /** Value: 0.4. */\n  Default: 0.4,\n  /** Value: 0.6. */\n  Moderate: 0.6,\n  /** Value: 0.8. */\n  Gentle: 0.8,\n};\nexport default {\n  Instant,\n  Offset,\n  Fast,\n  Base,\n  Slow,\n};\n"],
-  "mappings": "AAMA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AACX;AACA,MAAM,SAAS;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA;AAAA,EAEN,SAAS;AACX;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,IAAO,qBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["/**\n * Generated file, do not edit directly!\n */\n\n/** Timings define the duration of an animation. */\n\nconst Instant = {\n  /** Value: 0. */\n  Default: 0,\n};\nconst Offset = {\n  /** Value: 0.02. */\n  Short: 0.02,\n  /** Value: 0.03. */\n  Medium: 0.03,\n  /** Value: 0.1. */\n  Long: 0.1,\n  /** Value: 0.05. */\n  Default: 0.05,\n};\nconst Fast = {\n  /** Value: 0.15. */\n  Quick: 0.15,\n  /** Value: 0.17. */\n  Default: 0.17,\n  /** Value: 0.2. */\n  Moderate: 0.2,\n};\nconst Base = {\n  /** Value: 0.25. */\n  Quick: 0.25,\n  /** Value: 0.3. */\n  Default: 0.3,\n  /** Value: 0.35. */\n  Moderate: 0.35,\n};\nconst Slow = {\n  /** Value: 0.4. */\n  Default: 0.4,\n  /** Value: 0.6. */\n  Moderate: 0.6,\n  /** Value: 0.8. */\n  Gentle: 0.8,\n};\nconst Slowest = {\n  /** Value: 1. */\n  Default: 1,\n  /** Value: 1.2. */\n  Moderate: 1.2,\n  /** Value: 1.5. */\n  Gentle: 1.5,\n};\nexport default {\n  Instant,\n  Offset,\n  Fast,\n  Base,\n  Slow,\n  Slowest,\n};\n"],
+  "mappings": "AAMA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AACX;AACA,MAAM,SAAS;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,MAAM;AAAA;AAAA,EAEN,SAAS;AACX;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AACA,MAAM,OAAO;AAAA;AAAA,EAEX,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,MAAM,UAAU;AAAA;AAAA,EAEd,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,QAAQ;AACV;AACA,IAAO,qBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/variables/index.js

@@ -1066,6 +1066,8 @@ const customPropertiesUnified = {
   "--dt-easings-fast-in-slow-out": "cubic-bezier(0.4, 0, 0.2, 1)",
   /** 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. */
   "--dt-easings-out-back": "cubic-bezier(0.4, 1.6, 0.7, 1)",
+  /** Use to create dynamic, nonlinear rotation that adds energy and movement, ideal for rotating loading indicators. */
+  "--dt-easings-rotate-elastic": "cubic-bezier(0.8, 0.3, 0.3, 0.8)",
   "--dt-timings-instant-default": "0ms",
   "--dt-timings-offset-short": "20ms",
   "--dt-timings-offset-medium": "30ms",
@@ -1079,7 +1081,10 @@ const customPropertiesUnified = {
   "--dt-timings-base-moderate": "350ms",
   "--dt-timings-slow-default": "400ms",
   "--dt-timings-slow-moderate": "600ms",
-  "--dt-timings-slow-gentle": "800ms"
+  "--dt-timings-slow-gentle": "800ms",
+  "--dt-timings-slowest-default": "1000ms",
+  "--dt-timings-slowest-moderate": "1200ms",
+  "--dt-timings-slowest-gentle": "1500ms"
 };
 var variables_default = customPropertiesUnified;
 export {