All files / web/src/components/practice/styles index.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/**
 * Practice App Styles - Central Export
 *
 * @example
 * import { themed, cardStyles, centerStack } from './styles'
 *
 * <div className={css({ ...centerStack, ...cardStyles(isDark) })}>
 */

// Re-export practice type from central location
export type { PracticeTypeId as SessionPartType } from '@/constants/practiceTypes'
// Mixins - composable primitives
export {
  center,
  // Layout
  centerStack,
  // Utilities
  combine,
  cursorNotAllowed,
  // Interaction
  cursorPointer,
  fontBold,
  fontMedium,
  // Font weight
  fontNormal,
  fontSemibold,
  fullWidth,
  gap2xl,
  gapLg,
  gapMd,
  gapSm,
  gapXl,
  // Gap
  gapXs,
  // Visibility
  hidden,
  invisible,
  marginBottomLg,
  marginBottomMd,
  marginBottomSm,
  marginBottomXs,
  marginTopLg,
  marginTopMd,
  marginTopSm,
  // Margin
  marginTopXs,
  noSelect,
  paddingLg,
  paddingMd,
  paddingSm,
  paddingXLg,
  paddingXl,
  paddingXMd,
  paddingXSm,
  // Padding
  paddingXs,
  paddingYLg,
  paddingYMd,
  paddingYSm,
  roundedFull,
  roundedLg,
  roundedMd,
  // Border radius
  roundedSm,
  roundedXl,
  row,
  spaceBetween,
  srOnly,
  stack,
  text2xl,
  text3xl,
  text4xl,
  textBase,
  // Text alignment
  textCenter,
  textLeft,
  textLg,
  textMd,
  textRight,
  textSm,
  textXl,
  // Font size
  textXs,
  // Transitions
  transitionFast,
  transitionNormal,
  transitionSlow,
  when,
  wrap,
} from './practiceMixins'
// Styles - reusable style functions
export {
  // Avatar
  avatarStyles,
  // Badges
  badgeStyles,
  bodyTextStyles,
  captionStyles,
  // Containers
  cardStyles,
  ghostButtonStyles,
  iconButtonStyles,
  // Inputs
  inputContainerStyles,
  labelStyles,
  linkButtonStyles,
  pageContainerStyles,
  // Typography
  pageTitleStyles,
  panelStyles,
  // Buttons
  primaryButtonStyles,
  // Progress
  progressBarContainerStyles,
  progressBarFillStyles,
  purposeBadgeStyles,
  secondaryButtonStyles,
  sectionHeadingStyles,
  sectionStyles,
  // Stats
  statCardStyles,
  statLabelStyles,
  statValueStyles,
  successButtonStyles,
  toolButtonStyles,
} from './practiceStyles'
// Theme - colors and semantic helpers
export {
  type BktClassification,
  getMasteryColors,
  getPartTypeColors,
  getPurposeColors,
  type PracticeColorKey,
  type ProblemPurpose,
  practiceColors,
  themed,
  themedColors,
} from './practiceTheme'