@prolibu-suite/cobalt-tokens 0.4.1 → 0.5.0

package/build/css/tokens-transparency-reduced.css

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+@media (prefers-reduced-transparency: reduce) {
+  :root {
+    --co-glass-filter: none;
+  }
+}

package/build/css/tokens.css

@@ -121,14 +121,16 @@
   --co-glass-saturate: 1.3;
   --co-glass-panel-blur: 18px;
   --co-motion-duration-instant: 80ms;
-  --co-motion-duration-fast: 120ms;
-  --co-motion-duration-base: 180ms;
-  --co-motion-duration-slow: 240ms;
-  --co-motion-duration-slower: 400ms;
-  --co-motion-ease-out: cubic-bezier(0.2, 0, 0, 1);
+  --co-motion-duration-fast: 150ms;
+  --co-motion-duration-base: 250ms;
+  --co-motion-duration-slow: 350ms;
+  --co-motion-duration-slower: 500ms;
+  --co-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
   --co-motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
   --co-motion-ease-in-out: cubic-bezier(0.45, 0, 0.15, 1);
-  --co-motion-ease-spring: cubic-bezier(0.34, 1.25, 0.64, 1);
+  --co-motion-ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
+  --co-motion-blur-sm: 2px;
+  --co-motion-blur-md: 3px;
   --co-border-radius-xxs: 4px;
   --co-border-radius-xs: 8px;
   --co-border-radius-sm: 12px;

package/build/js/tokens.d.ts

@@ -128,6 +128,8 @@ export const MotionEaseOut: string;
 export const MotionEaseIn: string;
 export const MotionEaseInOut: string;
 export const MotionEaseSpring: string;
+export const MotionBlurSm: string;
+export const MotionBlurMd: string;
 export const BorderRadiusXxs: string;
 export const BorderRadiusXs: string;
 export const BorderRadiusSm: string;

package/build/js/tokens.mjs

@@ -120,14 +120,16 @@ export const GlassBlur = "12px";
 export const GlassSaturate = "1.3";
 export const GlassPanelBlur = "18px";
 export const MotionDurationInstant = "80ms";
-export const MotionDurationFast = "120ms";
-export const MotionDurationBase = "180ms";
-export const MotionDurationSlow = "240ms";
-export const MotionDurationSlower = "400ms";
-export const MotionEaseOut = "cubic-bezier(0.2, 0, 0, 1)";
+export const MotionDurationFast = "150ms";
+export const MotionDurationBase = "250ms";
+export const MotionDurationSlow = "350ms";
+export const MotionDurationSlower = "500ms";
+export const MotionEaseOut = "cubic-bezier(0.22, 1, 0.36, 1)";
 export const MotionEaseIn = "cubic-bezier(0.4, 0, 1, 1)";
 export const MotionEaseInOut = "cubic-bezier(0.45, 0, 0.15, 1)";
-export const MotionEaseSpring = "cubic-bezier(0.34, 1.25, 0.64, 1)";
+export const MotionEaseSpring = "cubic-bezier(0.34, 1.36, 0.64, 1)";
+export const MotionBlurSm = "2px";
+export const MotionBlurMd = "3px";
 export const BorderRadiusXxs = "4px";
 export const BorderRadiusXs = "8px";
 export const BorderRadiusSm = "12px";

package/build/scss/_tokens.scss

@@ -119,14 +119,16 @@ $co-glass-blur: 12px;
 $co-glass-saturate: 1.3;
 $co-glass-panel-blur: 18px;
 $co-motion-duration-instant: 80ms;
-$co-motion-duration-fast: 120ms;
-$co-motion-duration-base: 180ms;
-$co-motion-duration-slow: 240ms;
-$co-motion-duration-slower: 400ms;
-$co-motion-ease-out: cubic-bezier(0.2, 0, 0, 1);
+$co-motion-duration-fast: 150ms;
+$co-motion-duration-base: 250ms;
+$co-motion-duration-slow: 350ms;
+$co-motion-duration-slower: 500ms;
+$co-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
 $co-motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
 $co-motion-ease-in-out: cubic-bezier(0.45, 0, 0.15, 1);
-$co-motion-ease-spring: cubic-bezier(0.34, 1.25, 0.64, 1);
+$co-motion-ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
+$co-motion-blur-sm: 2px;
+$co-motion-blur-md: 3px;
 $co-border-radius-xxs: 4px;
 $co-border-radius-xs: 8px;
 $co-border-radius-sm: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-tokens",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Cobalt Design System Tokens — CSS, SCSS, JS/TS",
   "type": "module",
   "exports": {
@@ -12,6 +12,7 @@
     "./css/dark": "./build/css/tokens-dark.css",
     "./css/light": "./build/css/tokens-light.css",
     "./css/motion-reduced": "./build/css/tokens-motion-reduced.css",
+    "./css/transparency-reduced": "./build/css/tokens-transparency-reduced.css",
     "./scss": "./build/scss/_tokens.scss"
   },
   "main": "build/js/tokens.mjs",
@@ -34,7 +35,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "style-dictionary build --config config.js && node config.dark.js && node config.light.js && node config.motion.js",
+    "build": "style-dictionary build --config config.js && node config.dark.js && node config.light.js && node config.motion.js && node config.transparency.js",
     "dev": "style-dictionary build --config config.js --watch",
     "clean": "rm -rf build"
   }