eco-vue-js 0.25.1 → 0.25.2

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.
Files changed (5) hide show
  1. package/dist/components/MenuItem/WMenuItem.vue_vue_type_script_setup_true_lang.js +1 -1
  2. package/docs/guide/theming.md +5 -5
  3. package/docs/llms.txt +1 -1
  4. package/package.json +1 -1
  5. package/tailwind-base/css/theme.css +9 -5
package/dist/components/MenuItem/WMenuItem.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -45,7 +45,7 @@ var WMenuItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
45
45
  "hover:text-tone cursor-pointer": !__props.disabled && !__props.loading,
46
46
  "cursor-not-allowed opacity-50": __props.disabled,
47
47
  "text-tone": __props.active && !__props.disabled,
48
- "text-description": !__props.active && !toned.value || __props.disabled,
48
+ "text-accent": !__props.active && !toned.value || __props.disabled,
49
49
  "cursor-progress": __props.loading
50
50
  }],
51
51
  disabled: __props.disabled,
package/docs/guide/theming.md CHANGED
@@ -212,7 +212,7 @@ To make a theme from a description — "a warm, rounded theme for a finance dash
212
212
 
213
213
  | Key | Default | Controls |
214
214
  | --- | --- | --- |
215
- | `color-primary` | `oklch(55% 0.17 286.8)` | Fills, links, focus and selection |
215
+ | `color-primary` | `oklch(62% 0.17 286.8)` | Fills, links, focus and selection |
216
216
  | `color-primary-dark` | `primary` | The same in dark mode |
217
217
  | `color-primary-light` | `primary` 10% over `default` | List headers and the backdrop in light mode |
218
218
  | `color-primary-darkest` | `primary-dark` 20% over `default-dark` | The same in dark mode |
@@ -220,10 +220,10 @@ To make a theme from a description — "a warm, rounded theme for a finance dash
220
220
  | `color-default` | `#ffffff` | Page and card background in light mode |
221
221
  | `color-default-dark` | `oklch(21% 0.006 285.885)`, zinc's 900 | Page and card background in dark mode |
222
222
  | `color-black-default` | `#333333` | Main text in light mode |
223
- | `color-negative` | `oklch(57% 0.2 24.1)` | Errors and destructive actions |
224
- | `color-positive` | `oklch(54% 0.148 150)` | Success |
225
- | `color-warning` | `oklch(82% 0.16 85)` | Warnings; black text on the fill |
226
- | `color-info` | `oklch(55% 0.16 262.6)` | Information |
223
+ | `color-negative` | `oklch(64% 0.2 24.1)` | Errors and destructive actions |
224
+ | `color-positive` | `oklch(69% 0.148 150)` | Success |
225
+ | `color-warning` | `oklch(85% 0.16 85)` | Warnings; black text on the fill |
226
+ | `color-info` | `oklch(63% 0.16 262.6)` | Information |
227
227
  | `color-*-dark` | the light value | Each status color in dark mode |
228
228
  | `color-data-*` | Tailwind's hues at mid lightness: white text on all but orange and amber; gray is the scale's 500 | [Data palette](#data-palette) |
229
229
  | `role-*`, `role-*-dark` | see [Roles](#roles) | One role, per mode |
package/docs/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # eco-vue-js
2
2
 
3
- > Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.25.1, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
3
+ > Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.25.2, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
4
4
 
5
5
  Release notes, for what changed between versions: https://github.com/rsmple/eco-vue-js/releases. The docs site, with live demos: https://rsmple.github.io/eco-vue-js/
6
6
 
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "https://github.com/rsmple/eco-vue-js.git"
6
6
  },
7
- "version": "0.25.1",
7
+ "version": "0.25.2",
8
8
  "homepage": "https://rsmple.github.io/eco-vue-js/",
9
9
  "dependencies": {
10
10
  "@stylistic/eslint-plugin": "5.10.0",
package/tailwind-base/css/theme.css CHANGED
@@ -12,7 +12,7 @@
12
12
  * Fills are dark enough for white text and light enough to stand out on the dark surface, so one value serves both
13
13
  * modes; text shades and the text on fills are derived from them (roles.css).
14
14
  */
15
- --color-primary: oklch(55% 0.17 286.8);
15
+ --color-primary: oklch(62% 0.17 286.8);
16
16
  --color-primary-dark: var(--color-primary);
17
17
  --color-primary-light: color-mix(in oklab, var(--color-primary) 7%, var(--color-default));
18
18
  --color-primary-darkest: color-mix(in oklab, var(--color-primary-dark) 10%, var(--color-default-dark));
@@ -46,13 +46,17 @@
46
46
  --color-slate-900: oklch(20.8% 0.042 265.755);
47
47
  --color-slate-950: oklch(12.9% 0.042 264.695);
48
48
 
49
- --color-negative: oklch(57% 0.2 24.1);
49
+ /*
50
+ * Status fills are lighter than the primary: white text on them keeps APCA Lc 64–69 rather than 80, still clear of
51
+ * the 60 it needs, so a badge or an alert doesn't weigh more than the content beside it.
52
+ */
53
+ --color-negative: oklch(64% 0.2 24.1);
50
54
  --color-negative-dark: var(--color-negative);
51
- --color-positive: oklch(54% 0.148 150);
55
+ --color-positive: oklch(69% 0.148 150);
52
56
  --color-positive-dark: var(--color-positive);
53
- --color-warning: oklch(82% 0.16 85);
57
+ --color-warning: oklch(85% 0.16 85);
54
58
  --color-warning-dark: var(--color-warning);
55
- --color-info: oklch(55% 0.16 262.6);
59
+ --color-info: oklch(63% 0.16 262.6);
56
60
  --color-info-dark: var(--color-info);
57
61
 
58
62
  /*