Initial commit

2025-07-11 13:21:49 +00:00
commit 8a7ab3ac24
262 changed files with 28219 additions and 0 deletions
@@ -0,0 +1,118 @@
+// Style constants used by all CC shapes
+export const CC_BASE_STYLE_CONSTANTS = {
+  FONT_FAMILY: 'Inter, sans-serif',
+  FONT_SIZES: {
+    small: 12,
+    medium: 14,
+    large: 16,
+  },
+  // Container styles
+  CONTAINER: {
+    borderRadius: '4px',
+    borderWidth: '2px',
+    borderColor: '#e2e8f0',
+    boxShadow: '0 2px 4px var(--color-muted-1)',
+  },
+  HEADER: {
+    height: 32,
+    padding: 8,
+    borderRadius: 4,
+  },
+  CONTENT: {
+    padding: 8,
+    borderRadius: 8,
+    borderWidth: 2,
+    backgroundColor: 'white',
+  },
+  HANDLE: {
+    width: 8,
+  },
+  COLORS: {
+    primary: '#3e6589',
+    primary_dark: '#2e4a69',
+    secondary: '#718096',
+    secondary_dark: '#5a687a',
+    background: '#ffffff',
+    border: '#e2e8f0',
+    text: '#1a202c',
+    textLight: '#718096',
+  },
+  // Minimum dimensions
+  MIN_DIMENSIONS: {
+    width: 100,
+    height: 100,
+  },
+} as const 
+
+// Calendar specific styles
+export const CC_CALENDAR_STYLE_CONSTANTS = {
+  // Common button styles
+  COMMON_BUTTON: {
+    border: 'none',
+    borderRadius: '5px',
+    padding: '0.4em 1em',
+    fontSize: '0.95em',
+    textTransform: 'uppercase',
+    letterSpacing: '0.05em',
+    cursor: 'pointer',
+    transition: 'background-color 0.3s ease',
+    boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+  },
+
+  // Application button styles
+  APPLICATION_BUTTON: {
+    backgroundColor: '#4f80ff',
+    color: '#fff',
+  },
+
+  // Option button styles
+  OPTION_BUTTON: {
+    backgroundColor: '#f0f4f9',
+    color: '#2c3e50',
+    border: '1px solid #ddd',
+  },
+
+  // Calendar event styles
+  EVENT: {
+    mainFrame: {
+      backgroundColor: 'transparent',
+      padding: '0px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      minHeight: '100%',
+      borderRadius: '4px',
+    },
+    title: {
+      fontSize: '1.1em',
+      fontWeight: 'normal',
+      textAlign: 'center',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      opacity: 1,
+      padding: '0px 0px',
+      width: '100%',
+      letterSpacing: '0.02em',
+      margin: '0px 0px',
+    }
+  }
+} as const 
+
+// Slideshow specific styles
+export const CC_SLIDESHOW_STYLE_CONSTANTS = {
+  DEFAULT_SLIDE_WIDTH: 1280,
+  DEFAULT_SLIDE_HEIGHT: 720,
+  SLIDE_HEADER_HEIGHT: 32,
+  SLIDE_HEADER_PADDING: 8,
+  SLIDE_CONTENT_PADDING: 0,
+  SLIDE_BORDER_RADIUS: 4,
+  SLIDE_BORDER_WIDTH: 1,
+  SLIDE_SPACING: 16,
+  SLIDE_COLORS: {
+    background: '#ffffff',
+    border: '#e2e8f0',
+    text: '#ffffff',
+    secondary: '#718096',
+  },
+} as const