@arun-dev/tokens 0.35.0 → 0.36.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/dist/createBrand.cjs +5 -1
- package/dist/createBrand.js +5 -1
- package/package.json +1 -1
- package/src/components/calendar.css +20 -0
- package/src/createBrand.ts +4 -0
package/dist/createBrand.cjs
CHANGED
|
@@ -199,7 +199,11 @@ var CONTRAST_REQUIREMENTS = [
|
|
|
199
199
|
{ foreground: "--color-status-error", background: "--color-status-error-bg", min: 4.5 },
|
|
200
200
|
{ foreground: "--color-status-warning", background: "--color-status-warning-bg", min: 4.5 },
|
|
201
201
|
{ foreground: "--color-status-info", background: "--color-status-info-bg", min: 4.5 },
|
|
202
|
-
{ foreground: "--color-status-info", background: "--color-bg-primary", min: 3 }
|
|
202
|
+
{ foreground: "--color-status-info", background: "--color-bg-primary", min: 3 },
|
|
203
|
+
// Calendar day tags: a holiday's number as text, the other marks as shapes on the page.
|
|
204
|
+
{ foreground: "--color-status-error", background: "--color-bg-primary", min: 4.5 },
|
|
205
|
+
{ foreground: "--color-status-warning", background: "--color-bg-primary", min: 3 },
|
|
206
|
+
{ foreground: "--color-status-success", background: "--color-bg-primary", min: 3 }
|
|
203
207
|
];
|
|
204
208
|
var BRAND_VAR = /^var\(--color-brand-(\d+)\)$/;
|
|
205
209
|
var NEUTRAL_VAR = /^var\(--color-neutral-(\d+)\)$/;
|
package/dist/createBrand.js
CHANGED
|
@@ -171,7 +171,11 @@ var CONTRAST_REQUIREMENTS = [
|
|
|
171
171
|
{ foreground: "--color-status-error", background: "--color-status-error-bg", min: 4.5 },
|
|
172
172
|
{ foreground: "--color-status-warning", background: "--color-status-warning-bg", min: 4.5 },
|
|
173
173
|
{ foreground: "--color-status-info", background: "--color-status-info-bg", min: 4.5 },
|
|
174
|
-
{ foreground: "--color-status-info", background: "--color-bg-primary", min: 3 }
|
|
174
|
+
{ foreground: "--color-status-info", background: "--color-bg-primary", min: 3 },
|
|
175
|
+
// Calendar day tags: a holiday's number as text, the other marks as shapes on the page.
|
|
176
|
+
{ foreground: "--color-status-error", background: "--color-bg-primary", min: 4.5 },
|
|
177
|
+
{ foreground: "--color-status-warning", background: "--color-bg-primary", min: 3 },
|
|
178
|
+
{ foreground: "--color-status-success", background: "--color-bg-primary", min: 3 }
|
|
175
179
|
];
|
|
176
180
|
var BRAND_VAR = /^var\(--color-brand-(\d+)\)$/;
|
|
177
181
|
var NEUTRAL_VAR = /^var\(--color-neutral-(\d+)\)$/;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arun-dev/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.36.0",
|
|
4
4
|
"description": "Pure-CSS design tokens with white-label brand generation — primitives, brand palettes, semantic layers, and the createBrand() generator",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -29,6 +29,26 @@
|
|
|
29
29
|
--calendar-select-border-color: var(--color-border-default);
|
|
30
30
|
--calendar-select-bg: var(--color-bg-primary);
|
|
31
31
|
|
|
32
|
+
/* Day tags — a muted weekend, and one mark per day for its highest-priority tag */
|
|
33
|
+
--calendar-tag-weekend-color: var(--color-text-secondary);
|
|
34
|
+
--calendar-tag-holiday-color: var(--color-status-error);
|
|
35
|
+
--calendar-tag-festival-color: var(--color-status-warning);
|
|
36
|
+
--calendar-tag-birthday-color: var(--color-status-info);
|
|
37
|
+
--calendar-tag-booked-color: var(--color-text-muted);
|
|
38
|
+
/* A day's mark colour: set per tag, or per day by tagStyles; the text's colour otherwise. */
|
|
39
|
+
--calendar-day-mark-color: currentColor;
|
|
40
|
+
--calendar-mark-size: 0.3125rem;
|
|
41
|
+
--calendar-mark-offset: var(--space-3xs);
|
|
42
|
+
|
|
43
|
+
/* The details card */
|
|
44
|
+
--calendar-details-max-width: 16rem;
|
|
45
|
+
--calendar-details-padding: var(--space-2xs);
|
|
46
|
+
--calendar-details-radius: var(--radius-sm);
|
|
47
|
+
--calendar-details-bg: var(--color-bg-inverse);
|
|
48
|
+
--calendar-details-color: var(--color-text-inverse);
|
|
49
|
+
--calendar-details-font-size: var(--text-xs);
|
|
50
|
+
--calendar-details-offset: var(--space-3xs);
|
|
51
|
+
|
|
32
52
|
/* Previous and Next */
|
|
33
53
|
--calendar-nav-size: 2rem;
|
|
34
54
|
--calendar-nav-color: var(--color-text-secondary);
|
package/src/createBrand.ts
CHANGED
|
@@ -285,6 +285,10 @@ export const CONTRAST_REQUIREMENTS: readonly {
|
|
|
285
285
|
{ foreground: '--color-status-warning', background: '--color-status-warning-bg', min: 4.5 },
|
|
286
286
|
{ foreground: '--color-status-info', background: '--color-status-info-bg', min: 4.5 },
|
|
287
287
|
{ foreground: '--color-status-info', background: '--color-bg-primary', min: 3 },
|
|
288
|
+
// Calendar day tags: a holiday's number as text, the other marks as shapes on the page.
|
|
289
|
+
{ foreground: '--color-status-error', background: '--color-bg-primary', min: 4.5 },
|
|
290
|
+
{ foreground: '--color-status-warning', background: '--color-bg-primary', min: 3 },
|
|
291
|
+
{ foreground: '--color-status-success', background: '--color-bg-primary', min: 3 },
|
|
288
292
|
];
|
|
289
293
|
|
|
290
294
|
const BRAND_VAR = /^var\(--color-brand-(\d+)\)$/;
|