@umoa/saascfm-css 0.1.0 → 0.1.1

package/templates/ts/sectioned/app.colors.ts

@@ -1,14 +0,0 @@
-import { PRIMITIVES } from './primitives.colors'
-import { SURFACE_TOKENS } from './surface.colors'
-import { BORDER_TOKENS } from './border.colors'
-import { STATUS_TOKENS } from './status.colors'
-import { NAVIGATION_TOKENS } from './navigation.colors'
-
-export { PRIMITIVES }
-
-export const TOKENS = {
-  ...SURFACE_TOKENS,
-  ...BORDER_TOKENS,
-  ...STATUS_TOKENS,
-  ...NAVIGATION_TOKENS,
-}

package/templates/ts/sectioned/border.colors.ts

@@ -1,7 +0,0 @@
-export const BORDER_TOKENS = {
-  'border-default': 'neutral-200',
-  'border-muted':   'neutral-100',
-  'border-strong':  'neutral-300',
-  'border-brand':   'brand-500',
-  'border-focus':   'brand-400',
-}

package/templates/ts/sectioned/navigation.colors.ts

@@ -1,9 +0,0 @@
-export const NAVIGATION_TOKENS = {
-  'nav-bg':                     'neutral-50',
-  'nav-item-text':              'neutral-600',
-  'nav-item-active-bg':         'brand-50',
-  'nav-item-active-text':       'brand-600',
-  'nav-group-label':            'neutral-500',
-  'nav-children-border':        'neutral-200',
-  'nav-children-active-border': 'brand-500',
-}

package/templates/ts/sectioned/status.colors.ts

@@ -1,21 +0,0 @@
-export const STATUS_TOKENS = {
-  'text-status-error':        'red-500',
-  'bg-status-error':          'red-500',
-  'bg-status-error-subtle':   'red-100',
-  'border-status-error':      'red-500',
-
-  'text-status-success':      'green-500',
-  'bg-status-success':        'green-500',
-  'bg-status-success-subtle': 'green-100',
-  'border-status-success':    'green-500',
-
-  'text-status-warning':      'yellow-500',
-  'bg-status-warning':        'yellow-500',
-  'bg-status-warning-subtle': 'yellow-100',
-  'border-status-warning':    'yellow-500',
-
-  'text-status-info':         'blue-500',
-  'bg-status-info':           'blue-500',
-  'bg-status-info-subtle':    'blue-100',
-  'border-status-info':       'blue-500',
-}

package/templates/ts/sectioned/surface.colors.ts

@@ -1,17 +0,0 @@
-export const SURFACE_TOKENS = {
-  'text-primary':   'neutral-900',
-  'text-secondary': 'neutral-600',
-  'text-muted':     'neutral-500',
-  'text-disabled':  'neutral-400',
-  'text-inverse':   'white',
-  'text-brand':     'brand-500',
-  'text-link':      'brand-600',
-
-  'bg-page':          'neutral-50',
-  'bg-surface':       'white',
-  'bg-subtle':        'neutral-100',
-  'bg-header':        'white',
-  'bg-overlay':       'neutral-900',
-  'bg-brand':         'brand-500',
-  'bg-brand-subtle':  'brand-50',
-}

package/templates/ts/single/app.colors.ts

@@ -1,89 +0,0 @@
-export const PRIMITIVES = {
-  'brand-50':  '#EFF4FF',
-  'brand-100': '#DBE6FE',
-  'brand-200': '#BFD3FE',
-  'brand-300': '#93B4FD',
-  'brand-400': '#6090FA',
-  'brand-500': '#3B6FF0',
-  'brand-600': '#2A55D6',
-  'brand-700': '#2344AD',
-  'brand-800': '#1F3B8A',
-  'brand-900': '#1B3170',
-
-  'neutral-50':  '#FAFAF9',
-  'neutral-100': '#F4F4F2',
-  'neutral-200': '#E8E8E5',
-  'neutral-300': '#D6D6D2',
-  'neutral-400': '#A8A8A2',
-  'neutral-500': '#7C7C76',
-  'neutral-600': '#5C5C57',
-  'neutral-700': '#44443F',
-  'neutral-800': '#2C2C29',
-  'neutral-900': '#181816',
-
-  'white': '#FFFFFF',
-  'black': '#000000',
-
-  'red-100': '#FDECEC',    'red-500': '#D64545',
-  'green-100': '#E6F5EC',  'green-500': '#2F7A4C',
-  'yellow-100': '#FBF0DC', 'yellow-500': '#C9821B',
-  'blue-100': '#DCEAF7',   'blue-500': '#2F6FA8',
-  'purple-100': '#F3EEF8', 'purple-500': '#8A5FB0',
-}
-
-export const TOKENS = {
-  // Text
-  'text-primary':   'neutral-900',
-  'text-secondary': 'neutral-600',
-  'text-muted':     'neutral-500',
-  'text-disabled':  'neutral-400',
-  'text-inverse':   'white',
-  'text-brand':     'brand-500',
-  'text-link':      'brand-600',
-
-  // Background
-  'bg-page':          'neutral-50',
-  'bg-surface':       'white',
-  'bg-subtle':        'neutral-100',
-  'bg-header':        'white',
-  'bg-overlay':       'neutral-900',
-  'bg-brand':         'brand-500',
-  'bg-brand-subtle':  'brand-50',
-
-  // Border
-  'border-default': 'neutral-200',
-  'border-muted':   'neutral-100',
-  'border-strong':  'neutral-300',
-  'border-brand':   'brand-500',
-  'border-focus':   'brand-400',
-
-  // Status
-  'text-status-error':        'red-500',
-  'bg-status-error':          'red-500',
-  'bg-status-error-subtle':   'red-100',
-  'border-status-error':      'red-500',
-
-  'text-status-success':      'green-500',
-  'bg-status-success':        'green-500',
-  'bg-status-success-subtle': 'green-100',
-  'border-status-success':    'green-500',
-
-  'text-status-warning':      'yellow-500',
-  'bg-status-warning':        'yellow-500',
-  'bg-status-warning-subtle': 'yellow-100',
-  'border-status-warning':    'yellow-500',
-
-  'text-status-info':         'blue-500',
-  'bg-status-info':           'blue-500',
-  'bg-status-info-subtle':    'blue-100',
-  'border-status-info':       'blue-500',
-
-  // Navigation (CSS vars only)
-  'nav-bg':                     'neutral-50',
-  'nav-item-text':              'neutral-600',
-  'nav-item-active-bg':         'brand-50',
-  'nav-item-active-text':       'brand-600',
-  'nav-group-label':            'neutral-500',
-  'nav-children-border':        'neutral-200',
-  'nav-children-active-border': 'brand-500',
-}