@estiva-app/ui 0.45.0 → 0.46.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/CollapsibleSection.d.ts +7 -1
- package/dist/CollapsibleSection.d.ts.map +1 -1
- package/dist/InlineChip.d.ts +1 -1
- package/dist/NavItem.d.ts +11 -1
- package/dist/NavItem.d.ts.map +1 -1
- package/dist/SectionHeader.d.ts +9 -1
- package/dist/SectionHeader.d.ts.map +1 -1
- package/dist/eslint/index.js +2 -1
- package/dist/eslint/index.js.map +2 -2
- package/dist/eslint/no-restyled-part.d.ts.map +1 -1
- package/dist/index.js +76 -37
- package/dist/index.js.map +2 -2
- package/dist/looks.d.ts +3 -0
- package/dist/looks.d.ts.map +1 -1
- package/package.json +1 -1
- package/registry.json +51 -9
- package/src/Chip.tsx +1 -1
- package/src/CollapsibleSection.mdx +5 -0
- package/src/CollapsibleSection.stories.tsx +5 -0
- package/src/CollapsibleSection.tsx +10 -3
- package/src/CommandPalette.tsx +1 -1
- package/src/InlineChip.test.tsx +1 -1
- package/src/InlineChip.tsx +1 -1
- package/src/NavItem.mdx +9 -0
- package/src/NavItem.stories.tsx +23 -0
- package/src/NavItem.tsx +56 -6
- package/src/Reaction.tsx +1 -1
- package/src/SectionHeader.mdx +9 -0
- package/src/SectionHeader.stories.tsx +15 -0
- package/src/SectionHeader.tsx +28 -7
- package/src/eslint/no-restyled-part.ts +2 -1
- package/src/looks.ts +4 -0
- package/tailwind-preset.js +1 -0
- package/tokens.css +19 -4
package/tokens.css
CHANGED
|
@@ -48,6 +48,9 @@
|
|
|
48
48
|
--accent-primary: #8B5CF6;
|
|
49
49
|
--accent-hover: #7C3AED;
|
|
50
50
|
--accent-muted: #EDE9FE;
|
|
51
|
+
/* The accent as TEXT: a tag's words, a mention. The accent itself unless a
|
|
52
|
+
theme's accent is too dark to read as text on its own ground (ship). */
|
|
53
|
+
--accent-text: #8B5CF6;
|
|
51
54
|
--text-interactive: #8B5CF6;
|
|
52
55
|
|
|
53
56
|
/* semantic */
|
|
@@ -129,6 +132,7 @@
|
|
|
129
132
|
--accent-primary: #A78BFA;
|
|
130
133
|
--accent-hover: #8B5CF6;
|
|
131
134
|
--accent-muted: #2E2554;
|
|
135
|
+
--accent-text: #A78BFA; /* the accent as text: the accent itself */
|
|
132
136
|
--text-interactive: #A78BFA;
|
|
133
137
|
|
|
134
138
|
/* semantic */
|
|
@@ -213,6 +217,7 @@
|
|
|
213
217
|
--accent-primary: #56c8ff;
|
|
214
218
|
--accent-hover: #8ad6ff;
|
|
215
219
|
--accent-muted: rgba(86, 200, 255, 0.11);
|
|
220
|
+
--accent-text: #56c8ff; /* the accent as text: the accent itself */
|
|
216
221
|
--text-interactive: #8ad6ff;
|
|
217
222
|
|
|
218
223
|
/* semantic (amber is the attention color) */
|
|
@@ -303,12 +308,21 @@
|
|
|
303
308
|
/* accent — blue with a touch of purple; light text on it reads at 4.9:1 */
|
|
304
309
|
--accent-primary: #4b58d4;
|
|
305
310
|
--accent-hover: #5c69dc;
|
|
306
|
-
|
|
307
|
-
|
|
311
|
+
/* Grey, not navy (Katerina, 30 September): the navy behind a tag, a
|
|
312
|
+
mention, a reaction and an info banner was hard to look at. The blue is
|
|
313
|
+
only the words now — the same grey a neutral tag sits on. */
|
|
314
|
+
--accent-muted: var(--bg-inset);
|
|
315
|
+
/* The accent as text: #4b58d4 read at 2.7:1 on a tag and 3.1:1 on the
|
|
316
|
+
page. This reads at 6.6:1 on a tag (Katerina's pick, "2", 30 September). */
|
|
317
|
+
--accent-text: #9ca3e7;
|
|
318
|
+
--text-interactive: #9ca3e7;
|
|
308
319
|
|
|
309
320
|
/* semantic */
|
|
310
|
-
|
|
311
|
-
|
|
321
|
+
/* Info is only ever text and a small icon (a link, an info banner, an info
|
|
322
|
+
tag, Ship's In Progress icon): lightened with the accent, 4.0:1 → 6.9:1
|
|
323
|
+
on its banner. */
|
|
324
|
+
--info-default: #94a9f0;
|
|
325
|
+
--info-muted: var(--bg-inset);
|
|
312
326
|
--warning-default: #e0b04a;
|
|
313
327
|
--warning-muted: #3a2f14;
|
|
314
328
|
--success-default: #46c08a;
|
|
@@ -398,6 +412,7 @@
|
|
|
398
412
|
--accent-primary: #5e69d1; /* --focus-ring-color, the selection's colour */
|
|
399
413
|
--accent-hover: #6b75df; /* not named in Linear's set: the indigo beside it in the app's own values */
|
|
400
414
|
--accent-muted: #EDE9FE; /* light */
|
|
415
|
+
--accent-text: #5e69d1; /* the accent as text: the accent itself */
|
|
401
416
|
|
|
402
417
|
/* semantic — light, until Linear's are read */
|
|
403
418
|
--info-default: #3B82F6;
|