@salemcobalt/tokens 0.2.0-rc.15 → 0.2.0-rc.17

package/dist/css/tokens.css

@@ -1,4 +1,4 @@
-/* @salemcobalt/tokens 0.2.0-rc.15 — generated from src/ by Style Dictionary. Do not edit. */
+/* @salemcobalt/tokens 0.2.0-rc.17 — generated from src/ by Style Dictionary. Do not edit. */
 :root, [data-theme="light"] {
   color-scheme: light;
   --sc-color-white: #ffffff; /** Primitive. */
@@ -86,9 +86,11 @@
   --sc-duration-base: 200ms; /** Dialog enter, backdrop fade. */
   --sc-duration-slow: 300ms; /** Layout shifts, panels sliding. */
   --sc-duration-slower: 500ms; /** Page-level transitions only. */
+  --sc-duration-data: 600ms; /** A value moving to its new amount: a score ring's arc, a meter's fill. */
   --sc-ease-standard: cubic-bezier(0.2, 0, 0, 1); /** Color and size changes. */
   --sc-ease-enter: cubic-bezier(0, 0, 0.2, 1); /** Elements appearing. */
   --sc-ease-exit: cubic-bezier(0.4, 0, 1, 1); /** Elements leaving, at 75% of the enter duration. */
+  --sc-ease-data: cubic-bezier(0.2, 0.7, 0.2, 1); /** A value settling: quick off the mark, then a long, soft landing. Pairs with duration.data. */
   --sc-radius-none: 0px; /** Flush edges, table cells. */
   --sc-radius-xs: 2px; /** Focus ring corners on square elements. */
   --sc-radius-sm: 4px; /** Badge, Kbd, Button sm. */

package/dist/js/tokens.d.ts

@@ -1,4 +1,4 @@
-/* @salemcobalt/tokens 0.2.0-rc.15 — generated from src/ by Style Dictionary. Do not edit. */
+/* @salemcobalt/tokens 0.2.0-rc.17 — generated from src/ by Style Dictionary. Do not edit. */
 export declare const prefix: "sc";
 export declare const tokens: {
   color: {
@@ -298,12 +298,14 @@ export declare const tokens: {
     fast: "100ms",
     base: "200ms",
     slow: "300ms",
-    slower: "500ms"
+    slower: "500ms",
+    data: "600ms"
   },
   ease: {
     standard: "cubic-bezier(0.2, 0, 0, 1)",
     enter: "cubic-bezier(0, 0, 0.2, 1)",
-    exit: "cubic-bezier(0.4, 0, 1, 1)"
+    exit: "cubic-bezier(0.4, 0, 1, 1)",
+    data: "cubic-bezier(0.2, 0.7, 0.2, 1)"
   },
   radius: {
     none: "0px",
@@ -425,7 +427,7 @@ export declare const tokens: {
     }
   }
 };
-export type TokenName = "color-white" | "color-black" | "color-neutral-0" | "color-neutral-50" | "color-neutral-100" | "color-neutral-200" | "color-neutral-300" | "color-neutral-400" | "color-neutral-500" | "color-neutral-600" | "color-neutral-700" | "color-neutral-800" | "color-neutral-850" | "color-neutral-900" | "color-neutral-950" | "color-neutral-1000" | "color-brand-50" | "color-brand-100" | "color-brand-200" | "color-brand-300" | "color-brand-400" | "color-brand-500" | "color-brand-600" | "color-brand-700" | "color-brand-800" | "color-brand-900" | "color-brand-950" | "color-green-50" | "color-green-100" | "color-green-200" | "color-green-300" | "color-green-400" | "color-green-500" | "color-green-600" | "color-green-700" | "color-green-800" | "color-green-900" | "color-green-950" | "color-amber-50" | "color-amber-100" | "color-amber-200" | "color-amber-300" | "color-amber-400" | "color-amber-500" | "color-amber-600" | "color-amber-700" | "color-amber-800" | "color-amber-900" | "color-amber-950" | "color-red-50" | "color-red-100" | "color-red-200" | "color-red-300" | "color-red-400" | "color-red-500" | "color-red-600" | "color-red-700" | "color-red-800" | "color-red-900" | "color-red-950" | "color-teal-50" | "color-teal-100" | "color-teal-200" | "color-teal-300" | "color-teal-400" | "color-teal-500" | "color-teal-600" | "color-teal-700" | "color-teal-800" | "color-teal-900" | "color-teal-950" | "color-surface-canvas" | "color-surface-default" | "color-surface-raised" | "color-surface-sunken" | "color-surface-hover" | "color-surface-active" | "color-surface-raised-hover" | "color-surface-raised-active" | "color-surface-backdrop" | "color-text-default" | "color-text-muted" | "color-text-subtle" | "color-text-on-accent" | "color-text-on-status" | "color-text-link" | "color-border-default" | "color-border-strong" | "color-border-focus" | "color-accent-default" | "color-accent-hover" | "color-accent-active" | "color-accent-subtle" | "color-accent-wash" | "color-accent-text" | "color-accent-border" | "color-success-subtle" | "color-success-text" | "color-success-solid" | "color-success-border" | "color-warning-subtle" | "color-warning-text" | "color-warning-solid" | "color-warning-border" | "color-info-subtle" | "color-info-text" | "color-info-solid" | "color-danger-subtle" | "color-danger-text" | "color-danger-solid" | "color-danger-border" | "color-danger-hover" | "color-diff-added-wash" | "color-diff-added-stroke" | "color-diff-removed-wash" | "color-diff-removed-stroke" | "z-base" | "z-raised" | "z-sticky" | "z-backdrop" | "z-dialog" | "z-dropdown" | "z-toast" | "z-tooltip" | "duration-fast" | "duration-base" | "duration-slow" | "duration-slower" | "ease-standard" | "ease-enter" | "ease-exit" | "radius-none" | "radius-xs" | "radius-sm" | "radius-md" | "radius-lg" | "radius-xl" | "radius-2xl" | "radius-full" | "size-control-sm" | "size-control-md" | "size-control-lg" | "size-control-compact-sm" | "size-control-compact-md" | "size-control-compact-lg" | "size-touch-target" | "size-badge-sm" | "size-badge-md" | "size-icon-xs" | "size-icon-sm" | "size-icon-md" | "size-icon-lg" | "size-icon-xl" | "size-score-sm" | "size-score-md" | "size-score-ring" | "size-score-ring-stroke" | "size-dialog-sm" | "size-dialog-md" | "size-dialog-lg" | "border-width-hairline" | "border-width-focus" | "border-width-halo" | "spacing-none" | "spacing-3xs" | "spacing-2xs" | "spacing-xs" | "spacing-sm" | "spacing-md" | "spacing-lg" | "spacing-xl" | "spacing-2xl" | "spacing-3xl" | "spacing-4xl" | "font-family-sans" | "font-family-mono" | "font-size-xs" | "font-size-sm" | "font-size-md" | "font-size-lg" | "font-size-xl" | "font-size-2xl" | "font-size-3xl" | "font-size-4xl" | "font-size-5xl" | "font-weight-regular" | "font-weight-medium" | "font-weight-semibold" | "font-line-height-tight" | "font-line-height-snug" | "font-line-height-normal" | "font-line-height-ui" | "font-tracking-tight" | "font-tracking-snug" | "font-tracking-normal" | "font-tracking-wide" | "font-tracking-wider" | "font-measure" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3";
+export type TokenName = "color-white" | "color-black" | "color-neutral-0" | "color-neutral-50" | "color-neutral-100" | "color-neutral-200" | "color-neutral-300" | "color-neutral-400" | "color-neutral-500" | "color-neutral-600" | "color-neutral-700" | "color-neutral-800" | "color-neutral-850" | "color-neutral-900" | "color-neutral-950" | "color-neutral-1000" | "color-brand-50" | "color-brand-100" | "color-brand-200" | "color-brand-300" | "color-brand-400" | "color-brand-500" | "color-brand-600" | "color-brand-700" | "color-brand-800" | "color-brand-900" | "color-brand-950" | "color-green-50" | "color-green-100" | "color-green-200" | "color-green-300" | "color-green-400" | "color-green-500" | "color-green-600" | "color-green-700" | "color-green-800" | "color-green-900" | "color-green-950" | "color-amber-50" | "color-amber-100" | "color-amber-200" | "color-amber-300" | "color-amber-400" | "color-amber-500" | "color-amber-600" | "color-amber-700" | "color-amber-800" | "color-amber-900" | "color-amber-950" | "color-red-50" | "color-red-100" | "color-red-200" | "color-red-300" | "color-red-400" | "color-red-500" | "color-red-600" | "color-red-700" | "color-red-800" | "color-red-900" | "color-red-950" | "color-teal-50" | "color-teal-100" | "color-teal-200" | "color-teal-300" | "color-teal-400" | "color-teal-500" | "color-teal-600" | "color-teal-700" | "color-teal-800" | "color-teal-900" | "color-teal-950" | "color-surface-canvas" | "color-surface-default" | "color-surface-raised" | "color-surface-sunken" | "color-surface-hover" | "color-surface-active" | "color-surface-raised-hover" | "color-surface-raised-active" | "color-surface-backdrop" | "color-text-default" | "color-text-muted" | "color-text-subtle" | "color-text-on-accent" | "color-text-on-status" | "color-text-link" | "color-border-default" | "color-border-strong" | "color-border-focus" | "color-accent-default" | "color-accent-hover" | "color-accent-active" | "color-accent-subtle" | "color-accent-wash" | "color-accent-text" | "color-accent-border" | "color-success-subtle" | "color-success-text" | "color-success-solid" | "color-success-border" | "color-warning-subtle" | "color-warning-text" | "color-warning-solid" | "color-warning-border" | "color-info-subtle" | "color-info-text" | "color-info-solid" | "color-danger-subtle" | "color-danger-text" | "color-danger-solid" | "color-danger-border" | "color-danger-hover" | "color-diff-added-wash" | "color-diff-added-stroke" | "color-diff-removed-wash" | "color-diff-removed-stroke" | "z-base" | "z-raised" | "z-sticky" | "z-backdrop" | "z-dialog" | "z-dropdown" | "z-toast" | "z-tooltip" | "duration-fast" | "duration-base" | "duration-slow" | "duration-slower" | "duration-data" | "ease-standard" | "ease-enter" | "ease-exit" | "ease-data" | "radius-none" | "radius-xs" | "radius-sm" | "radius-md" | "radius-lg" | "radius-xl" | "radius-2xl" | "radius-full" | "size-control-sm" | "size-control-md" | "size-control-lg" | "size-control-compact-sm" | "size-control-compact-md" | "size-control-compact-lg" | "size-touch-target" | "size-badge-sm" | "size-badge-md" | "size-icon-xs" | "size-icon-sm" | "size-icon-md" | "size-icon-lg" | "size-icon-xl" | "size-score-sm" | "size-score-md" | "size-score-ring" | "size-score-ring-stroke" | "size-dialog-sm" | "size-dialog-md" | "size-dialog-lg" | "border-width-hairline" | "border-width-focus" | "border-width-halo" | "spacing-none" | "spacing-3xs" | "spacing-2xs" | "spacing-xs" | "spacing-sm" | "spacing-md" | "spacing-lg" | "spacing-xl" | "spacing-2xl" | "spacing-3xl" | "spacing-4xl" | "font-family-sans" | "font-family-mono" | "font-size-xs" | "font-size-sm" | "font-size-md" | "font-size-lg" | "font-size-xl" | "font-size-2xl" | "font-size-3xl" | "font-size-4xl" | "font-size-5xl" | "font-weight-regular" | "font-weight-medium" | "font-weight-semibold" | "font-line-height-tight" | "font-line-height-snug" | "font-line-height-normal" | "font-line-height-ui" | "font-tracking-tight" | "font-tracking-snug" | "font-tracking-normal" | "font-tracking-wide" | "font-tracking-wider" | "font-measure" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3";
 export declare const tokenNames: readonly TokenName[];
 export type Theme = 'light' | 'dark';
 export declare const cssVar: (name: TokenName) => `var(--sc-${TokenName})`;

package/dist/js/tokens.js

@@ -1,4 +1,4 @@
-/* @salemcobalt/tokens 0.2.0-rc.15 — generated from src/ by Style Dictionary. Do not edit. */
+/* @salemcobalt/tokens 0.2.0-rc.17 — generated from src/ by Style Dictionary. Do not edit. */
 export const prefix = "sc";
 export const tokens = {
   "color": {
@@ -298,12 +298,14 @@ export const tokens = {
     "fast": "100ms",
     "base": "200ms",
     "slow": "300ms",
-    "slower": "500ms"
+    "slower": "500ms",
+    "data": "600ms"
   },
   "ease": {
     "standard": "cubic-bezier(0.2, 0, 0, 1)",
     "enter": "cubic-bezier(0, 0, 0.2, 1)",
-    "exit": "cubic-bezier(0.4, 0, 1, 1)"
+    "exit": "cubic-bezier(0.4, 0, 1, 1)",
+    "data": "cubic-bezier(0.2, 0.7, 0.2, 1)"
   },
   "radius": {
     "none": "0px",
@@ -425,5 +427,5 @@ export const tokens = {
     }
   }
 };
-export const tokenNames = ["color-white","color-black","color-neutral-0","color-neutral-50","color-neutral-100","color-neutral-200","color-neutral-300","color-neutral-400","color-neutral-500","color-neutral-600","color-neutral-700","color-neutral-800","color-neutral-850","color-neutral-900","color-neutral-950","color-neutral-1000","color-brand-50","color-brand-100","color-brand-200","color-brand-300","color-brand-400","color-brand-500","color-brand-600","color-brand-700","color-brand-800","color-brand-900","color-brand-950","color-green-50","color-green-100","color-green-200","color-green-300","color-green-400","color-green-500","color-green-600","color-green-700","color-green-800","color-green-900","color-green-950","color-amber-50","color-amber-100","color-amber-200","color-amber-300","color-amber-400","color-amber-500","color-amber-600","color-amber-700","color-amber-800","color-amber-900","color-amber-950","color-red-50","color-red-100","color-red-200","color-red-300","color-red-400","color-red-500","color-red-600","color-red-700","color-red-800","color-red-900","color-red-950","color-teal-50","color-teal-100","color-teal-200","color-teal-300","color-teal-400","color-teal-500","color-teal-600","color-teal-700","color-teal-800","color-teal-900","color-teal-950","color-surface-canvas","color-surface-default","color-surface-raised","color-surface-sunken","color-surface-hover","color-surface-active","color-surface-raised-hover","color-surface-raised-active","color-surface-backdrop","color-text-default","color-text-muted","color-text-subtle","color-text-on-accent","color-text-on-status","color-text-link","color-border-default","color-border-strong","color-border-focus","color-accent-default","color-accent-hover","color-accent-active","color-accent-subtle","color-accent-wash","color-accent-text","color-accent-border","color-success-subtle","color-success-text","color-success-solid","color-success-border","color-warning-subtle","color-warning-text","color-warning-solid","color-warning-border","color-info-subtle","color-info-text","color-info-solid","color-danger-subtle","color-danger-text","color-danger-solid","color-danger-border","color-danger-hover","color-diff-added-wash","color-diff-added-stroke","color-diff-removed-wash","color-diff-removed-stroke","z-base","z-raised","z-sticky","z-backdrop","z-dialog","z-dropdown","z-toast","z-tooltip","duration-fast","duration-base","duration-slow","duration-slower","ease-standard","ease-enter","ease-exit","radius-none","radius-xs","radius-sm","radius-md","radius-lg","radius-xl","radius-2xl","radius-full","size-control-sm","size-control-md","size-control-lg","size-control-compact-sm","size-control-compact-md","size-control-compact-lg","size-touch-target","size-badge-sm","size-badge-md","size-icon-xs","size-icon-sm","size-icon-md","size-icon-lg","size-icon-xl","size-score-sm","size-score-md","size-score-ring","size-score-ring-stroke","size-dialog-sm","size-dialog-md","size-dialog-lg","border-width-hairline","border-width-focus","border-width-halo","spacing-none","spacing-3xs","spacing-2xs","spacing-xs","spacing-sm","spacing-md","spacing-lg","spacing-xl","spacing-2xl","spacing-3xl","spacing-4xl","font-family-sans","font-family-mono","font-size-xs","font-size-sm","font-size-md","font-size-lg","font-size-xl","font-size-2xl","font-size-3xl","font-size-4xl","font-size-5xl","font-weight-regular","font-weight-medium","font-weight-semibold","font-line-height-tight","font-line-height-snug","font-line-height-normal","font-line-height-ui","font-tracking-tight","font-tracking-snug","font-tracking-normal","font-tracking-wide","font-tracking-wider","font-measure","elevation-0","elevation-1","elevation-2","elevation-3"];
+export const tokenNames = ["color-white","color-black","color-neutral-0","color-neutral-50","color-neutral-100","color-neutral-200","color-neutral-300","color-neutral-400","color-neutral-500","color-neutral-600","color-neutral-700","color-neutral-800","color-neutral-850","color-neutral-900","color-neutral-950","color-neutral-1000","color-brand-50","color-brand-100","color-brand-200","color-brand-300","color-brand-400","color-brand-500","color-brand-600","color-brand-700","color-brand-800","color-brand-900","color-brand-950","color-green-50","color-green-100","color-green-200","color-green-300","color-green-400","color-green-500","color-green-600","color-green-700","color-green-800","color-green-900","color-green-950","color-amber-50","color-amber-100","color-amber-200","color-amber-300","color-amber-400","color-amber-500","color-amber-600","color-amber-700","color-amber-800","color-amber-900","color-amber-950","color-red-50","color-red-100","color-red-200","color-red-300","color-red-400","color-red-500","color-red-600","color-red-700","color-red-800","color-red-900","color-red-950","color-teal-50","color-teal-100","color-teal-200","color-teal-300","color-teal-400","color-teal-500","color-teal-600","color-teal-700","color-teal-800","color-teal-900","color-teal-950","color-surface-canvas","color-surface-default","color-surface-raised","color-surface-sunken","color-surface-hover","color-surface-active","color-surface-raised-hover","color-surface-raised-active","color-surface-backdrop","color-text-default","color-text-muted","color-text-subtle","color-text-on-accent","color-text-on-status","color-text-link","color-border-default","color-border-strong","color-border-focus","color-accent-default","color-accent-hover","color-accent-active","color-accent-subtle","color-accent-wash","color-accent-text","color-accent-border","color-success-subtle","color-success-text","color-success-solid","color-success-border","color-warning-subtle","color-warning-text","color-warning-solid","color-warning-border","color-info-subtle","color-info-text","color-info-solid","color-danger-subtle","color-danger-text","color-danger-solid","color-danger-border","color-danger-hover","color-diff-added-wash","color-diff-added-stroke","color-diff-removed-wash","color-diff-removed-stroke","z-base","z-raised","z-sticky","z-backdrop","z-dialog","z-dropdown","z-toast","z-tooltip","duration-fast","duration-base","duration-slow","duration-slower","duration-data","ease-standard","ease-enter","ease-exit","ease-data","radius-none","radius-xs","radius-sm","radius-md","radius-lg","radius-xl","radius-2xl","radius-full","size-control-sm","size-control-md","size-control-lg","size-control-compact-sm","size-control-compact-md","size-control-compact-lg","size-touch-target","size-badge-sm","size-badge-md","size-icon-xs","size-icon-sm","size-icon-md","size-icon-lg","size-icon-xl","size-score-sm","size-score-md","size-score-ring","size-score-ring-stroke","size-dialog-sm","size-dialog-md","size-dialog-lg","border-width-hairline","border-width-focus","border-width-halo","spacing-none","spacing-3xs","spacing-2xs","spacing-xs","spacing-sm","spacing-md","spacing-lg","spacing-xl","spacing-2xl","spacing-3xl","spacing-4xl","font-family-sans","font-family-mono","font-size-xs","font-size-sm","font-size-md","font-size-lg","font-size-xl","font-size-2xl","font-size-3xl","font-size-4xl","font-size-5xl","font-weight-regular","font-weight-medium","font-weight-semibold","font-line-height-tight","font-line-height-snug","font-line-height-normal","font-line-height-ui","font-tracking-tight","font-tracking-snug","font-tracking-normal","font-tracking-wide","font-tracking-wider","font-measure","elevation-0","elevation-1","elevation-2","elevation-3"];
 export const cssVar = (name) => `var(--sc-${name})`;

package/dist/json/tokens.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.0-rc.15",
+  "version": "0.2.0-rc.17",
   "prefix": "sc",
   "light": {
     "sc-color-white": "#ffffff",
@@ -130,9 +130,11 @@
     "sc-duration-base": "200ms",
     "sc-duration-slow": "300ms",
     "sc-duration-slower": "500ms",
+    "sc-duration-data": "600ms",
     "sc-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
     "sc-ease-enter": "cubic-bezier(0, 0, 0.2, 1)",
     "sc-ease-exit": "cubic-bezier(0.4, 0, 1, 1)",
+    "sc-ease-data": "cubic-bezier(0.2, 0.7, 0.2, 1)",
     "sc-radius-none": "0px",
     "sc-radius-xs": "2px",
     "sc-radius-sm": "4px",
@@ -334,9 +336,11 @@
     "sc-duration-base": "200ms",
     "sc-duration-slow": "300ms",
     "sc-duration-slower": "500ms",
+    "sc-duration-data": "600ms",
     "sc-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
     "sc-ease-enter": "cubic-bezier(0, 0, 0.2, 1)",
     "sc-ease-exit": "cubic-bezier(0.4, 0, 1, 1)",
+    "sc-ease-data": "cubic-bezier(0.2, 0.7, 0.2, 1)",
     "sc-radius-none": "0px",
     "sc-radius-xs": "2px",
     "sc-radius-sm": "4px",

package/dist/scss/_tokens.scss

@@ -1,4 +1,4 @@
-// @salemcobalt/tokens 0.2.0-rc.15 — generated from src/ by Style Dictionary. Do not edit.
+// @salemcobalt/tokens 0.2.0-rc.17 — generated from src/ by Style Dictionary. Do not edit.
 $sc-color-white: #ffffff; // Primitive.
 $sc-color-black: #05070c; // Primitive. Deepest dark surface.
 $sc-color-neutral-0: #ffffff; // Primitive. Cool neutral, OKLCH hue 263.
@@ -127,9 +127,11 @@ $sc-duration-fast: 100ms; // Hover and press color changes.
 $sc-duration-base: 200ms; // Dialog enter, backdrop fade.
 $sc-duration-slow: 300ms; // Layout shifts, panels sliding.
 $sc-duration-slower: 500ms; // Page-level transitions only.
+$sc-duration-data: 600ms; // A value moving to its new amount: a score ring's arc, a meter's fill.
 $sc-ease-standard: cubic-bezier(0.2, 0, 0, 1); // Color and size changes.
 $sc-ease-enter: cubic-bezier(0, 0, 0.2, 1); // Elements appearing.
 $sc-ease-exit: cubic-bezier(0.4, 0, 1, 1); // Elements leaving, at 75% of the enter duration.
+$sc-ease-data: cubic-bezier(0.2, 0.7, 0.2, 1); // A value settling: quick off the mark, then a long, soft landing. Pairs with duration.data.
 $sc-radius-none: 0px; // Flush edges, table cells.
 $sc-radius-xs: 2px; // Focus ring corners on square elements.
 $sc-radius-sm: 4px; // Badge, Kbd, Button sm.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salemcobalt/tokens",
-  "version": "0.2.0-rc.15",
+  "version": "0.2.0-rc.17",
   "description": "Design tokens for the Salem Cobalt design system: CSS custom properties, Sass, TypeScript and JSON from one Style Dictionary source.",
   "license": "MIT",
   "repository": {

package/src/global/motion.json

@@ -3,7 +3,12 @@
     "fast": { "$value": "100ms", "$type": "duration", "$description": "Hover and press color changes." },
     "base": { "$value": "200ms", "$type": "duration", "$description": "Dialog enter, backdrop fade." },
     "slow": { "$value": "300ms", "$type": "duration", "$description": "Layout shifts, panels sliding." },
-    "slower": { "$value": "500ms", "$type": "duration", "$description": "Page-level transitions only." }
+    "slower": { "$value": "500ms", "$type": "duration", "$description": "Page-level transitions only." },
+    "data": {
+      "$value": "600ms",
+      "$type": "duration",
+      "$description": "A value moving to its new amount: a score ring's arc, a meter's fill."
+    }
   },
   "ease": {
     "standard": {
@@ -20,6 +25,11 @@
       "$value": "cubic-bezier(0.4, 0, 1, 1)",
       "$type": "cubicBezier",
       "$description": "Elements leaving, at 75% of the enter duration."
+    },
+    "data": {
+      "$value": "cubic-bezier(0.2, 0.7, 0.2, 1)",
+      "$type": "cubicBezier",
+      "$description": "A value settling: quick off the mark, then a long, soft landing. Pairs with duration.data."
     }
   }
 }