@dynatrace/strato-design-tokens 1.1.3 → 1.2.0

package/colors/index.d.ts

@@ -1608,6 +1608,10 @@ declare const _default: {
                 /** Css custom property: --dt-colors-charts-security-risk-level-low-default. Default value: #134fc9. */
                 Default: string;
             };
+            None: {
+                /** Css custom property: --dt-colors-charts-security-risk-level-none-default. Default value: #2c2f3f. */
+                Default: string;
+            };
         };
         VulnerabilityStatus: {
             Muted: {

package/colors/index.js

@@ -1626,6 +1626,10 @@ const Charts = {
     Low: {
       /** Css custom property: --dt-colors-charts-security-risk-level-low-default. Default value: #134fc9. */
       Default: "var(--dt-colors-charts-security-risk-level-low-default, #134fc9)"
+    },
+    None: {
+      /** Css custom property: --dt-colors-charts-security-risk-level-none-default. Default value: #2c2f3f. */
+      Default: "var(--dt-colors-charts-security-risk-level-none-default, #2c2f3f)"
     }
   },
   VulnerabilityStatus: {

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/colors/index.js

@@ -1603,6 +1603,10 @@ const Charts = {
     Low: {
       /** Css custom property: --dt-colors-charts-security-risk-level-low-default. Default value: #134fc9. */
       Default: "var(--dt-colors-charts-security-risk-level-low-default, #134fc9)"
+    },
+    None: {
+      /** Css custom property: --dt-colors-charts-security-risk-level-none-default. Default value: #2c2f3f. */
+      Default: "var(--dt-colors-charts-security-risk-level-none-default, #2c2f3f)"
     }
   },
   VulnerabilityStatus: {