@wallarm-org/design-system 3.2.0 → 3.3.0

package/dist/theme/components/animated-background.css

@@ -51,7 +51,7 @@
 .lg-frame {
     position: relative;
     overflow: hidden;
-    background: #ffffff;
+    background: var(--lg-frame-bg, #ffffff);
     container-type: inline-size;
     --lg-blur-ref: 360;
 }
@@ -68,6 +68,11 @@
     will-change: transform;
 }
 
+/* Chat palette (Figma chat-bg 67:1254): 70px blur on a 480px-wide panel, scaled to the frame */
+.lg-frame[data-palette="chat"] .lg-mesh {
+    filter: blur(calc(100cqw * 70 / 480));
+}
+
 @keyframes lg-f1 {
     0%   { transform: translate(0, 0) scale(1); }
     30%  { transform: translate(25%, 29%) scale(1.18); }

package/dist/theme/index.css

@@ -17,6 +17,7 @@
 @import './icon.css';
 @import './utilities/hover-overlay.css';
 @import './utilities/code-snippet-bg.css';
+@import './utilities/shimmer-text.css';
 @import './utilities/empty-state-medallion.css';
 @import './components/drawer.css';
 @import './components/dialog.css';

package/dist/theme/utilities/shimmer-text.css

@@ -0,0 +1,27 @@
+@utility shimmer-text {
+    background-image: linear-gradient(
+        90deg,
+        var(--color-text-secondary) 0%,
+        --alpha(var(--color-text-secondary) / 20%) 50%,
+        var(--color-text-secondary) 100%
+    );
+    background-size: 200% 100%;
+    background-clip: text;
+    color: transparent;
+    animation: ds-shimmer-text 2s linear infinite;
+
+    @media (prefers-reduced-motion: reduce), (forced-colors: active) {
+        animation: none;
+        background-image: none;
+        color: var(--color-text-secondary);
+    }
+}
+
+@keyframes ds-shimmer-text {
+    from {
+        background-position: 200% 0;
+    }
+    to {
+        background-position: -200% 0;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",
@@ -180,10 +180,12 @@
     "highlight.js": "11.12.0",
     "json-schema-library": "11.6.2",
     "luaparse": "0.3.1",
+    "marked": "18.1.1",
     "prism-react-renderer": "2.4.1",
     "prismjs": "1.30.0",
     "react-resizable-panels": "4.14.1",
     "recharts": "3.10.1",
+    "remend": "1.4.0",
     "shiki": "4.5.0",
     "tailwind-merge": "3.7.0"
   },