@gallop.software/studio 1.2.0 → 1.2.1

package/dist/index.js

@@ -8,13 +8,13 @@ var _chunkWOHZ4LYGjs = require('./chunk-WOHZ4LYG.js');
 
 
 
-var _chunkUFCWGUAGjs = require('./chunk-UFCWGUAG.js');
+var _chunkN6JYTJCBjs = require('./chunk-N6JYTJCB.js');
 
 // src/components/StudioButton.tsx
 var _react = require('react');
 var _react3 = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var StudioUI = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./StudioUI-FCQJK23M.js"))));
+var StudioUI = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./StudioUI-7GX4ZLF3.js"))));
 var spin = _react3.keyframes`
   to {
     transform: rotate(360deg);
@@ -29,21 +29,21 @@ var styles = {
     width: 52px;
     height: 52px;
     border-radius: 50%;
-    background: ${_chunkUFCWGUAGjs.colors.primary};
+    background: ${_chunkN6JYTJCBjs.colors.primary};
     color: white;
-    box-shadow: 0 4px 12px ${_chunkUFCWGUAGjs.colors.shadowDark}, 0 1px 3px ${_chunkUFCWGUAGjs.colors.shadow};
+    box-shadow: 0 4px 12px ${_chunkN6JYTJCBjs.colors.shadowDark}, 0 1px 3px ${_chunkN6JYTJCBjs.colors.shadow};
     display: flex;
     align-items: center;
     justify-content: center;
     border: none;
     cursor: pointer;
     transition: all 0.15s ease;
-    font-family: ${_chunkUFCWGUAGjs.fontStack};
+    font-family: ${_chunkN6JYTJCBjs.fontStack};
     
     &:hover {
       transform: translateY(-2px);
-      box-shadow: 0 8px 20px ${_chunkUFCWGUAGjs.colors.shadowDark}, 0 2px 6px ${_chunkUFCWGUAGjs.colors.shadow};
-      background: ${_chunkUFCWGUAGjs.colors.primaryHover};
+      box-shadow: 0 8px 20px ${_chunkN6JYTJCBjs.colors.shadowDark}, 0 2px 6px ${_chunkN6JYTJCBjs.colors.shadow};
+      background: ${_chunkN6JYTJCBjs.colors.primaryHover};
     }
     
     &:active {
@@ -78,13 +78,13 @@ var styles = {
     backdrop-filter: blur(4px);
   `,
   modal: _react3.css`
-    ${_chunkUFCWGUAGjs.baseReset}
+    ${_chunkN6JYTJCBjs.baseReset}
     position: absolute;
     top: 24px;
     right: 24px;
     bottom: 24px;
     left: 24px;
-    background-color: ${_chunkUFCWGUAGjs.colors.surface};
+    background-color: ${_chunkN6JYTJCBjs.colors.surface};
     border-radius: 12px;
     box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
     display: flex;
@@ -96,8 +96,8 @@ var styles = {
     align-items: center;
     justify-content: center;
     height: 100%;
-    background: ${_chunkUFCWGUAGjs.colors.background};
-    font-family: ${_chunkUFCWGUAGjs.fontStack};
+    background: ${_chunkN6JYTJCBjs.colors.background};
+    font-family: ${_chunkN6JYTJCBjs.fontStack};
   `,
   loadingContent: _react3.css`
     display: flex;
@@ -109,13 +109,13 @@ var styles = {
     width: 36px;
     height: 36px;
     border-radius: 50%;
-    border: 3px solid ${_chunkUFCWGUAGjs.colors.border};
-    border-top-color: ${_chunkUFCWGUAGjs.colors.primary};
+    border: 3px solid ${_chunkN6JYTJCBjs.colors.border};
+    border-top-color: ${_chunkN6JYTJCBjs.colors.primary};
     animation: ${spin} 0.8s linear infinite;
   `,
   loadingText: _react3.css`
-    color: ${_chunkUFCWGUAGjs.colors.textSecondary};
-    font-size: ${_chunkUFCWGUAGjs.fontSize.base};
+    color: ${_chunkN6JYTJCBjs.colors.textSecondary};
+    font-size: ${_chunkN6JYTJCBjs.fontSize.base};
     font-weight: 500;
     margin: 0;
     letter-spacing: -0.01em;

package/dist/index.mjs

@@ -8,13 +8,13 @@ import {
   colors,
   fontSize,
   fontStack
-} from "./chunk-HXE6XCG2.mjs";
+} from "./chunk-RHI3UROE.mjs";
 
 // src/components/StudioButton.tsx
 import { useState, useEffect, lazy, Suspense } from "react";
 import { css, keyframes } from "@emotion/react";
 import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
-var StudioUI = lazy(() => import("./StudioUI-ADLDMRJQ.mjs"));
+var StudioUI = lazy(() => import("./StudioUI-GLI2IYCZ.mjs"));
 var spin = keyframes`
   to {
     transform: rotate(360deg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gallop.software/studio",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Media manager for Gallop templates - upload, process, and sync images to CDN",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/dist/chunk-HXE6XCG2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/tokens.ts"],"sourcesContent":["import { css } from '@emotion/react'\n\n/**\n * Stripe-inspired design tokens for Studio\n * These are self-contained and agnostic of any parent template styling\n */\n\n// Base font stack - system fonts that work everywhere\nexport const fontStack = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif`\n\n// Color palette\nexport const colors = {\n  // Primary brand\n  primary: '#635bff',\n  primaryHover: '#5851e5',\n  primaryLight: '#f0f0ff',\n  \n  // Backgrounds\n  background: '#f6f9fc',\n  surface: '#ffffff',\n  surfaceHover: '#f6f9fc',\n  \n  // Borders\n  border: '#d8dee4',\n  borderLight: '#e3e8ee',\n  borderHover: '#c1c9d2',\n  \n  // Text\n  text: '#1a1f36',\n  textSecondary: '#697386',\n  textMuted: '#8792a2',\n  \n  // Status\n  success: '#0d7d4d',\n  successLight: '#e6f7ef',\n  danger: '#df1b41',\n  dangerHover: '#c41535',\n  dangerLight: '#fff5f7',\n  \n  // Shadows\n  shadow: 'rgba(50, 50, 93, 0.1)',\n  shadowDark: 'rgba(50, 50, 93, 0.2)',\n  \n  // Special folders\n  imagesFolder: '#8b5cf6',\n  imagesFolderLight: '#f3f0ff',\n}\n\n// Font sizes - slightly larger for better readability\nexport const fontSize = {\n  xs: '13px',\n  sm: '14px',\n  base: '16px',\n  md: '17px',\n  lg: '19px',\n  xl: '22px',\n}\n\n// Base reset styles for Studio container - isolates from parent template\nexport const baseReset = css`\n  font-family: ${fontStack};\n  font-size: ${fontSize.base};\n  line-height: 1.5;\n  color: ${colors.text};\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n  \n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n  \n  button, input, select, textarea {\n    font-family: inherit;\n    font-size: inherit;\n  }\n`\n"],"mappings":";AAAA,SAAS,WAAW;AAQb,IAAM,YAAY;AAGlB,IAAM,SAAS;AAAA;AAAA,EAEpB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAGd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAGd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA;AAAA,EAGb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AAAA;AAAA,EAGX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA;AAAA,EAGb,QAAQ;AAAA,EACR,YAAY;AAAA;AAAA,EAGZ,cAAc;AAAA,EACd,mBAAmB;AACrB;AAGO,IAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,YAAY;AAAA,iBACR,SAAS;AAAA,eACX,SAAS,IAAI;AAAA;AAAA,WAEjB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-UFCWGUAG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/chrisb/Sites/studio/dist/chunk-UFCWGUAG.js","../src/components/tokens.ts"],"names":[],"mappings":"AAAA;ACAA,uCAAoB;AAQb,IAAM,UAAA,EAAY,CAAA,2FAAA,CAAA;AAGlB,IAAM,OAAA,EAAS;AAAA;AAAA,EAEpB,OAAA,EAAS,SAAA;AAAA,EACT,YAAA,EAAc,SAAA;AAAA,EACd,YAAA,EAAc,SAAA;AAAA;AAAA,EAGd,UAAA,EAAY,SAAA;AAAA,EACZ,OAAA,EAAS,SAAA;AAAA,EACT,YAAA,EAAc,SAAA;AAAA;AAAA,EAGd,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA;AAAA,EAGb,IAAA,EAAM,SAAA;AAAA,EACN,aAAA,EAAe,SAAA;AAAA,EACf,SAAA,EAAW,SAAA;AAAA;AAAA,EAGX,OAAA,EAAS,SAAA;AAAA,EACT,YAAA,EAAc,SAAA;AAAA,EACd,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA;AAAA,EAGb,MAAA,EAAQ,uBAAA;AAAA,EACR,UAAA,EAAY,uBAAA;AAAA;AAAA,EAGZ,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB;AACrB,CAAA;AAGO,IAAM,SAAA,EAAW;AAAA,EACtB,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGO,IAAM,UAAA,EAAY,UAAA,CAAA;AAAA,eAAA,EACR,SAAS,CAAA;AAAA,aAAA,EACX,QAAA,CAAS,IAAI,CAAA;AAAA;AAAA,SAAA,EAEjB,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;ADJtB;AACA;AACE;AACA;AACA;AACA;AACF,mHAAC","file":"/Users/chrisb/Sites/studio/dist/chunk-UFCWGUAG.js","sourcesContent":[null,"import { css } from '@emotion/react'\n\n/**\n * Stripe-inspired design tokens for Studio\n * These are self-contained and agnostic of any parent template styling\n */\n\n// Base font stack - system fonts that work everywhere\nexport const fontStack = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif`\n\n// Color palette\nexport const colors = {\n  // Primary brand\n  primary: '#635bff',\n  primaryHover: '#5851e5',\n  primaryLight: '#f0f0ff',\n  \n  // Backgrounds\n  background: '#f6f9fc',\n  surface: '#ffffff',\n  surfaceHover: '#f6f9fc',\n  \n  // Borders\n  border: '#d8dee4',\n  borderLight: '#e3e8ee',\n  borderHover: '#c1c9d2',\n  \n  // Text\n  text: '#1a1f36',\n  textSecondary: '#697386',\n  textMuted: '#8792a2',\n  \n  // Status\n  success: '#0d7d4d',\n  successLight: '#e6f7ef',\n  danger: '#df1b41',\n  dangerHover: '#c41535',\n  dangerLight: '#fff5f7',\n  \n  // Shadows\n  shadow: 'rgba(50, 50, 93, 0.1)',\n  shadowDark: 'rgba(50, 50, 93, 0.2)',\n  \n  // Special folders\n  imagesFolder: '#8b5cf6',\n  imagesFolderLight: '#f3f0ff',\n}\n\n// Font sizes - slightly larger for better readability\nexport const fontSize = {\n  xs: '13px',\n  sm: '14px',\n  base: '16px',\n  md: '17px',\n  lg: '19px',\n  xl: '22px',\n}\n\n// Base reset styles for Studio container - isolates from parent template\nexport const baseReset = css`\n  font-family: ${fontStack};\n  font-size: ${fontSize.base};\n  line-height: 1.5;\n  color: ${colors.text};\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  box-sizing: border-box;\n  \n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n  \n  button, input, select, textarea {\n    font-family: inherit;\n    font-size: inherit;\n  }\n`\n"]}