@mlola-ui/engine 1.1.2 → 1.1.4
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/generated/agents.json +4 -0
- package/generated/agents.md +2 -1
- package/generated/assets.json +34 -34
- package/generated/recipes.css +6 -0
- package/package.json +1 -1
package/generated/agents.json
CHANGED
|
@@ -339,6 +339,10 @@
|
|
|
339
339
|
"name": "ml-link",
|
|
340
340
|
"note": "A glyph inside a link flows with the text instead of breaking the line."
|
|
341
341
|
},
|
|
342
|
+
{
|
|
343
|
+
"name": "ml-link-external",
|
|
344
|
+
"note": "The mark after a link to another site, which opens in a new tab."
|
|
345
|
+
},
|
|
342
346
|
{
|
|
343
347
|
"name": "ml-page-shell",
|
|
344
348
|
"note": "The navigation, main and footer are grid items; they may be narrower than their widest content (a table that scrolls), so the page never does."
|
package/generated/agents.md
CHANGED
|
@@ -128,11 +128,12 @@ Compose pages from these before writing layout CSS: sections, stacks,
|
|
|
128
128
|
clusters, grids, headings, forms, stats. They read the same tokens as every
|
|
129
129
|
component, so a page built from them themes with the rest.
|
|
130
130
|
|
|
131
|
-
`.ml-actions` `.ml-brand` `.ml-brand-mark` `.ml-brand-name` `.ml-chart` `.ml-chart-bar` `.ml-chart-bars` `.ml-chart-heading` `.ml-check-list` `.ml-cluster` `.ml-definition-list` `.ml-display` `.ml-divider` `.ml-empty-state` `.ml-eyebrow` `.ml-filter-chip` `.ml-filter-group` `.ml-fine-print` `.ml-form` `.ml-form-message` `.ml-form-options` `.ml-grid` `.ml-heading` `.ml-icon-chip` `.ml-inline-form` `.ml-inline-form-field` `.ml-label` `.ml-lede` `.ml-link` `.ml-page-shell` `.ml-person` `.ml-person-copy` `.ml-positive` `.ml-price` `.ml-required-mark` `.ml-section` `.ml-section-description` `.ml-section-header` `.ml-section-header-centered` `.ml-section-muted` `.ml-section-shell` `.ml-stack` `.ml-stat` `.ml-stat-card` `.ml-stat-grid` `.ml-stat-list` `.ml-stat-meta` `.ml-stat-value` `.ml-text-primary` `.ml-value`
|
|
131
|
+
`.ml-actions` `.ml-brand` `.ml-brand-mark` `.ml-brand-name` `.ml-chart` `.ml-chart-bar` `.ml-chart-bars` `.ml-chart-heading` `.ml-check-list` `.ml-cluster` `.ml-definition-list` `.ml-display` `.ml-divider` `.ml-empty-state` `.ml-eyebrow` `.ml-filter-chip` `.ml-filter-group` `.ml-fine-print` `.ml-form` `.ml-form-message` `.ml-form-options` `.ml-grid` `.ml-heading` `.ml-icon-chip` `.ml-inline-form` `.ml-inline-form-field` `.ml-label` `.ml-lede` `.ml-link` `.ml-link-external` `.ml-page-shell` `.ml-person` `.ml-person-copy` `.ml-positive` `.ml-price` `.ml-required-mark` `.ml-section` `.ml-section-description` `.ml-section-header` `.ml-section-header-centered` `.ml-section-muted` `.ml-section-shell` `.ml-stack` `.ml-stat` `.ml-stat-card` `.ml-stat-grid` `.ml-stat-list` `.ml-stat-meta` `.ml-stat-value` `.ml-text-primary` `.ml-value`
|
|
132
132
|
|
|
133
133
|
- `.ml-brand-mark` — A brand's own logo takes the mark's place: no chip, the text color, the mark's size.
|
|
134
134
|
- `.ml-check-list` — A list of benefits, each after a check. Pricing tiers and feature rows share it.
|
|
135
135
|
- `.ml-link` — A glyph inside a link flows with the text instead of breaking the line.
|
|
136
|
+
- `.ml-link-external` — The mark after a link to another site, which opens in a new tab.
|
|
136
137
|
- `.ml-page-shell` — The navigation, main and footer are grid items; they may be narrower than their widest content (a table that scrolls), so the page never does.
|
|
137
138
|
- `.ml-section` — A section a link jumps to clears the sticky navigation bar.
|
|
138
139
|
|
package/generated/assets.json
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"id": "IconArrowRight",
|
|
37
37
|
"title": "IconArrowRight",
|
|
38
38
|
"name": "IconArrowRight",
|
|
39
|
-
"group": "
|
|
39
|
+
"group": "Workspace & action glyphs"
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
42
|
"id": "IconArrowUp",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"id": "IconArrowUpRight",
|
|
55
55
|
"title": "IconArrowUpRight",
|
|
56
56
|
"name": "IconArrowUpRight",
|
|
57
|
-
"group": "
|
|
57
|
+
"group": "Workspace & action glyphs"
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
60
|
"id": "IconBan",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"id": "IconBlocks",
|
|
79
79
|
"title": "IconBlocks",
|
|
80
80
|
"name": "IconBlocks",
|
|
81
|
-
"group": "
|
|
81
|
+
"group": "Brand & theme glyphs"
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
84
|
"id": "IconBold",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"id": "IconBox3D",
|
|
97
97
|
"title": "IconBox3D",
|
|
98
98
|
"name": "IconBox3D",
|
|
99
|
-
"group": "
|
|
99
|
+
"group": "Brand & theme glyphs"
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"id": "IconBrain",
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"id": "IconCheck",
|
|
115
115
|
"title": "IconCheck",
|
|
116
116
|
"name": "IconCheck",
|
|
117
|
-
"group": "
|
|
117
|
+
"group": "Workspace & action glyphs"
|
|
118
118
|
},
|
|
119
119
|
{
|
|
120
120
|
"id": "IconCheckSquare",
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
"id": "IconChevronDown",
|
|
127
127
|
"title": "IconChevronDown",
|
|
128
128
|
"name": "IconChevronDown",
|
|
129
|
-
"group": "
|
|
129
|
+
"group": "Workspace & action glyphs"
|
|
130
130
|
},
|
|
131
131
|
{
|
|
132
132
|
"id": "IconChevronLeft",
|
|
@@ -234,13 +234,13 @@
|
|
|
234
234
|
"id": "IconCommand",
|
|
235
235
|
"title": "IconCommand",
|
|
236
236
|
"name": "IconCommand",
|
|
237
|
-
"group": "
|
|
237
|
+
"group": "Workspace & action glyphs"
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"id": "IconCopy",
|
|
241
241
|
"title": "IconCopy",
|
|
242
242
|
"name": "IconCopy",
|
|
243
|
-
"group": "
|
|
243
|
+
"group": "Workspace & action glyphs"
|
|
244
244
|
},
|
|
245
245
|
{
|
|
246
246
|
"id": "IconCreditCard",
|
|
@@ -270,7 +270,7 @@
|
|
|
270
270
|
"id": "IconEdit",
|
|
271
271
|
"title": "IconEdit",
|
|
272
272
|
"name": "IconEdit",
|
|
273
|
-
"group": "
|
|
273
|
+
"group": "Workspace & action glyphs"
|
|
274
274
|
},
|
|
275
275
|
{
|
|
276
276
|
"id": "IconEraser",
|
|
@@ -288,13 +288,13 @@
|
|
|
288
288
|
"id": "IconEye",
|
|
289
289
|
"title": "IconEye",
|
|
290
290
|
"name": "IconEye",
|
|
291
|
-
"group": "
|
|
291
|
+
"group": "Workspace & action glyphs"
|
|
292
292
|
},
|
|
293
293
|
{
|
|
294
294
|
"id": "IconEyeOff",
|
|
295
295
|
"title": "IconEyeOff",
|
|
296
296
|
"name": "IconEyeOff",
|
|
297
|
-
"group": "
|
|
297
|
+
"group": "Workspace & action glyphs"
|
|
298
298
|
},
|
|
299
299
|
{
|
|
300
300
|
"id": "IconFile",
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
"id": "IconFilePlus",
|
|
307
307
|
"title": "IconFilePlus",
|
|
308
308
|
"name": "IconFilePlus",
|
|
309
|
-
"group": "
|
|
309
|
+
"group": "Workspace & action glyphs"
|
|
310
310
|
},
|
|
311
311
|
{
|
|
312
312
|
"id": "IconFilter",
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
"id": "IconFolderOpen",
|
|
331
331
|
"title": "IconFolderOpen",
|
|
332
332
|
"name": "IconFolderOpen",
|
|
333
|
-
"group": "
|
|
333
|
+
"group": "Workspace & action glyphs"
|
|
334
334
|
},
|
|
335
335
|
{
|
|
336
336
|
"id": "IconGitBranch",
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
"id": "IconLayers",
|
|
427
427
|
"title": "IconLayers",
|
|
428
428
|
"name": "IconLayers",
|
|
429
|
-
"group": "
|
|
429
|
+
"group": "Brand & theme glyphs"
|
|
430
430
|
},
|
|
431
431
|
{
|
|
432
432
|
"id": "IconLayoutGrid",
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
"id": "IconLock",
|
|
475
475
|
"title": "IconLock",
|
|
476
476
|
"name": "IconLock",
|
|
477
|
-
"group": "
|
|
477
|
+
"group": "Workspace & action glyphs"
|
|
478
478
|
},
|
|
479
479
|
{
|
|
480
480
|
"id": "IconLogIn",
|
|
@@ -546,13 +546,13 @@
|
|
|
546
546
|
"id": "IconMonitor",
|
|
547
547
|
"title": "IconMonitor",
|
|
548
548
|
"name": "IconMonitor",
|
|
549
|
-
"group": "
|
|
549
|
+
"group": "Workspace & action glyphs"
|
|
550
550
|
},
|
|
551
551
|
{
|
|
552
552
|
"id": "IconMoon",
|
|
553
553
|
"title": "IconMoon",
|
|
554
554
|
"name": "IconMoon",
|
|
555
|
-
"group": "
|
|
555
|
+
"group": "Workspace & action glyphs"
|
|
556
556
|
},
|
|
557
557
|
{
|
|
558
558
|
"id": "IconMoreHorizontal",
|
|
@@ -570,13 +570,13 @@
|
|
|
570
570
|
"id": "IconMotion",
|
|
571
571
|
"title": "IconMotion",
|
|
572
572
|
"name": "IconMotion",
|
|
573
|
-
"group": "
|
|
573
|
+
"group": "Brand & theme glyphs"
|
|
574
574
|
},
|
|
575
575
|
{
|
|
576
576
|
"id": "IconPalette",
|
|
577
577
|
"title": "IconPalette",
|
|
578
578
|
"name": "IconPalette",
|
|
579
|
-
"group": "
|
|
579
|
+
"group": "Brand & theme glyphs"
|
|
580
580
|
},
|
|
581
581
|
{
|
|
582
582
|
"id": "IconPanelLeft",
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
"id": "IconSearch",
|
|
661
661
|
"title": "IconSearch",
|
|
662
662
|
"name": "IconSearch",
|
|
663
|
-
"group": "
|
|
663
|
+
"group": "Workspace & action glyphs"
|
|
664
664
|
},
|
|
665
665
|
{
|
|
666
666
|
"id": "IconSend",
|
|
@@ -678,13 +678,13 @@
|
|
|
678
678
|
"id": "IconShare",
|
|
679
679
|
"title": "IconShare",
|
|
680
680
|
"name": "IconShare",
|
|
681
|
-
"group": "
|
|
681
|
+
"group": "Workspace & action glyphs"
|
|
682
682
|
},
|
|
683
683
|
{
|
|
684
684
|
"id": "IconShield",
|
|
685
685
|
"title": "IconShield",
|
|
686
686
|
"name": "IconShield",
|
|
687
|
-
"group": "
|
|
687
|
+
"group": "Workspace & action glyphs"
|
|
688
688
|
},
|
|
689
689
|
{
|
|
690
690
|
"id": "IconShoppingCart",
|
|
@@ -696,19 +696,19 @@
|
|
|
696
696
|
"id": "IconSliders",
|
|
697
697
|
"title": "IconSliders",
|
|
698
698
|
"name": "IconSliders",
|
|
699
|
-
"group": "
|
|
699
|
+
"group": "Workspace & action glyphs"
|
|
700
700
|
},
|
|
701
701
|
{
|
|
702
702
|
"id": "IconSmartphone",
|
|
703
703
|
"title": "IconSmartphone",
|
|
704
704
|
"name": "IconSmartphone",
|
|
705
|
-
"group": "
|
|
705
|
+
"group": "Workspace & action glyphs"
|
|
706
706
|
},
|
|
707
707
|
{
|
|
708
708
|
"id": "IconSpark",
|
|
709
709
|
"title": "IconSpark",
|
|
710
710
|
"name": "IconSpark",
|
|
711
|
-
"group": "
|
|
711
|
+
"group": "Brand & theme glyphs"
|
|
712
712
|
},
|
|
713
713
|
{
|
|
714
714
|
"id": "IconSquare",
|
|
@@ -744,7 +744,7 @@
|
|
|
744
744
|
"id": "IconSun",
|
|
745
745
|
"title": "IconSun",
|
|
746
746
|
"name": "IconSun",
|
|
747
|
-
"group": "
|
|
747
|
+
"group": "Workspace & action glyphs"
|
|
748
748
|
},
|
|
749
749
|
{
|
|
750
750
|
"id": "IconTag",
|
|
@@ -756,13 +756,13 @@
|
|
|
756
756
|
"id": "IconTemplate",
|
|
757
757
|
"title": "IconTemplate",
|
|
758
758
|
"name": "IconTemplate",
|
|
759
|
-
"group": "
|
|
759
|
+
"group": "Brand & theme glyphs"
|
|
760
760
|
},
|
|
761
761
|
{
|
|
762
762
|
"id": "IconTerminal",
|
|
763
763
|
"title": "IconTerminal",
|
|
764
764
|
"name": "IconTerminal",
|
|
765
|
-
"group": "
|
|
765
|
+
"group": "Workspace & action glyphs"
|
|
766
766
|
},
|
|
767
767
|
{
|
|
768
768
|
"id": "IconThumbDown",
|
|
@@ -786,7 +786,7 @@
|
|
|
786
786
|
"id": "IconTrash",
|
|
787
787
|
"title": "IconTrash",
|
|
788
788
|
"name": "IconTrash",
|
|
789
|
-
"group": "
|
|
789
|
+
"group": "Workspace & action glyphs"
|
|
790
790
|
},
|
|
791
791
|
{
|
|
792
792
|
"id": "IconTrendingUp",
|
|
@@ -822,7 +822,7 @@
|
|
|
822
822
|
"id": "IconUnlock",
|
|
823
823
|
"title": "IconUnlock",
|
|
824
824
|
"name": "IconUnlock",
|
|
825
|
-
"group": "
|
|
825
|
+
"group": "Workspace & action glyphs"
|
|
826
826
|
},
|
|
827
827
|
{
|
|
828
828
|
"id": "IconUpload",
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
"id": "IconZap",
|
|
859
859
|
"title": "IconZap",
|
|
860
860
|
"name": "IconZap",
|
|
861
|
-
"group": "
|
|
861
|
+
"group": "Workspace & action glyphs"
|
|
862
862
|
},
|
|
863
863
|
{
|
|
864
864
|
"id": "IconZoomIn",
|
|
@@ -1729,7 +1729,7 @@
|
|
|
1729
1729
|
"id": "maintenance",
|
|
1730
1730
|
"kind": "2d",
|
|
1731
1731
|
"title": "Maintenance",
|
|
1732
|
-
"summary": "A compact tool case with a
|
|
1732
|
+
"summary": "A compact tool case with a wrench, a screwdriver and organized parts.",
|
|
1733
1733
|
"tags": [
|
|
1734
1734
|
"maintenance",
|
|
1735
1735
|
"settings",
|
|
@@ -1745,8 +1745,8 @@
|
|
|
1745
1745
|
{
|
|
1746
1746
|
"path": "maintenance.tsx",
|
|
1747
1747
|
"role": "react",
|
|
1748
|
-
"bytes":
|
|
1749
|
-
"integrity": "sha256-
|
|
1748
|
+
"bytes": 4554,
|
|
1749
|
+
"integrity": "sha256-JGdQ2dv4NCucVYELc6kay+Zp0JzMvwq1ZJdubCBXdxk="
|
|
1750
1750
|
}
|
|
1751
1751
|
],
|
|
1752
1752
|
"themeable": true,
|
package/generated/recipes.css
CHANGED
|
@@ -29,6 +29,12 @@
|
|
|
29
29
|
--mlola-glyph-optical-scale: 1.03;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
/* The mark after a link to another site, which opens in a new tab. */
|
|
33
|
+
.ml-link-external {
|
|
34
|
+
margin-inline-start: var(--ml-space-1);
|
|
35
|
+
vertical-align: -.125em;
|
|
36
|
+
}
|
|
37
|
+
|
|
32
38
|
.ml-visually-hidden {
|
|
33
39
|
position: absolute;
|
|
34
40
|
width: 1px;
|