@aracreate/arm-ui 3.13.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -27
- package/dist/big-calendar-overrides.css +9 -4
- package/dist/chunk-UTKQHNA3.mjs +2 -0
- package/dist/chunk-UTKQHNA3.mjs.map +1 -0
- package/dist/chunk-Z6WRPM3Z.js +2 -0
- package/dist/chunk-Z6WRPM3Z.js.map +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +116 -121
- package/dist/index.d.ts +116 -121
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/preset.d.mts +2 -2
- package/dist/preset.d.ts +2 -2
- package/dist/preset.js +2 -2
- package/dist/preset.js.map +1 -1
- package/dist/preset.mjs +2 -2
- package/dist/preset.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/tokens.css +9 -4
- package/package.json +2 -11
- package/dist/chunk-LGJWNA6J.mjs +0 -2
- package/dist/chunk-LGJWNA6J.mjs.map +0 -1
- package/dist/chunk-TD6NGM5I.js +0 -2
- package/dist/chunk-TD6NGM5I.js.map +0 -1
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@ source of the platform's design system — 42 components plus the UnoCSS preset
|
|
|
6
6
|
scales — consumed by `arm-core-fe`, the calendar frontend and the admin frontend so all three look
|
|
7
7
|
like one product.
|
|
8
8
|
|
|
9
|
-
- Ships the components **and** the UnoCSS preset (`
|
|
9
|
+
- Ships the components **and** the UnoCSS preset (`ac_preset`) that generates their classes; a
|
|
10
10
|
consuming app installs both or the components render unstyled
|
|
11
11
|
- Purpose-built for ARM rather than general-purpose: the catalogue is calendar-, auth- and
|
|
12
12
|
dashboard-shaped (`SyncDetailsDialog`, `ImportCalendarsDialog`, `BigCalendarView`, `OtpVerifyStep`)
|
|
@@ -24,12 +24,12 @@ the previously published types until the bump happens.
|
|
|
24
24
|
| --- | --- |
|
|
25
25
|
| Framework | React 19 (peer: `>=18`) |
|
|
26
26
|
| Bundler | `tsup` — ESM + CJS + `.d.ts` |
|
|
27
|
-
| Styling | UnoCSS, shipped as the `
|
|
27
|
+
| Styling | UnoCSS, shipped as the `ac_preset` preset and a pre-built `style.css` |
|
|
28
28
|
| Primitives | Radix Themes and `@radix-ui/react-icons`, re-exported from this package |
|
|
29
29
|
| Calendar grid | `react-big-calendar`, with brand overrides shipped separately |
|
|
30
30
|
| Catalogue | Storybook |
|
|
31
31
|
| Tests | Vitest — two configs (components, Storybook) — plus axe accessibility tests |
|
|
32
|
-
| Release |
|
|
32
|
+
| Release | By hand: `VERSION`, `CHANGELOG.md`, then `npm publish` |
|
|
33
33
|
| Language | TypeScript |
|
|
34
34
|
| Package manager | pnpm |
|
|
35
35
|
|
|
@@ -42,9 +42,9 @@ src/
|
|
|
42
42
|
│ ├── index.ts ← Named exports; this file defines the public component API
|
|
43
43
|
│ ├── tokens.css ← Design tokens, shipped to consumers as /tokens.css
|
|
44
44
|
│ └── big-calendar-overrides.css ← react-big-calendar brand overrides, shipped separately
|
|
45
|
-
├── preset.ts ←
|
|
45
|
+
├── preset.ts ← ac_preset — wraps presetWind4 and adds the brand scales
|
|
46
46
|
├── styles/ ← radix-brand-tokens.css, theme.css
|
|
47
|
-
├── lib/ ← theme object,
|
|
47
|
+
├── lib/ ← theme object, get_color, and the class-building helpers
|
|
48
48
|
├── types/ ← Shared prop types (Size, Variant, polymorphic helpers)
|
|
49
49
|
└── stories/ ← Storybook stories
|
|
50
50
|
```
|
|
@@ -53,8 +53,8 @@ src/
|
|
|
53
53
|
|
|
54
54
|
| Entry | Contents |
|
|
55
55
|
| --- | --- |
|
|
56
|
-
| `.` | Components, types, `theme`/`
|
|
57
|
-
| `./preset` | `
|
|
56
|
+
| `.` | Components, types, `theme`/`get_color`/`colors`, class helpers |
|
|
57
|
+
| `./preset` | `ac_preset` for a consuming app's `uno.config.ts` |
|
|
58
58
|
| `./style.css` | Pre-built stylesheet — the alternative to scanning library sources |
|
|
59
59
|
| `./tokens.css` | Design tokens alone |
|
|
60
60
|
| `./big-calendar-overrides.css` | `react-big-calendar` brand overrides |
|
|
@@ -109,10 +109,10 @@ Then wire the preset into the app's `uno.config.ts`:
|
|
|
109
109
|
|
|
110
110
|
```ts
|
|
111
111
|
import { defineConfig } from "unocss";
|
|
112
|
-
import {
|
|
112
|
+
import { ac_preset } from "@aracreate/arm-ui/preset";
|
|
113
113
|
|
|
114
114
|
export default defineConfig({
|
|
115
|
-
presets: [
|
|
115
|
+
presets: [ac_preset()],
|
|
116
116
|
content: {
|
|
117
117
|
pipeline: {
|
|
118
118
|
include: [
|
|
@@ -134,39 +134,45 @@ pre-built stylesheet instead:
|
|
|
134
134
|
import "@aracreate/arm-ui/style.css";
|
|
135
135
|
```
|
|
136
136
|
|
|
137
|
-
Use `
|
|
137
|
+
Use `ac_preset()`, never a bare `presetWind4()` — the preset is what adds the brand scales, and the
|
|
138
138
|
consuming apps' ESLint configs fail the build on a direct `@unocss/preset-wind4` import and on
|
|
139
139
|
stock-palette classes (`text-gray-500`, `bg-blue-600`) for exactly this reason.
|
|
140
140
|
|
|
141
141
|
## Commands
|
|
142
142
|
|
|
143
|
-
|
|
144
|
-
`package.json` scripts
|
|
143
|
+
The `Makefile` is the entry point (`make help` lists the targets); the targets
|
|
144
|
+
run the `package.json` scripts below.
|
|
145
|
+
|
|
146
|
+
```sh
|
|
147
|
+
make install # pnpm install --frozen-lockfile
|
|
148
|
+
make setup # install, and use the repo's git hooks (scripts/hooks)
|
|
149
|
+
make dev # build CSS once, then tsup --watch
|
|
150
|
+
make build # build:js (tsup) + build:css (UnoCSS + token CSS copy)
|
|
151
|
+
make test # component tests (vitest.components.config.ts)
|
|
152
|
+
make lint # eslint src, check only
|
|
153
|
+
make storybook # Storybook on :6006 — the component catalogue
|
|
154
|
+
make release # check VERSION, package.json and CHANGELOG.md agree; print the steps
|
|
155
|
+
make clean # remove dist/ and other build output
|
|
156
|
+
make conventions-check # the ARM repo rules
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
Scripts with no target of their own:
|
|
145
160
|
|
|
146
161
|
```sh
|
|
147
|
-
pnpm install
|
|
148
|
-
pnpm dev # build CSS once, then tsup --watch
|
|
149
|
-
pnpm build # build:js (tsup) + build:css (UnoCSS + token CSS copy)
|
|
150
|
-
pnpm storybook # Storybook on :6006 — the component catalogue
|
|
151
|
-
pnpm test # component tests (vitest.components.config.ts)
|
|
152
162
|
pnpm test:storybook # Storybook tests (vitest.config.ts) — a genuinely separate suite
|
|
153
163
|
pnpm type-check # tsc --noEmit
|
|
154
|
-
pnpm
|
|
164
|
+
pnpm check:dist # the built ESM bundle's export list
|
|
155
165
|
pnpm format # prettier --write
|
|
156
|
-
pnpm release # semantic-release (CI)
|
|
157
|
-
pnpm clean # rm -rf dist
|
|
158
166
|
```
|
|
159
167
|
|
|
160
|
-
`prepublishOnly` runs `clean`
|
|
168
|
+
`prepublishOnly` runs `clean`, `build` and `check:dist`, so a publish cannot ship a stale `dist/`.
|
|
161
169
|
|
|
162
170
|
## Conventions
|
|
163
171
|
|
|
164
172
|
Repo conventions (file headers, naming, versioning, Makefile targets) follow
|
|
165
|
-
[aracreate-conventions](https://github.com/aracreate-group/aracreate-conventions)
|
|
166
|
-
`
|
|
167
|
-
|
|
168
|
-
for this repo is tracked in `TASK_SHEET.md`; this repo is currently short a `Makefile` and a
|
|
169
|
-
`VERSION` file, so its version lives in `package.json` and is managed by semantic-release.
|
|
173
|
+
[aracreate-conventions](https://github.com/aracreate-group/aracreate-conventions), with ARM's own
|
|
174
|
+
rules in arm-docs `docs/TEMPLATE-CONFORMANCE.md`; `make conventions-check` checks them. `VERSION` is
|
|
175
|
+
the version's single source, bumped by hand with its `CHANGELOG.md` entry.
|
|
170
176
|
|
|
171
177
|
Project-specific rules:
|
|
172
178
|
|
|
@@ -176,7 +182,7 @@ Project-specific rules:
|
|
|
176
182
|
- **Bump and publish before a consumer can use a change** — see the pinned-dependency note above.
|
|
177
183
|
|
|
178
184
|
Deeper internals — the `tsup` build, why there are two Vitest configs, how to add a component, the
|
|
179
|
-
token system, and the publishing flow — are in [
|
|
185
|
+
token system, and the publishing flow — are in [docs/developer.md](./docs/developer.md), which this README
|
|
180
186
|
deliberately does not duplicate.
|
|
181
187
|
|
|
182
188
|
## License
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/* SPDX-License-Identifier: LicenseRef-Proprietary */
|
|
2
|
+
/* Copyright (C) 2026, araCreate Group */
|
|
3
|
+
/* Author: Kishor <kishor@aracreate.group> */
|
|
4
|
+
/* Description: This file contains the react-big-calendar overrides that restyle it with Radix tokens */
|
|
5
|
+
|
|
1
6
|
/* Restyles react-big-calendar's default look with Radix tokens — only
|
|
2
7
|
* color/border/typography/spacing values change; all layout math (grid,
|
|
3
8
|
* flex, absolute positioning for event columns) stays exactly as the
|
|
@@ -8,11 +13,11 @@
|
|
|
8
13
|
font-family: var(--font-poppins);
|
|
9
14
|
}
|
|
10
15
|
|
|
11
|
-
/* ── Toolbar — rendered by
|
|
16
|
+
/* ── Toolbar — rendered by calendar-toolbar.tsx (real Radix Button/IconButton
|
|
12
17
|
* components), not RBC's default <button> markup. It is a CHILD of
|
|
13
18
|
* `.rbc-calendar` in RBC's actual render tree (same parent as the grid
|
|
14
19
|
* view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`
|
|
15
|
-
* is the class hook
|
|
20
|
+
* is the class hook calendar-toolbar.tsx puts on its own root, so we can give
|
|
16
21
|
* it padding + a divider that visually seams it to the grid below. */
|
|
17
22
|
.rbc-radix-scope .calendar-toolbar {
|
|
18
23
|
padding: var(--space-4) var(--space-4) var(--space-3);
|
|
@@ -34,7 +39,7 @@
|
|
|
34
39
|
padding: var(--space-3) 0 var(--space-3);
|
|
35
40
|
border-color: var(--gray-4) !important;
|
|
36
41
|
/* RBC's base CSS sets overflow:hidden on this cell — the today-marker
|
|
37
|
-
* circle in
|
|
42
|
+
* circle in calendar-day-header.tsx needs room to render at full size. */
|
|
38
43
|
overflow: visible;
|
|
39
44
|
}
|
|
40
45
|
/* CalendarDayHeader renders a two-row layout (weekday label + date circle)
|
|
@@ -84,7 +89,7 @@
|
|
|
84
89
|
min-height: calc(var(--space-9) + var(--space-6));
|
|
85
90
|
}
|
|
86
91
|
/* Today is marked by the amber circle on the date number alone (via
|
|
87
|
-
*
|
|
92
|
+
* calendar-day-header.tsx in week view / .rbc-now below in month view) — no
|
|
88
93
|
* full-column/full-cell background wash, which read as an oversized block
|
|
89
94
|
* of color rather than a subtle marker. */
|
|
90
95
|
.rbc-radix-scope .rbc-today {
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var r={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},n={colors:r,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",high_contrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",in_out:"ease-in-out"},fade_in:"animate-in fade-in",fade_out:"animate-out fade-out",slide_in:"animate-in slide-in-from-bottom-2",slide_out:"animate-out slide-out-to-bottom-2",scale_in:"animate-in zoom-in-95",scale_out:"animate-out zoom-out-95"},accessibility:{sr_only:"sr-only",focus_trap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",high_contrast:"forced-colors:border forced-colors:border-solid",reduced_motion:"motion-reduce:transition-none motion-reduce:animate-none",touch_target:"min-h-11 min-w-11"}},i=(t,o=500)=>{let e=r[t];return typeof e=="object"&&e!==null&&o in e?e[String(o)]:r.primary[500]};export{r as a,n as b,i as c};
|
|
2
|
+
//# sourceMappingURL=chunk-UTKQHNA3.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/theme.ts"],"sourcesContent":["// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains the theme object: colours, sizes, variants, spacing, radius, typography and animation\n\n// Simplified single color palette\nconst colors = {\n // Primary brand colors\n primary: {\n 50: \"#fef7e6\",\n 100: \"#fdecc0\",\n 200: \"#fbd886\",\n 300: \"#f9c44c\",\n 400: \"#f7b01f\",\n 500: \"#F9BF3B\", // Main primary\n 600: \"#e6a82d\",\n 700: \"#cc8f1f\",\n 800: \"#b37611\",\n 900: \"#995d03\",\n },\n\n // Secondary colors\n secondary: {\n 50: \"#f8fafc\",\n 100: \"#f1f5f9\",\n 200: \"#e2e8f0\",\n 300: \"#cbd5e1\",\n 400: \"#94a3b8\",\n 500: \"#64748b\",\n 600: \"#475569\",\n 700: \"#334155\",\n 800: \"#1e293b\",\n 900: \"#0f172a\",\n },\n\n // Semantic colors\n success: {\n 50: \"#f0fdf4\",\n 100: \"#dcfce7\",\n 200: \"#bbf7d0\",\n 300: \"#86efac\",\n 400: \"#4ade80\",\n 500: \"#22c55e\",\n 600: \"#16a34a\",\n 700: \"#15803d\",\n 800: \"#166534\",\n 900: \"#14532d\",\n },\n\n error: {\n 50: \"#fef2f2\",\n 100: \"#fee2e2\",\n 200: \"#fecaca\",\n 300: \"#fca5a5\",\n 400: \"#f87171\",\n 500: \"#ef4444\",\n 600: \"#dc2626\",\n 700: \"#b91c1c\",\n 800: \"#991b1b\",\n 900: \"#7f1d1d\",\n },\n\n warning: {\n 50: \"#fffbeb\",\n 100: \"#fef3c7\",\n 200: \"#fde68a\",\n 300: \"#fcd34d\",\n 400: \"#fbbf24\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n 700: \"#b45309\",\n 800: \"#92400e\",\n 900: \"#78350f\",\n },\n\n info: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n },\n\n // Neutral colors\n neutral: {\n 50: \"#fafafa\",\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n\n // Background and surface colors\n background: {\n primary: \"#ffffff\",\n secondary: \"#f8fafc\",\n tertiary: \"#f1f5f9\",\n },\n\n // Text colors\n text: {\n primary: \"#0f172a\",\n secondary: \"#475569\",\n tertiary: \"#64748b\",\n disabled: \"#94a3b8\",\n },\n\n // Border colors\n border: {\n primary: \"#e2e8f0\",\n secondary: \"#cbd5e1\",\n focus: \"#3b82f6\",\n error: \"#ef4444\",\n },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n // Single color palette\n colors,\n\n // Enhanced base component styles with accessibility focus\n base: {\n // Transitions with reduced motion support\n transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n // Enhanced focus states meeting WCAG 2.1 AA standards\n focus:\n \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n // Disabled states with proper contrast\n disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n // Interactive states\n interactive: \"cursor-pointer select-none\",\n\n // High contrast mode support\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n },\n\n // Enhanced size system with consistent spacing\n sizes: {\n xs: {\n text: \"text-xs\",\n padding: \"px-2 py-1\",\n height: \"h-6\",\n icon: \"h-3 w-3\",\n gap: \"gap-1\",\n },\n sm: {\n text: \"text-sm\",\n padding: \"px-3 py-1.5\",\n height: \"h-8\",\n icon: \"h-4 w-4\",\n gap: \"gap-1.5\",\n },\n md: {\n text: \"text-base\",\n padding: \"px-4 py-2\",\n height: \"h-10\",\n icon: \"h-5 w-5\",\n gap: \"gap-2\",\n },\n lg: {\n text: \"text-lg\",\n padding: \"px-5 py-2.5\",\n height: \"h-12\",\n icon: \"h-6 w-6\",\n gap: \"gap-2.5\",\n },\n xl: {\n text: \"text-xl\",\n padding: \"px-6 py-3\",\n height: \"h-14\",\n icon: \"h-7 w-7\",\n gap: \"gap-3\",\n },\n },\n\n // Enhanced variants with accessibility support — Radix 1-12 scale\n variants: {\n primary: {\n // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n solid:\n \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n outline:\n \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n },\n secondary: {\n // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n solid:\n \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n outline:\n \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n ghost:\n \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n },\n destructive: {\n solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n outline:\n \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n },\n success: {\n solid:\n \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n outline:\n \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n },\n warning: {\n // text-neutral-12 (static dark): amber-9 also too bright for white text\n solid:\n \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n outline:\n \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n },\n info: {\n solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n outline:\n \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n },\n },\n\n // Enhanced border radius system\n radius: {\n none: \"rounded-none\",\n xs: \"rounded-xs\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n \"2xl\": \"rounded-2xl\",\n \"3xl\": \"rounded-3xl\",\n full: \"rounded-full\",\n },\n\n // Enhanced spacing system\n spacing: {\n none: \"gap-0\",\n xs: \"gap-1\",\n sm: \"gap-2\",\n md: \"gap-3\",\n lg: \"gap-4\",\n xl: \"gap-6\",\n \"2xl\": \"gap-8\",\n \"3xl\": \"gap-12\",\n },\n\n // Typography scale\n typography: {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n base: \"text-base leading-6\",\n lg: \"text-lg leading-7\",\n xl: \"text-xl leading-8\",\n \"2xl\": \"text-2xl leading-9\",\n \"3xl\": \"text-3xl leading-10\",\n },\n\n // Animation system with reduced motion support\n animations: {\n // Durations\n duration: {\n fast: \"duration-150\",\n normal: \"duration-200\",\n slow: \"duration-300\",\n },\n\n // Easing functions\n easing: {\n linear: \"ease-linear\",\n in: \"ease-in\",\n out: \"ease-out\",\n in_out: \"ease-in-out\",\n },\n\n // Common animations\n fade_in: \"animate-in fade-in\",\n fade_out: \"animate-out fade-out\",\n slide_in: \"animate-in slide-in-from-bottom-2\",\n slide_out: \"animate-out slide-out-to-bottom-2\",\n scale_in: \"animate-in zoom-in-95\",\n scale_out: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n sr_only: \"sr-only\",\n\n // Focus management\n focus_trap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reduced_motion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touch_target: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const get_color = (\n color_name: keyof typeof colors,\n shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n const color_group = colors[color_name];\n\n if (typeof color_group === \"object\" && color_group !== null && shade in color_group) {\n return (color_group as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"],"mappings":"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","names":["colors","theme","get_color","color_name","shade","color_group"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var r={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},n= exports.b ={colors:r,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",high_contrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",in_out:"ease-in-out"},fade_in:"animate-in fade-in",fade_out:"animate-out fade-out",slide_in:"animate-in slide-in-from-bottom-2",slide_out:"animate-out slide-out-to-bottom-2",scale_in:"animate-in zoom-in-95",scale_out:"animate-out zoom-out-95"},accessibility:{sr_only:"sr-only",focus_trap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",high_contrast:"forced-colors:border forced-colors:border-solid",reduced_motion:"motion-reduce:transition-none motion-reduce:animate-none",touch_target:"min-h-11 min-w-11"}},i= exports.c =(t,o=500)=>{let e=r[t];return typeof e=="object"&&e!==null&&o in e?e[String(o)]:r.primary[500]};exports.a = r; exports.b = n; exports.c = i;
|
|
2
|
+
//# sourceMappingURL=chunk-Z6WRPM3Z.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","get_color","color_name","shade","color_group"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/.claude/scratch/2026-10-19-arm-ui-4/pub/dist/chunk-Z6WRPM3Z.js","sourcesContent":["// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains the theme object: colours, sizes, variants, spacing, radius, typography and animation\n\n// Simplified single color palette\nconst colors = {\n // Primary brand colors\n primary: {\n 50: \"#fef7e6\",\n 100: \"#fdecc0\",\n 200: \"#fbd886\",\n 300: \"#f9c44c\",\n 400: \"#f7b01f\",\n 500: \"#F9BF3B\", // Main primary\n 600: \"#e6a82d\",\n 700: \"#cc8f1f\",\n 800: \"#b37611\",\n 900: \"#995d03\",\n },\n\n // Secondary colors\n secondary: {\n 50: \"#f8fafc\",\n 100: \"#f1f5f9\",\n 200: \"#e2e8f0\",\n 300: \"#cbd5e1\",\n 400: \"#94a3b8\",\n 500: \"#64748b\",\n 600: \"#475569\",\n 700: \"#334155\",\n 800: \"#1e293b\",\n 900: \"#0f172a\",\n },\n\n // Semantic colors\n success: {\n 50: \"#f0fdf4\",\n 100: \"#dcfce7\",\n 200: \"#bbf7d0\",\n 300: \"#86efac\",\n 400: \"#4ade80\",\n 500: \"#22c55e\",\n 600: \"#16a34a\",\n 700: \"#15803d\",\n 800: \"#166534\",\n 900: \"#14532d\",\n },\n\n error: {\n 50: \"#fef2f2\",\n 100: \"#fee2e2\",\n 200: \"#fecaca\",\n 300: \"#fca5a5\",\n 400: \"#f87171\",\n 500: \"#ef4444\",\n 600: \"#dc2626\",\n 700: \"#b91c1c\",\n 800: \"#991b1b\",\n 900: \"#7f1d1d\",\n },\n\n warning: {\n 50: \"#fffbeb\",\n 100: \"#fef3c7\",\n 200: \"#fde68a\",\n 300: \"#fcd34d\",\n 400: \"#fbbf24\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n 700: \"#b45309\",\n 800: \"#92400e\",\n 900: \"#78350f\",\n },\n\n info: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n },\n\n // Neutral colors\n neutral: {\n 50: \"#fafafa\",\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n\n // Background and surface colors\n background: {\n primary: \"#ffffff\",\n secondary: \"#f8fafc\",\n tertiary: \"#f1f5f9\",\n },\n\n // Text colors\n text: {\n primary: \"#0f172a\",\n secondary: \"#475569\",\n tertiary: \"#64748b\",\n disabled: \"#94a3b8\",\n },\n\n // Border colors\n border: {\n primary: \"#e2e8f0\",\n secondary: \"#cbd5e1\",\n focus: \"#3b82f6\",\n error: \"#ef4444\",\n },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n // Single color palette\n colors,\n\n // Enhanced base component styles with accessibility focus\n base: {\n // Transitions with reduced motion support\n transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n // Enhanced focus states meeting WCAG 2.1 AA standards\n focus:\n \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n // Disabled states with proper contrast\n disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n // Interactive states\n interactive: \"cursor-pointer select-none\",\n\n // High contrast mode support\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n },\n\n // Enhanced size system with consistent spacing\n sizes: {\n xs: {\n text: \"text-xs\",\n padding: \"px-2 py-1\",\n height: \"h-6\",\n icon: \"h-3 w-3\",\n gap: \"gap-1\",\n },\n sm: {\n text: \"text-sm\",\n padding: \"px-3 py-1.5\",\n height: \"h-8\",\n icon: \"h-4 w-4\",\n gap: \"gap-1.5\",\n },\n md: {\n text: \"text-base\",\n padding: \"px-4 py-2\",\n height: \"h-10\",\n icon: \"h-5 w-5\",\n gap: \"gap-2\",\n },\n lg: {\n text: \"text-lg\",\n padding: \"px-5 py-2.5\",\n height: \"h-12\",\n icon: \"h-6 w-6\",\n gap: \"gap-2.5\",\n },\n xl: {\n text: \"text-xl\",\n padding: \"px-6 py-3\",\n height: \"h-14\",\n icon: \"h-7 w-7\",\n gap: \"gap-3\",\n },\n },\n\n // Enhanced variants with accessibility support — Radix 1-12 scale\n variants: {\n primary: {\n // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n solid:\n \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n outline:\n \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n },\n secondary: {\n // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n solid:\n \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n outline:\n \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n ghost:\n \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n },\n destructive: {\n solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n outline:\n \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n },\n success: {\n solid:\n \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n outline:\n \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n },\n warning: {\n // text-neutral-12 (static dark): amber-9 also too bright for white text\n solid:\n \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n outline:\n \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n },\n info: {\n solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n outline:\n \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n },\n },\n\n // Enhanced border radius system\n radius: {\n none: \"rounded-none\",\n xs: \"rounded-xs\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n xl: \"rounded-xl\",\n \"2xl\": \"rounded-2xl\",\n \"3xl\": \"rounded-3xl\",\n full: \"rounded-full\",\n },\n\n // Enhanced spacing system\n spacing: {\n none: \"gap-0\",\n xs: \"gap-1\",\n sm: \"gap-2\",\n md: \"gap-3\",\n lg: \"gap-4\",\n xl: \"gap-6\",\n \"2xl\": \"gap-8\",\n \"3xl\": \"gap-12\",\n },\n\n // Typography scale\n typography: {\n xs: \"text-xs leading-4\",\n sm: \"text-sm leading-5\",\n base: \"text-base leading-6\",\n lg: \"text-lg leading-7\",\n xl: \"text-xl leading-8\",\n \"2xl\": \"text-2xl leading-9\",\n \"3xl\": \"text-3xl leading-10\",\n },\n\n // Animation system with reduced motion support\n animations: {\n // Durations\n duration: {\n fast: \"duration-150\",\n normal: \"duration-200\",\n slow: \"duration-300\",\n },\n\n // Easing functions\n easing: {\n linear: \"ease-linear\",\n in: \"ease-in\",\n out: \"ease-out\",\n in_out: \"ease-in-out\",\n },\n\n // Common animations\n fade_in: \"animate-in fade-in\",\n fade_out: \"animate-out fade-out\",\n slide_in: \"animate-in slide-in-from-bottom-2\",\n slide_out: \"animate-out slide-out-to-bottom-2\",\n scale_in: \"animate-in zoom-in-95\",\n scale_out: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n sr_only: \"sr-only\",\n\n // Focus management\n focus_trap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reduced_motion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touch_target: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const get_color = (\n color_name: keyof typeof colors,\n shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n const color_group = colors[color_name];\n\n if (typeof color_group === \"object\" && color_group !== null && shade in color_group) {\n return (color_group as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"]}
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/big-calendar-overrides.css","../src/styles/radix-brand-tokens.css"],"sourcesContent":["/* Restyles react-big-calendar's default look with Radix tokens — only\n * color/border/typography/spacing values change; all layout math (grid,\n * flex, absolute positioning for event columns) stays exactly as the\n * library ships it. See AGENTS.md: tokens only, no raw px for spacing. */\n\n.rbc-radix-scope,\n.rbc-radix-scope .rbc-calendar * {\n font-family: var(--font-poppins);\n}\n\n/* ── Toolbar — rendered by CalendarToolbar.tsx (real Radix Button/IconButton\n * components), not RBC's default <button> markup. It is a CHILD of\n * `.rbc-calendar` in RBC's actual render tree (same parent as the grid\n * view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`\n * is the class hook CalendarToolbar.tsx puts on its own root, so we can give\n * it padding + a divider that visually seams it to the grid below. */\n.rbc-radix-scope .calendar-toolbar {\n padding: var(--space-4) var(--space-4) var(--space-3);\n border-bottom: 1px solid var(--gray-4);\n}\n\n/* ── Grid chrome (borders, headers, today highlight) ───────────────────── */\n.rbc-radix-scope .rbc-calendar {\n border-radius: var(--radius-5);\n border: 1px solid var(--gray-5);\n box-shadow: var(--shadow-card);\n background: var(--color-panel-solid);\n overflow: hidden;\n}\n.rbc-radix-scope .rbc-header {\n color: var(--gray-10);\n font-weight: 600;\n font-size: var(--font-size-2);\n padding: var(--space-3) 0 var(--space-3);\n border-color: var(--gray-4) !important;\n /* RBC's base CSS sets overflow:hidden on this cell — the today-marker\n * circle in CalendarDayHeader.tsx needs room to render at full size. */\n overflow: visible;\n}\n/* CalendarDayHeader renders a two-row layout (weekday label + date circle)\n that is taller than RBC's assumed single-line header. Force the header\n content row to accommodate both rows without clipping. */\n.rbc-radix-scope .rbc-time-header-content > .rbc-row:first-child {\n min-height: calc(var(--space-6) + var(--font-size-1) + var(--space-3));\n}\n/* RBC's own header/grid divider — never targeted before, so it stayed at\n * the library's default #ddd instead of our theme's tokens and read as a\n * weak seam against the surrounding gray-3/gray-4 borders. */\n.rbc-radix-scope .rbc-time-header > .rbc-row:first-child {\n border-bottom: 1.5px solid var(--gray-6);\n}\n/* RBC's TimeGridHeader always renders an all-day event row directly below\n * the day-number header (DateContentRow with isAllDay:true) — this app has\n * no all-day event support (see calendar-mock.ts: AvailabilityBlock has no\n * allDay concept), so that row is always empty. Left visible, it added a\n * stray divider line under the header and picked up its own `.rbc-today`\n * wash, making today's header cell look like a tall blue block split by an\n * extra line rather than a clean header. Hide it — nothing can ever\n * populate it. */\n.rbc-radix-scope .rbc-allday-cell {\n display: none;\n}\n.rbc-radix-scope .rbc-month-view,\n.rbc-radix-scope .rbc-time-view,\n.rbc-radix-scope .rbc-time-header,\n.rbc-radix-scope .rbc-time-content,\n.rbc-radix-scope .rbc-day-bg,\n.rbc-radix-scope .rbc-month-row,\n.rbc-radix-scope .rbc-timeslot-group,\n.rbc-radix-scope .rbc-time-header-content,\n.rbc-radix-scope .rbc-header,\n.rbc-radix-scope .rbc-day-slot .rbc-time-slot {\n border-color: var(--gray-3) !important;\n}\n/* Hour boundaries stay a touch stronger than the half-hour sub-lines so the\n * grid reads as grouped hours instead of a uniform mesh. RBC's default\n * min-height (40px) doesn't leave room for our multi-line event card\n * (title + time range + location) even on 60-90min events — raise it so a\n * 30-min slot has enough vertical room for 2-3 short text lines. */\n.rbc-radix-scope .rbc-timeslot-group {\n border-color: var(--gray-4) !important;\n /* Our event card shows up to 3 stacked lines (title, time range,\n * location) on a 60min slot — needs real room, not RBC's 40px default. */\n min-height: calc(var(--space-9) + var(--space-6));\n}\n/* Today is marked by the amber circle on the date number alone (via\n * CalendarDayHeader.tsx in week view / .rbc-now below in month view) — no\n * full-column/full-cell background wash, which read as an oversized block\n * of color rather than a subtle marker. */\n.rbc-radix-scope .rbc-today {\n background-color: transparent;\n}\n/* RBC right-aligns the date number by default (text-align:right) — center\n * it at the top of each cell instead, with a touch of top padding so it\n * doesn't sit flush against the header border. */\n.rbc-radix-scope .rbc-date-cell {\n text-align: center;\n padding: var(--space-1) 0 var(--space-2);\n}\n/* Month view has no custom header component — mark today's date number with\n * a filled amber circle to match the week view's CalendarDayHeader marker. */\n.rbc-radix-scope .rbc-month-view .rbc-now .rbc-button-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--space-6);\n height: var(--space-6);\n border-radius: 50%;\n background: var(--accent-9);\n color: var(--accent-contrast);\n font-weight: 500;\n font-size: var(--font-size-3);\n line-height: 1;\n}\n.rbc-radix-scope .rbc-off-range-bg {\n background: var(--gray-2);\n}\n.rbc-radix-scope .rbc-off-range {\n color: var(--gray-11);\n}\n.rbc-radix-scope .rbc-label {\n color: var(--gray-11);\n font-size: var(--font-size-1);\n}\n.rbc-radix-scope .rbc-current-time-indicator {\n background-color: var(--accent-9);\n height: 2px;\n}\n.rbc-radix-scope .rbc-show-more {\n color: var(--accent-11);\n font-weight: 600;\n font-size: var(--font-size-1);\n}\n\n/* RBC reserves a fixed 10px right margin on the events container (its own\n * scrollbar-gutter allowance) — shrink it to a Radix space step so the\n * block doesn't look like it's leaving unexplained dead space when no\n * scrollbar is present. */\n.rbc-radix-scope .rbc-day-slot .rbc-events-container {\n margin-right: var(--space-1);\n}\n\n/* ── Events — base shape only; color comes from eventPropGetter per-event ──\n * Week view: solid-fill colored block (card shape, shadow, padding). Month\n * view: plain dot+text row (see components.month.event in BigCalendarView)\n * — no fill, so no card chrome needed, just enough padding to breathe. */\n.rbc-radix-scope .rbc-time-view .rbc-event {\n border-radius: var(--radius-3);\n padding: var(--space-1) var(--space-2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n /* Defensive backstop: content taller than the event's time-computed height\n * clips inside its own box instead of bleeding into the cell below. */\n overflow: hidden;\n}\n/* Chip styling (background, radius, padding) lives on the event content\n * itself in components.month.event — the .rbc-event wrapper just needs to\n * get out of the way so the chip isn't double-padded/double-boxed. */\n.rbc-radix-scope .rbc-month-view .rbc-event {\n padding: 0;\n background: none;\n box-shadow: none;\n}\n.rbc-radix-scope .rbc-event:focus {\n outline: 2px solid var(--accent-8);\n outline-offset: 1px;\n}\n.rbc-radix-scope .rbc-event-label {\n display: none; /* time is redundant with our custom event content */\n}\n.rbc-radix-scope .rbc-selected-cell {\n background-color: var(--accent-3);\n}\n\n/* ── Narrow container — the desktop row-height (~96px/hour, sized for a\n * 3-line week-view event card) and toolbar/header padding are too generous\n * once the calendar itself renders under ~480px wide (e.g. narrow mobile,\n * or the stacked-sidebar layout in CalendarMergedView). Scale both down so\n * the grid doesn't force excessive scrolling or crowd the toolbar. */\n@container (max-width: 480px) {\n .rbc-radix-scope .calendar-toolbar {\n padding: var(--space-3) var(--space-3) var(--space-2);\n }\n .rbc-radix-scope .rbc-header {\n padding: var(--space-2) 0;\n }\n .rbc-radix-scope .rbc-timeslot-group {\n min-height: var(--space-8);\n }\n /* At the smaller row height above, even a 60min+ event card no longer has\n * room for 3 stacked lines — drop to title-only regardless of duration.\n * (.rbc-event already clips overflow as a backstop; this avoids relying\n * on that and keeps text from ever getting cut off in the first place.) */\n .rbc-radix-scope .rbc-time-view .rbc-event > div > *:not(:first-child) {\n display: none;\n }\n}\n","/*\n * ─────────────────────────────────────────────\n * Brand Token Overrides for Radix Themes\n * accentColor : #FFC936 (golden yellow)\n * grayColor : #8C8C8C (neutral gray)\n *\n * Step 9 is always exactly your brand hex.\n * Steps 1–8 → progressively lighter tints.\n * Steps 10–12 → progressively darker shades.\n *\n * Step usage:\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n *\n * Import this file AFTER @radix-ui/themes/styles.css\n * so these values override the defaults.\n * ─────────────────────────────────────────────\n */\n\n.radix-themes {\n\n /* Accent scale — #FFC936 anchored at step 9 */\n /*\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n */\n --accent-1: #fffef5;\n --accent-2: #fffce8;\n --accent-3: #fff8cc;\n --accent-4: #fff2a8;\n --accent-5: #ffe980;\n --accent-6: #ffd94d;\n --accent-7: #ffd236;\n --accent-8: #ffca20;\n --accent-9: #FFC936; /* ← exact brand accent */\n --accent-10: #f0b800; /* hover state */\n --accent-11: #7a5c00; /* accessible text on light bg */\n --accent-12: #3d2e00; /* high-contrast text */\n\n /* Alpha variants for accent */\n --accent-a1: #c0800004;\n --accent-a2: #ffc30015;\n --accent-a3: #ffcf003f;\n --accent-a4: #ffc90062;\n --accent-a5: #ffc20084;\n --accent-a6: #f6ae0089;\n --accent-a7: #d6960094;\n --accent-a8: #c78f00bf;\n --accent-a9: #ffc600e0;\n --accent-a10: #f9b700d1;\n --accent-a11: #997000;\n --accent-a12: #2a1e00df;\n --accent-surface: #fff9e5cc;\n --accent-indicator: #ffcd1f;\n --accent-track: #ffcd1f;\n\n /* Text ON accent-9 background — black for maximum contrast on yellow */\n --accent-contrast: #000000;\n\n /* Text ON semantic solid backgrounds (error-9, success-9, info-9, warning-9) */\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n /* Gray scale — #8C8C8C anchored at step 9 */\n --gray-1: #fafafa;\n --gray-2: #f4f4f4;\n --gray-3: #ebebeb;\n --gray-4: #e0e0e0;\n --gray-5: #d1d1d1;\n --gray-6: #bebebe;\n --gray-7: #a8a8a8;\n --gray-8: #989898;\n --gray-9: #8C8C8C; /* ← exact brand gray */\n --gray-10: #6e6e6e;\n --gray-11: #4a4a4a;\n --gray-12: #1a1a1a;\n\n --gray-a1: #00000003;\n --gray-a2: #00000006;\n --gray-a3: #00000010;\n --gray-a4: #00000017;\n --gray-a5: #0000001f;\n --gray-a6: #00000026;\n --gray-a7: #00000031;\n --gray-a8: #00000044;\n --gray-a9: #00000072;\n --gray-a10: #0000007c;\n --gray-a11: #0000009b;\n --gray-a12: #000000df;\n --gray-contrast: #FFFFFF;\n --gray-surface: #ffffffcc;\n --gray-indicator: #8d8d8d;\n --gray-track: #8d8d8d;\n\n /* Semantic aliases — consumed by Radix components internally */\n --color-background: var(--accent-1);\n --color-surface: #ffffff;\n --color-panel-solid: #ffffff;\n --color-panel-translucent: rgba(255, 255, 255, 0.85);\n\n /* Component-friendly aliases */\n --primary-1: var(--accent-1);\n --primary-2: var(--accent-2);\n --primary-3: var(--accent-3);\n --primary-4: var(--accent-4);\n --primary-5: var(--accent-5);\n --primary-6: var(--accent-6);\n --primary-7: var(--accent-7);\n --primary-8: var(--accent-8);\n --primary-9: var(--accent-9);\n --primary-10: var(--accent-10);\n --primary-11: var(--accent-11);\n --primary-12: var(--accent-12);\n\n --neutral-1: var(--gray-1);\n --neutral-2: var(--gray-2);\n --neutral-3: var(--gray-3);\n --neutral-4: var(--gray-4);\n --neutral-5: var(--gray-5);\n --neutral-6: var(--gray-6);\n --neutral-7: var(--gray-7);\n --neutral-8: var(--gray-8);\n --neutral-9: var(--gray-9);\n --neutral-10: var(--gray-10);\n --neutral-11: var(--gray-11);\n --neutral-12: var(--gray-12);\n\n /* Semantic scales → fixed Radix color scales */\n --error-1: var(--red-1);\n --error-2: var(--red-2);\n --error-3: var(--red-3);\n --error-4: var(--red-4);\n --error-5: var(--red-5);\n --error-6: var(--red-6);\n --error-7: var(--red-7);\n --error-8: var(--red-8);\n --error-9: var(--red-9);\n --error-10: var(--red-10);\n --error-11: var(--red-11);\n --error-12: var(--red-12);\n\n --success-1: var(--green-1);\n --success-2: var(--green-2);\n --success-3: var(--green-3);\n --success-4: var(--green-4);\n --success-5: var(--green-5);\n --success-6: var(--green-6);\n --success-7: var(--green-7);\n --success-8: var(--green-8);\n --success-9: var(--green-9);\n --success-10: var(--green-10);\n --success-11: var(--green-11);\n --success-12: var(--green-12);\n\n --warning-1: var(--amber-1);\n --warning-2: var(--amber-2);\n --warning-3: var(--amber-3);\n --warning-4: var(--amber-4);\n --warning-5: var(--amber-5);\n --warning-6: var(--amber-6);\n --warning-7: var(--amber-7);\n --warning-8: var(--amber-8);\n --warning-9: var(--amber-9);\n --warning-10: var(--amber-10);\n --warning-11: var(--amber-11);\n --warning-12: var(--amber-12);\n\n --info-1: var(--blue-1);\n --info-2: var(--blue-2);\n --info-3: var(--blue-3);\n --info-4: var(--blue-4);\n --info-5: var(--blue-5);\n --info-6: var(--blue-6);\n --info-7: var(--blue-7);\n --info-8: var(--blue-8);\n --info-9: var(--blue-9);\n --info-10: var(--blue-10);\n --info-11: var(--blue-11);\n --info-12: var(--blue-12);\n\n /* Foreground / text tokens */\n --color-foreground: #111111;\n --color-on-primary: var(--accent-contrast);\n --color-muted: var(--neutral-7);\n --color-border: var(--neutral-4);\n\n /* Map project semantic variables to Radix tokens so utility classes (e.g. .text-text)\n resolve to theme-aware colors when inside .radix-themes */\n --text: var(--color-foreground);\n --text-secondary: var(--color-muted);\n --text-muted: var(--color-muted);\n --text-input: var(--color-foreground);\n --bg-skeleton: var(--neutral-4);\n}\n\n/* Enforce utility text classes to use Radix semantic tokens when inside the theme container.\n This ensures components that rely on `.text-text` / `.text-textMuted` pick up\n theme-aware colors. */\n.radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/components/big-calendar-overrides.css","../src/styles/radix-brand-tokens.css"],"sourcesContent":["/* SPDX-License-Identifier: LicenseRef-Proprietary */\n/* Copyright (C) 2026, araCreate Group */\n/* Author: Kishor <kishor@aracreate.group> */\n/* Description: This file contains the react-big-calendar overrides that restyle it with Radix tokens */\n\n/* Restyles react-big-calendar's default look with Radix tokens — only\n * color/border/typography/spacing values change; all layout math (grid,\n * flex, absolute positioning for event columns) stays exactly as the\n * library ships it. See AGENTS.md: tokens only, no raw px for spacing. */\n\n.rbc-radix-scope,\n.rbc-radix-scope .rbc-calendar * {\n font-family: var(--font-poppins);\n}\n\n/* ── Toolbar — rendered by calendar-toolbar.tsx (real Radix Button/IconButton\n * components), not RBC's default <button> markup. It is a CHILD of\n * `.rbc-calendar` in RBC's actual render tree (same parent as the grid\n * view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`\n * is the class hook calendar-toolbar.tsx puts on its own root, so we can give\n * it padding + a divider that visually seams it to the grid below. */\n.rbc-radix-scope .calendar-toolbar {\n padding: var(--space-4) var(--space-4) var(--space-3);\n border-bottom: 1px solid var(--gray-4);\n}\n\n/* ── Grid chrome (borders, headers, today highlight) ───────────────────── */\n.rbc-radix-scope .rbc-calendar {\n border-radius: var(--radius-5);\n border: 1px solid var(--gray-5);\n box-shadow: var(--shadow-card);\n background: var(--color-panel-solid);\n overflow: hidden;\n}\n.rbc-radix-scope .rbc-header {\n color: var(--gray-10);\n font-weight: 600;\n font-size: var(--font-size-2);\n padding: var(--space-3) 0 var(--space-3);\n border-color: var(--gray-4) !important;\n /* RBC's base CSS sets overflow:hidden on this cell — the today-marker\n * circle in calendar-day-header.tsx needs room to render at full size. */\n overflow: visible;\n}\n/* CalendarDayHeader renders a two-row layout (weekday label + date circle)\n that is taller than RBC's assumed single-line header. Force the header\n content row to accommodate both rows without clipping. */\n.rbc-radix-scope .rbc-time-header-content > .rbc-row:first-child {\n min-height: calc(var(--space-6) + var(--font-size-1) + var(--space-3));\n}\n/* RBC's own header/grid divider — never targeted before, so it stayed at\n * the library's default #ddd instead of our theme's tokens and read as a\n * weak seam against the surrounding gray-3/gray-4 borders. */\n.rbc-radix-scope .rbc-time-header > .rbc-row:first-child {\n border-bottom: 1.5px solid var(--gray-6);\n}\n/* RBC's TimeGridHeader always renders an all-day event row directly below\n * the day-number header (DateContentRow with isAllDay:true) — this app has\n * no all-day event support (see calendar-mock.ts: AvailabilityBlock has no\n * allDay concept), so that row is always empty. Left visible, it added a\n * stray divider line under the header and picked up its own `.rbc-today`\n * wash, making today's header cell look like a tall blue block split by an\n * extra line rather than a clean header. Hide it — nothing can ever\n * populate it. */\n.rbc-radix-scope .rbc-allday-cell {\n display: none;\n}\n.rbc-radix-scope .rbc-month-view,\n.rbc-radix-scope .rbc-time-view,\n.rbc-radix-scope .rbc-time-header,\n.rbc-radix-scope .rbc-time-content,\n.rbc-radix-scope .rbc-day-bg,\n.rbc-radix-scope .rbc-month-row,\n.rbc-radix-scope .rbc-timeslot-group,\n.rbc-radix-scope .rbc-time-header-content,\n.rbc-radix-scope .rbc-header,\n.rbc-radix-scope .rbc-day-slot .rbc-time-slot {\n border-color: var(--gray-3) !important;\n}\n/* Hour boundaries stay a touch stronger than the half-hour sub-lines so the\n * grid reads as grouped hours instead of a uniform mesh. RBC's default\n * min-height (40px) doesn't leave room for our multi-line event card\n * (title + time range + location) even on 60-90min events — raise it so a\n * 30-min slot has enough vertical room for 2-3 short text lines. */\n.rbc-radix-scope .rbc-timeslot-group {\n border-color: var(--gray-4) !important;\n /* Our event card shows up to 3 stacked lines (title, time range,\n * location) on a 60min slot — needs real room, not RBC's 40px default. */\n min-height: calc(var(--space-9) + var(--space-6));\n}\n/* Today is marked by the amber circle on the date number alone (via\n * calendar-day-header.tsx in week view / .rbc-now below in month view) — no\n * full-column/full-cell background wash, which read as an oversized block\n * of color rather than a subtle marker. */\n.rbc-radix-scope .rbc-today {\n background-color: transparent;\n}\n/* RBC right-aligns the date number by default (text-align:right) — center\n * it at the top of each cell instead, with a touch of top padding so it\n * doesn't sit flush against the header border. */\n.rbc-radix-scope .rbc-date-cell {\n text-align: center;\n padding: var(--space-1) 0 var(--space-2);\n}\n/* Month view has no custom header component — mark today's date number with\n * a filled amber circle to match the week view's CalendarDayHeader marker. */\n.rbc-radix-scope .rbc-month-view .rbc-now .rbc-button-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--space-6);\n height: var(--space-6);\n border-radius: 50%;\n background: var(--accent-9);\n color: var(--accent-contrast);\n font-weight: 500;\n font-size: var(--font-size-3);\n line-height: 1;\n}\n.rbc-radix-scope .rbc-off-range-bg {\n background: var(--gray-2);\n}\n.rbc-radix-scope .rbc-off-range {\n color: var(--gray-11);\n}\n.rbc-radix-scope .rbc-label {\n color: var(--gray-11);\n font-size: var(--font-size-1);\n}\n.rbc-radix-scope .rbc-current-time-indicator {\n background-color: var(--accent-9);\n height: 2px;\n}\n.rbc-radix-scope .rbc-show-more {\n color: var(--accent-11);\n font-weight: 600;\n font-size: var(--font-size-1);\n}\n\n/* RBC reserves a fixed 10px right margin on the events container (its own\n * scrollbar-gutter allowance) — shrink it to a Radix space step so the\n * block doesn't look like it's leaving unexplained dead space when no\n * scrollbar is present. */\n.rbc-radix-scope .rbc-day-slot .rbc-events-container {\n margin-right: var(--space-1);\n}\n\n/* ── Events — base shape only; color comes from eventPropGetter per-event ──\n * Week view: solid-fill colored block (card shape, shadow, padding). Month\n * view: plain dot+text row (see components.month.event in BigCalendarView)\n * — no fill, so no card chrome needed, just enough padding to breathe. */\n.rbc-radix-scope .rbc-time-view .rbc-event {\n border-radius: var(--radius-3);\n padding: var(--space-1) var(--space-2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n /* Defensive backstop: content taller than the event's time-computed height\n * clips inside its own box instead of bleeding into the cell below. */\n overflow: hidden;\n}\n/* Chip styling (background, radius, padding) lives on the event content\n * itself in components.month.event — the .rbc-event wrapper just needs to\n * get out of the way so the chip isn't double-padded/double-boxed. */\n.rbc-radix-scope .rbc-month-view .rbc-event {\n padding: 0;\n background: none;\n box-shadow: none;\n}\n.rbc-radix-scope .rbc-event:focus {\n outline: 2px solid var(--accent-8);\n outline-offset: 1px;\n}\n.rbc-radix-scope .rbc-event-label {\n display: none; /* time is redundant with our custom event content */\n}\n.rbc-radix-scope .rbc-selected-cell {\n background-color: var(--accent-3);\n}\n\n/* ── Narrow container — the desktop row-height (~96px/hour, sized for a\n * 3-line week-view event card) and toolbar/header padding are too generous\n * once the calendar itself renders under ~480px wide (e.g. narrow mobile,\n * or the stacked-sidebar layout in CalendarMergedView). Scale both down so\n * the grid doesn't force excessive scrolling or crowd the toolbar. */\n@container (max-width: 480px) {\n .rbc-radix-scope .calendar-toolbar {\n padding: var(--space-3) var(--space-3) var(--space-2);\n }\n .rbc-radix-scope .rbc-header {\n padding: var(--space-2) 0;\n }\n .rbc-radix-scope .rbc-timeslot-group {\n min-height: var(--space-8);\n }\n /* At the smaller row height above, even a 60min+ event card no longer has\n * room for 3 stacked lines — drop to title-only regardless of duration.\n * (.rbc-event already clips overflow as a backstop; this avoids relying\n * on that and keeps text from ever getting cut off in the first place.) */\n .rbc-radix-scope .rbc-time-view .rbc-event > div > *:not(:first-child) {\n display: none;\n }\n}\n","/* SPDX-License-Identifier: LicenseRef-Proprietary */\n/* Copyright (C) 2026, araCreate Group */\n/* Author: Kishor <kishor@aracreate.group> */\n/* Description: This file contains the brand overrides of the Radix accent and gray scales */\n\n/*\n * ─────────────────────────────────────────────\n * Brand Token Overrides for Radix Themes\n * accentColor : #FFC936 (golden yellow)\n * grayColor : #8C8C8C (neutral gray)\n *\n * Step 9 is always exactly your brand hex.\n * Steps 1–8 → progressively lighter tints.\n * Steps 10–12 → progressively darker shades.\n *\n * Step usage:\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n *\n * Import this file AFTER @radix-ui/themes/styles.css\n * so these values override the defaults.\n * ─────────────────────────────────────────────\n */\n\n.radix-themes {\n\n /* Accent scale — #FFC936 anchored at step 9 */\n /*\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n */\n --accent-1: #fffef5;\n --accent-2: #fffce8;\n --accent-3: #fff8cc;\n --accent-4: #fff2a8;\n --accent-5: #ffe980;\n --accent-6: #ffd94d;\n --accent-7: #ffd236;\n --accent-8: #ffca20;\n --accent-9: #FFC936; /* ← exact brand accent */\n --accent-10: #f0b800; /* hover state */\n --accent-11: #7a5c00; /* accessible text on light bg */\n --accent-12: #3d2e00; /* high-contrast text */\n\n /* Alpha variants for accent */\n --accent-a1: #c0800004;\n --accent-a2: #ffc30015;\n --accent-a3: #ffcf003f;\n --accent-a4: #ffc90062;\n --accent-a5: #ffc20084;\n --accent-a6: #f6ae0089;\n --accent-a7: #d6960094;\n --accent-a8: #c78f00bf;\n --accent-a9: #ffc600e0;\n --accent-a10: #f9b700d1;\n --accent-a11: #997000;\n --accent-a12: #2a1e00df;\n --accent-surface: #fff9e5cc;\n --accent-indicator: #ffcd1f;\n --accent-track: #ffcd1f;\n\n /* Text ON accent-9 background — black for maximum contrast on yellow */\n --accent-contrast: #000000;\n\n /* Text ON semantic solid backgrounds (error-9, success-9, info-9, warning-9) */\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n /* Gray scale — #8C8C8C anchored at step 9 */\n --gray-1: #fafafa;\n --gray-2: #f4f4f4;\n --gray-3: #ebebeb;\n --gray-4: #e0e0e0;\n --gray-5: #d1d1d1;\n --gray-6: #bebebe;\n --gray-7: #a8a8a8;\n --gray-8: #989898;\n --gray-9: #8C8C8C; /* ← exact brand gray */\n --gray-10: #6e6e6e;\n --gray-11: #4a4a4a;\n --gray-12: #1a1a1a;\n\n --gray-a1: #00000003;\n --gray-a2: #00000006;\n --gray-a3: #00000010;\n --gray-a4: #00000017;\n --gray-a5: #0000001f;\n --gray-a6: #00000026;\n --gray-a7: #00000031;\n --gray-a8: #00000044;\n --gray-a9: #00000072;\n --gray-a10: #0000007c;\n --gray-a11: #0000009b;\n --gray-a12: #000000df;\n --gray-contrast: #FFFFFF;\n --gray-surface: #ffffffcc;\n --gray-indicator: #8d8d8d;\n --gray-track: #8d8d8d;\n\n /* Semantic aliases — consumed by Radix components internally */\n --color-background: var(--accent-1);\n --color-surface: #ffffff;\n --color-panel-solid: #ffffff;\n --color-panel-translucent: rgba(255, 255, 255, 0.85);\n\n /* Component-friendly aliases */\n --primary-1: var(--accent-1);\n --primary-2: var(--accent-2);\n --primary-3: var(--accent-3);\n --primary-4: var(--accent-4);\n --primary-5: var(--accent-5);\n --primary-6: var(--accent-6);\n --primary-7: var(--accent-7);\n --primary-8: var(--accent-8);\n --primary-9: var(--accent-9);\n --primary-10: var(--accent-10);\n --primary-11: var(--accent-11);\n --primary-12: var(--accent-12);\n\n --neutral-1: var(--gray-1);\n --neutral-2: var(--gray-2);\n --neutral-3: var(--gray-3);\n --neutral-4: var(--gray-4);\n --neutral-5: var(--gray-5);\n --neutral-6: var(--gray-6);\n --neutral-7: var(--gray-7);\n --neutral-8: var(--gray-8);\n --neutral-9: var(--gray-9);\n --neutral-10: var(--gray-10);\n --neutral-11: var(--gray-11);\n --neutral-12: var(--gray-12);\n\n /* Semantic scales → fixed Radix color scales */\n --error-1: var(--red-1);\n --error-2: var(--red-2);\n --error-3: var(--red-3);\n --error-4: var(--red-4);\n --error-5: var(--red-5);\n --error-6: var(--red-6);\n --error-7: var(--red-7);\n --error-8: var(--red-8);\n --error-9: var(--red-9);\n --error-10: var(--red-10);\n --error-11: var(--red-11);\n --error-12: var(--red-12);\n\n --success-1: var(--green-1);\n --success-2: var(--green-2);\n --success-3: var(--green-3);\n --success-4: var(--green-4);\n --success-5: var(--green-5);\n --success-6: var(--green-6);\n --success-7: var(--green-7);\n --success-8: var(--green-8);\n --success-9: var(--green-9);\n --success-10: var(--green-10);\n --success-11: var(--green-11);\n --success-12: var(--green-12);\n\n --warning-1: var(--amber-1);\n --warning-2: var(--amber-2);\n --warning-3: var(--amber-3);\n --warning-4: var(--amber-4);\n --warning-5: var(--amber-5);\n --warning-6: var(--amber-6);\n --warning-7: var(--amber-7);\n --warning-8: var(--amber-8);\n --warning-9: var(--amber-9);\n --warning-10: var(--amber-10);\n --warning-11: var(--amber-11);\n --warning-12: var(--amber-12);\n\n --info-1: var(--blue-1);\n --info-2: var(--blue-2);\n --info-3: var(--blue-3);\n --info-4: var(--blue-4);\n --info-5: var(--blue-5);\n --info-6: var(--blue-6);\n --info-7: var(--blue-7);\n --info-8: var(--blue-8);\n --info-9: var(--blue-9);\n --info-10: var(--blue-10);\n --info-11: var(--blue-11);\n --info-12: var(--blue-12);\n\n /* Foreground / text tokens */\n --color-foreground: #111111;\n --color-on-primary: var(--accent-contrast);\n --color-muted: var(--neutral-7);\n --color-border: var(--neutral-4);\n\n /* Map project semantic variables to Radix tokens so utility classes (e.g. .text-text)\n resolve to theme-aware colors when inside .radix-themes */\n --text: var(--color-foreground);\n --text-secondary: var(--color-muted);\n --text-muted: var(--color-muted);\n --text-input: var(--color-foreground);\n --bg-skeleton: var(--neutral-4);\n}\n\n/* Enforce utility text classes to use Radix semantic tokens when inside the theme container.\n This ensures components that rely on `.text-text` / `.text-textMuted` pick up\n theme-aware colors. */\n.radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n.radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n"],"mappings":"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","names":[]}
|