mlola-ui 1.0.6 → 1.0.8

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mlola-ui",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "description": "Source-copy CLI that writes framework-free Mlola UI items into your project",
5
5
  "type": "module",
6
6
  "bin": {
@@ -41,23 +41,28 @@
41
41
  },
42
42
  {
43
43
  "group": "Color roles",
44
- "purpose": "Each role is a fill with its `-foreground`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.",
44
+ "purpose": "Each role is a fill with its `-foreground` and `-hover`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.",
45
45
  "names": [
46
46
  "--ml-primary",
47
47
  "--ml-primary-foreground",
48
+ "--ml-primary-hover",
48
49
  "--ml-primary-text",
49
50
  "--ml-primary-subtle",
50
51
  "--ml-success",
51
52
  "--ml-success-foreground",
53
+ "--ml-success-hover",
52
54
  "--ml-success-text",
53
55
  "--ml-warning",
54
56
  "--ml-warning-foreground",
57
+ "--ml-warning-hover",
55
58
  "--ml-warning-text",
56
59
  "--ml-danger",
57
60
  "--ml-danger-foreground",
61
+ "--ml-danger-hover",
58
62
  "--ml-danger-text",
59
63
  "--ml-info",
60
64
  "--ml-info-foreground",
65
+ "--ml-info-hover",
61
66
  "--ml-info-text"
62
67
  ]
63
68
  },
@@ -78,7 +83,6 @@
78
83
  "purpose": "Focus, hover and pressed fills, tracks, the veil behind overlays, light and knobs.",
79
84
  "names": [
80
85
  "--ml-focus",
81
- "--ml-primary-hover",
82
86
  "--ml-fill-hover",
83
87
  "--ml-fill-active",
84
88
  "--ml-track",
@@ -56,12 +56,12 @@ Values change with the theme and the mode, the names never do.
56
56
 
57
57
  - **Planes and ink.** Backgrounds, surfaces, the three levels of text, borders.
58
58
  `--ml-background` `--ml-background-subtle` `--ml-surface` `--ml-surface-elevated` `--ml-text` `--ml-text-muted` `--ml-text-faint` `--ml-border` `--ml-border-subtle`
59
- - **Color roles.** Each role is a fill with its `-foreground`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.
60
- `--ml-primary` `--ml-primary-foreground` `--ml-primary-text` `--ml-primary-subtle` `--ml-success` `--ml-success-foreground` `--ml-success-text` `--ml-warning` `--ml-warning-foreground` `--ml-warning-text` `--ml-danger` `--ml-danger-foreground` `--ml-danger-text` `--ml-info` `--ml-info-foreground` `--ml-info-text`
59
+ - **Color roles.** Each role is a fill with its `-foreground` and `-hover`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.
60
+ `--ml-primary` `--ml-primary-foreground` `--ml-primary-hover` `--ml-primary-text` `--ml-primary-subtle` `--ml-success` `--ml-success-foreground` `--ml-success-hover` `--ml-success-text` `--ml-warning` `--ml-warning-foreground` `--ml-warning-hover` `--ml-warning-text` `--ml-danger` `--ml-danger-foreground` `--ml-danger-hover` `--ml-danger-text` `--ml-info` `--ml-info-foreground` `--ml-info-hover` `--ml-info-text`
61
61
  - **Charts.** A categorical palette for series, 3:1 on the surface. Never a status.
62
62
  `--ml-chart-1` `--ml-chart-2` `--ml-chart-3` `--ml-chart-4` `--ml-chart-5` `--ml-chart-6`
63
63
  - **Interaction and light.** Focus, hover and pressed fills, tracks, the veil behind overlays, light and knobs.
64
- `--ml-focus` `--ml-primary-hover` `--ml-fill-hover` `--ml-fill-active` `--ml-track` `--ml-control-border` `--ml-ring` `--ml-scrim` `--ml-highlight` `--ml-knob` `--ml-knob-shadow` `--ml-sheen`
64
+ `--ml-focus` `--ml-fill-hover` `--ml-fill-active` `--ml-track` `--ml-control-border` `--ml-ring` `--ml-scrim` `--ml-highlight` `--ml-knob` `--ml-knob-shadow` `--ml-sheen`
65
65
  - **Spacing.** The only spacing: gaps, padding, margins, offsets.
66
66
  `--ml-space-px` `--ml-space-0-5` `--ml-space-1` `--ml-space-1-5` `--ml-space-2` `--ml-space-2-5` `--ml-space-3` `--ml-space-3-5` `--ml-space-4` `--ml-space-4-5` `--ml-space-5` `--ml-space-6` `--ml-space-7` `--ml-space-8` `--ml-space-9` `--ml-space-10` `--ml-space-12` `--ml-space-14` `--ml-space-16`
67
67
  - **Type.** The only type sizes, line heights, families and weights.
@@ -188,6 +188,7 @@ correct. This table is read out of the stylesheet, so it is never stale.
188
188
  | `.ml-context-menu-item` | `aria-disabled` | `true` |
189
189
  | `.ml-context-menu-item` | `data-danger` | _presence only_ |
190
190
  | `.ml-context-menu-item` | `data-highlighted` | _presence only_ |
191
+ | `.ml-copy-button` | `data-status` | `error` |
191
192
  | `.ml-date-picker-panel` | `data-presets` | _presence only_ |
192
193
  | `.ml-date-picker-trigger` | `data-empty` | _presence only_ |
193
194
  | `.ml-dropdown-item` | `data-danger` | _presence only_ |
@@ -219,6 +220,8 @@ correct. This table is read out of the stylesheet, so it is never stale.
219
220
  | `.ml-otp` | `data-invalid` | _presence only_ |
220
221
  | `.ml-pagination-button` | `aria-current` | `page` |
221
222
  | `.ml-pagination-button` | `data-state` | `active` |
223
+ | `.ml-password-input-strength` | `data-strength` | `medium`, `strong`, `weak` |
224
+ | `.ml-password-input-toggle` | `aria-pressed` | `true` |
222
225
  | `.ml-popover` | `data-side` | `bottom`, `left`, `right`, `top` |
223
226
  | `.ml-priority-icon` | `data-priority` | `high`, `none`, `urgent` |
224
227
  | `.ml-progress-root` | `data-active` | _presence only_ |
@@ -247,6 +250,7 @@ correct. This table is read out of the stylesheet, so it is never stale.
247
250
  | `.ml-sidebar-title` | `data-collapsible` | _presence only_ |
248
251
  | `.ml-skeleton` | `data-rounded` | `none` |
249
252
  | `.ml-slider-field` | `data-size` | `sm` |
253
+ | `.ml-spinner` | `data-size` | `lg`, `sm` |
250
254
  | `.ml-status-icon` | `data-status` | `backlog`, `canceled`, `done`, `in-progress`, `in-review` |
251
255
  | `.ml-stepper` | `data-orientation` | `horizontal`, `vertical` |
252
256
  | `.ml-stepper-step` | `data-status` | `complete`, `current`, `error`, `upcoming` |