@mt-gloss/tokens 0.1.150 → 0.1.152

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/tokens",
-  "version": "0.1.150",
+  "version": "0.1.152",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/index.d.ts

@@ -41,3 +41,31 @@ export declare const rangeColors: Record<'A' | 'B' | 'C', RangeColor>;
  * rangeEmphasisColors.A.base // '#1D4ED8'
  */
 export declare const rangeEmphasisColors: Record<'A' | 'B' | 'C', RangeEmphasisColor>;
+
+/**
+ * Standard animation durations in milliseconds (design-timing tokens).
+ * @example
+ * import { durations } from '@mt-gloss/tokens';
+ * durations.normal // 200
+ */
+export declare const durations: {
+  readonly instant: number;
+  readonly fast: number;
+  readonly normal: number;
+  readonly slow: number;
+  readonly slower: number;
+};
+
+/**
+ * Standard CSS easing functions (design-timing tokens).
+ * @example
+ * import { easings } from '@mt-gloss/tokens';
+ * easings.easeOut // 'cubic-bezier(0, 0, 0.2, 1)'
+ */
+export declare const easings: {
+  readonly linear: string;
+  readonly easeIn: string;
+  readonly easeOut: string;
+  readonly easeInOut: string;
+  readonly spring: string;
+};

package/src/index.js

@@ -85,3 +85,19 @@ export const rangeEmphasisColors = {
     "light": "#FBBF24"
   }
 };
+
+export const durations = {
+  "instant": 0,
+  "fast": 100,
+  "normal": 200,
+  "slow": 300,
+  "slower": 400
+};
+
+export const easings = {
+  "linear": "linear",
+  "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+  "easeOut": "cubic-bezier(0, 0, 0.2, 1)",
+  "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "spring": "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
+};