@mastra/playground-ui 7.0.0-beta.22 → 7.0.0-beta.24

package/dist/tokens.es.js

@@ -1,173 +1,12 @@
-const BorderRadius = {
-  none: "0px",
-  sm: "2px",
-  md: "4px",
-  lg: "6px"
-};
-
-const Colors = {
-  surface1: "#000000",
-  surface2: "#0F0F0F",
-  surface3: "#141414",
-  surface4: "#1A1A1A",
-  surface5: "rgba(46, 46, 46, 0.9)",
-  accent1: "#1AFB6F",
-  accent2: "#FF4931",
-  accent3: "#267AD2",
-  accent4: "#9E57B3",
-  accent5: "#4A9DF2",
-  accent6: "#ECB047",
-  accent1Dark: "#16281f",
-  accent2Dark: "#281916",
-  accent3Dark: "#161a28",
-  accent5Dark: "#161a22",
-  accent6Dark: "#232214",
-  accent1Darker: "#141a16",
-  accent2Darker: "#1a1414",
-  accent3Darker: "#14141a",
-  accent5Darker: "#14161a",
-  accent6Darker: "#1a1a14",
-  neutral1: "#5C5C5C",
-  neutral2: "#707070",
-  neutral3: "#939393",
-  neutral4: "#A9A9A9",
-  neutral5: "#E6E6E6",
-  neutral6: "#FFFFFF"
-};
-const BorderColors = {
-  border1: "rgba(48, 48, 48, 1)",
-  border2: "rgba(66, 66, 66, 1)"
-};
-
-const FontSizes = {
-  // UI text sizes
-  "ui-xs": "0.625rem",
-  // 10px - small labels, badges
-  "ui-sm": "0.75rem",
-  // 12px - secondary text
-  "ui-md": "0.875rem",
-  // 14px - body text
-  "ui-lg": "1rem",
-  // 16px - emphasized text
-  // Header sizes
-  "header-sm": "1.125rem",
-  // 18px
-  "header-md": "1.25rem",
-  // 20px
-  "header-lg": "1.5rem",
-  // 24px
-  "header-xl": "1.75rem"
-  // 28px
-};
-const LineHeights = {
-  "ui-xs": "160%",
-  // 16px
-  "ui-sm": "150%",
-  // 18px
-  "ui-md": "143%",
-  // 20px
-  "ui-lg": "150%",
-  // 24px
-  "header-sm": "133%",
-  // 24px
-  "header-md": "140%",
-  // 28px
-  "header-lg": "133%",
-  // 32px
-  "header-xl": "129%"
-  // 36px
-};
-
-const Sizes = {
-  "icon-default": "16px",
-  "icon-lg": "20px",
-  "icon-sm": "12px",
-  "form-sm": "1.5rem",
-  "form-md": "2rem",
-  "form-lg": "2.5rem",
-  "header-default": "48px",
-  "table-header": "28px",
-  "table-row": "56px",
-  "table-row-small": "40px",
-  "badge-default": "20px",
-  "avatar-sm": "24px",
-  "avatar-md": "32px",
-  "avatar-lg": "40px",
-  "dropdown-max-height": "300px"
-};
+export { B as BorderColors, b as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, a as Sizes, c as Spacings } from './spacings-Ddc7umGk.js';
 
