mtrl 0.2.7 → 0.2.9

package/src/components/tabs/constants.ts

@@ -1,89 +0,0 @@
-// src/components/tabs/constants.ts
-
-/**
- * Tab variants
- */
-export const TABS_VARIANTS = {
-  /** Primary tabs (standard MD3 style) */
-  PRIMARY: 'primary',
-  /** Secondary tabs (less prominent variant) */
-  SECONDARY: 'secondary'
-};
-
-/**
- * Tab states
- */
-export const TAB_STATES = {
-  /** Active (selected) tab state */
-  ACTIVE: 'active',
-  /** Inactive (unselected) tab state */
-  INACTIVE: 'inactive',
-  /** Disabled tab state */
-  DISABLED: 'disabled'
-};
-
-/**
- * Tab layout types
- */
-export const TAB_LAYOUT = {
-  /** Icon-only tab layout */
-  ICON_ONLY: 'icon-only',
-  /** Text-only tab layout */
-  TEXT_ONLY: 'text-only',
-  /** Icon and text layout */
-  ICON_AND_TEXT: 'icon-and-text'
-};
-
-/**
- * Tab interaction states (for styling)
- */
-export const TAB_INTERACTION_STATES = {
-  /** Default enabled state */
-  ENABLED: 'enabled',
-  /** Hover state */
-  HOVER: 'hover',
-  /** Focus state */
-  FOCUS: 'focus',
-  /** Pressed/active state */
-  PRESSED: 'pressed'
-};
-
-/**
- * Tab animation constants
- */
-export const TAB_ANIMATION = {
-  /** Standard transition duration in ms */
-  TRANSITION_DURATION: 200,
-  /** Standard transition timing function */
-  TRANSITION_TIMING: 'cubic-bezier(0.4, 0, 0.2, 1)',
-  /** Ripple animation duration in ms */
-  RIPPLE_DURATION: 400
-};
-
-/**
- * Tab accessibility roles
- */
-export const TAB_A11Y = {
-  /** Tab role */
-  TAB_ROLE: 'tab',
-  /** Tablist role */
-  TABLIST_ROLE: 'tablist',
-  /** Tabpanel role */
-  TABPANEL_ROLE: 'tabpanel'
-};
-
-/**
- * MD3 tokens for tab colors
- */
-export const TAB_COLORS = {
-  /** Surface color for container */
-  SURFACE: 'surface',
-  /** Primary color for active tab and indicator */
-  PRIMARY: 'primary',
-  /** On-surface color for active secondary tabs */
-  ON_SURFACE: 'on-surface',
-  /** On-surface-variant for inactive tabs */
-  ON_SURFACE_VARIANT: 'on-surface-variant',
-  /** Outline variant for divider */
-  OUTLINE_VARIANT: 'outline-variant'
-};

package/src/components/textfield/constants.ts

@@ -1,100 +0,0 @@
-// src/components/textfield/constants.ts
-
-/**
- * Textfield visual variants
- */
-export const TEXTFIELD_VARIANTS = {
-  FILLED: 'filled',
-  OUTLINED: 'outlined'
-} as const;
-
-/**
- * Textfield input types
- */
-export const TEXTFIELD_TYPES = {
-  TEXT: 'text',
-  PASSWORD: 'password',
-  EMAIL: 'email',
-  NUMBER: 'number',
-  TEL: 'tel',
-  URL: 'url',
-  SEARCH: 'search',
-  MULTILINE: 'multiline'
-} as const;
-
-/**
- * Validation schema for textfield configuration
- */
-export const TEXTFIELD_SCHEMA = {
-  type: {
-    type: 'string',
-    enum: Object.values(TEXTFIELD_TYPES),
-    required: false
-  },
-  variant: {
-    type: 'string',
-    enum: Object.values(TEXTFIELD_VARIANTS),
-    required: false
-  },
-  name: {
-    type: 'string',
-    required: false
-  },
-  label: {
-    type: 'string',
-    required: false
-  },
-  placeholder: {
-    type: 'string',
-    required: false
-  },
-  value: {
-    type: 'string',
-    required: false
-  },
-  required: {
-    type: 'boolean',
-    required: false
-  },
-  disabled: {
-    type: 'boolean',
-    required: false
-  },
-  maxLength: {
-    type: 'number',
-    required: false
-  },
-  pattern: {
-    type: 'string',
-    required: false
-  },
-  autocomplete: {
-    type: 'string',
-    required: false
-  },
-  class: {
-    type: 'string',
-    required: false
-  }
-} as const;
-
-/**
- * Textfield state classes
- */
-export const TEXTFIELD_STATES = {
-  FOCUSED: 'focused',
-  FILLED: 'filled',
-  DISABLED: 'disabled',
-  INVALID: 'invalid'
-} as const;
-
-/**
- * Textfield element classes
- */
-export const TEXTFIELD_CLASSES = {
-  ROOT: 'textfield',
-  INPUT: 'textfield-input',
-  LABEL: 'textfield-label',
-  HELPER: 'textfield-helper',
-  COUNTER: 'textfield-counter'
-} as const;

package/src/components/timepicker/constants.ts

@@ -1,138 +0,0 @@
-// src/components/timepicker/constants.ts
-
-import { 
-  TIME_PICKER_TYPE, 
-  TIME_PICKER_ORIENTATION, 
-  TIME_FORMAT,
-  TIME_PERIOD
-} from './types';
-
-/**
- * Default clock icon for time picker.
- * Simple clock SVG.
- */
-export const DEFAULT_CLOCK_ICON = `
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <polyline points="12 6 12 12 16 14"></polyline>
-</svg>
-`;
-
-/**
- * Default keyboard icon for time picker.
- * Simple keyboard SVG.
- */
-export const DEFAULT_KEYBOARD_ICON = `
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="2" y="4" width="20" height="16" rx="2" ry="2"></rect>
-  <line x1="6" y1="8" x2="6" y2="8"></line>
-  <line x1="10" y1="8" x2="10" y2="8"></line>
-  <line x1="14" y1="8" x2="14" y2="8"></line>
-  <line x1="18" y1="8" x2="18" y2="8"></line>
-  <line x1="6" y1="12" x2="6" y2="12"></line>
-  <line x1="10" y1="12" x2="10" y2="12"></line>
-  <line x1="14" y1="12" x2="14" y2="12"></line>
-  <line x1="18" y1="12" x2="18" y2="12"></line>
-  <line x1="6" y1="16" x2="18" y2="16"></line>
-</svg>
-`;
-
-/**
- * Element selectors for time picker components.
- * Used for DOM manipulation and event delegation.
- */
-export const SELECTORS = {
-  CONTAINER: '.mtrl-time-picker',
-  MODAL: '.mtrl-time-picker-modal',
-  DIALOG: '.mtrl-time-picker-dialog',
-  TITLE: '.mtrl-time-picker-title',
-  CONTENT: '.mtrl-time-picker-content',
-  DIAL: '.mtrl-time-picker-dial',
-  DIAL_CANVAS: '.mtrl-time-picker-dial-canvas',
-  DIAL_FACE: '.mtrl-time-picker-dial-face',
-  DIAL_HAND: '.mtrl-time-picker-dial-hand',
-  DIAL_CENTER: '.mtrl-time-picker-dial-center',
-  DIAL_NUMBERS: '.mtrl-time-picker-dial-numbers',
-  DIAL_NUMBER: '.mtrl-time-picker-dial-number',
-  INPUT_CONTAINER: '.mtrl-time-picker-input-container',
-  HOURS_INPUT: '.mtrl-time-picker-hours',
-  MINUTES_INPUT: '.mtrl-time-picker-minutes',
-  SECONDS_INPUT: '.mtrl-time-picker-seconds',
-  SEPARATOR: '.mtrl-time-picker-separator',
-  PERIOD_CONTAINER: '.mtrl-time-picker-period',
-  PERIOD_AM: '.mtrl-time-picker-period-am',
-  PERIOD_PM: '.mtrl-time-picker-period-pm',
-  ACTIONS: '.mtrl-time-picker-actions',
-  TOGGLE_TYPE_BUTTON: '.mtrl-time-picker-toggle-type',
-  CANCEL_BUTTON: '.mtrl-time-picker-cancel',
-  CONFIRM_BUTTON: '.mtrl-time-picker-confirm',
-};
-
-export const DIAL_CONSTANTS = {
-  DIAMETER: 256,
-  INNER_RADIUS: 65,
-  OUTER_RADIUS: 110,
-  NUMBER_SIZE: 40,
-  CENTER_SIZE: 8,
-  HAND_SIZE: 36,
-  TRACK_WIDTH: 2,
-};
-
-
-/**
- * Z-index values for different parts of the time picker.
- */
-export const Z_INDEX = {
-  MODAL: 1050,
-  DIALOG: 1051,
-};
-
-/**
- * Time constants used in the time picker.
- */
-export const TIME_CONSTANTS = {
-  HOURS_12: Array.from({ length: 12 }, (_, i) => (i === 0 ? 12 : i)),
-  HOURS_24: Array.from({ length: 24 }, (_, i) => i),
-  MINUTES: Array.from({ length: 60 }, (_, i) => i),
-  SECONDS: Array.from({ length: 60 }, (_, i) => i),
-};
-
-/**
- * Custom events fired by the time picker.
- */
-export const EVENTS = {
-  CHANGE: 'change',
-  OPEN: 'open',
-  CLOSE: 'close',
-  CONFIRM: 'confirm',
-  CANCEL: 'cancel',
-};
-
-/**
- * Animation timing for the time picker.
- */
-export const ANIMATION = {
-  OPEN_DURATION: 300,
-  CLOSE_DURATION: 200,
-  DIAL_SELECT_DURATION: 150,
-};
-
-/**
- * Size constants for the time input fields.
- */
-export const INPUT_CONSTANTS = {
-  FIELD_WIDTH: 96,
-  FIELD_HEIGHT: 72,
-  PERIOD_WIDTH: 52,
-  PERIOD_HEIGHT: 72,
-};
-
-/**
- * Time picker type exports for convenience.
- */
-export { 
-  TIME_PICKER_TYPE, 
-  TIME_PICKER_ORIENTATION, 
-  TIME_FORMAT,
-  TIME_PERIOD
-};