-const Spacings = {
-  // Base scale (REM-based, matching Tailwind convention)
-  "0": "0rem",
-  px: "0.0625rem",
-  // 1px
-  "0.5": "0.125rem",
-  // 2px
-  "1": "0.25rem",
-  // 4px
-  "1.5": "0.375rem",
-  // 6px
-  "2": "0.5rem",
-  // 8px
-  "2.5": "0.625rem",
-  // 10px
-  "3": "0.75rem",
-  // 12px
-  "3.5": "0.875rem",
-  // 14px
-  "4": "1rem",
-  // 16px
-  "5": "1.25rem",
-  // 20px
-  "6": "1.5rem",
-  // 24px
-  "7": "1.75rem",
-  // 28px
-  "8": "2rem",
-  // 32px
-  "9": "2.25rem",
-  // 36px
-  "10": "2.5rem",
-  // 40px
-  "11": "2.75rem",
-  // 44px
-  "12": "3rem",
-  // 48px
-  "14": "3.5rem",
-  // 56px
-  "16": "4rem",
-  // 64px
-  "20": "5rem",
-  // 80px
-  "24": "6rem",
-  // 96px
-  "28": "7rem",
-  // 112px
-  "32": "8rem",
-  // 128px
-  "36": "9rem",
-  // 144px
-  "40": "10rem",
-  // 160px
-  "44": "11rem",
-  // 176px
-  "48": "12rem",
-  // 192px
-  "52": "13rem",
-  // 208px
-  "56": "14rem",
-  // 224px
-  "60": "15rem",
-  // 240px
-  "64": "16rem",
-  // 256px
-  "72": "18rem",
-  // 288px
-  "80": "20rem",
-  // 320px
-  "96": "24rem"
-  // 384px
+const Animations = {
+  // Durations
+  durationNormal: "200ms",
+  durationSlow: "300ms",
+  // Easings
+  easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
 };
 
-export { BorderColors, BorderRadius, Colors, FontSizes, LineHeights, Sizes, Spacings };
+export { Animations };
 //# sourceMappingURL=tokens.es.js.map

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n  accent5: '#4A9DF2',\n  accent6: '#ECB047',\n  accent1Dark: '#16281f',\n  accent2Dark: '#281916',\n  accent3Dark: '#161a28',\n  accent5Dark: '#161a22',\n  accent6Dark: '#232214',\n  accent1Darker: '#141a16',\n  accent2Darker: '#1a1414',\n  accent3Darker: '#14141a',\n  accent5Darker: '#14161a',\n  accent6Darker: '#1a1a14',\n  neutral1: '#5C5C5C',\n  neutral2: '#707070',\n  neutral3: '#939393',\n  neutral4: '#A9A9A9',\n  neutral5: '#E6E6E6',\n  neutral6: '#FFFFFF',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n","export const FontSizes = {\n  // UI text sizes\n  'ui-xs': '0.625rem', // 10px - small labels, badges\n  'ui-sm': '0.75rem', // 12px - secondary text\n  'ui-md': '0.875rem', // 14px - body text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-sm': '1.125rem', // 18px\n  'header-md': '1.25rem', // 20px\n  'header-lg': '1.5rem', // 24px\n  'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n  'ui-xs': '160%', // 16px\n  'ui-sm': '150%', // 18px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.5rem',\n  'form-md': '2rem',\n  'form-lg': '2.5rem',\n  'header-default': '48px',\n  'table-header': '28px',\n  'table-row': '56px',\n  'table-row-small': '40px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "7.0.0-beta.22",
+  "version": "7.0.0-beta.24",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -112,9 +112,9 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
     "@mastra/ai-sdk": "^1.0.0-beta.15",
-    "@mastra/react": "0.1.0-beta.22",
-    "@mastra/schema-compat": "1.0.0-beta.6",
-    "@mastra/client-js": "^1.0.0-beta.22"
+    "@mastra/client-js": "^1.0.0-beta.24",
+    "@mastra/react": "1.0.0-beta.24",
+    "@mastra/schema-compat": "1.0.0-beta.7"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.16",
@@ -141,10 +141,10 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.0.16",
     "@mastra/ai-sdk": "^1.0.0-beta.15",
-    "@mastra/client-js": "^1.0.0-beta.22",
-    "@mastra/core": "1.0.0-beta.22",
-    "@mastra/react": "0.1.0-beta.22",
-    "@mastra/schema-compat": "1.0.0-beta.6"
+    "@mastra/core": "1.0.0-beta.24",
+    "@mastra/schema-compat": "1.0.0-beta.7",
+    "@mastra/react": "1.0.0-beta.24",
+    "@mastra/client-js": "^1.0.0-beta.24"
   },
   "homepage": "https://mastra.ai",
   "repository": {