@genexus/mercury 0.11.0 → 0.12.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.
Files changed (13) hide show
  1. package/dist/assets-manager.d.ts +7 -58
  2. package/dist/bundles/css/all.css +1 -1
  3. package/dist/bundles/css/components/dialog.css +1 -1
  4. package/dist/bundles/css/components/toggle.css +1 -1
  5. package/dist/bundles.d.ts +3 -285
  6. package/dist/index.d.ts +4 -0
  7. package/dist/mercury.scss +7 -2
  8. package/dist/register-mercury.d.ts +1 -0
  9. package/dist/types.d.ts +59 -0
  10. package/package.json +35 -6
  11. package/dist/assets/MERCURY_ASSETS.js +0 -14724
  12. package/dist/assets-manager.js +0 -177
  13. package/dist/bundles.js +0 -96
package/dist/bundles/css/components/dialog.css CHANGED
@@ -1 +1 @@
1
- .dialog::part(close-button){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dialog::part(caption){--heading-base__font-family: var(--mer-font-family--title);--heading__color: var( --mer-heading__gray--light );--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(dialog){--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--ch-dialog-max-inline-size: 800px;background-color:var(--mer-surface__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:rgba(32,36,40,.9);backdrop-filter:blur(1.5px);z-index:108}.dialog::part(header){gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.dialog::part(caption){word-break:break-word}.dialog::part(close-button){--icon-path: var(--icon__system_close_primary--enabled)}.dialog::part(close-button):hover{--icon-path: var(--icon__system_close_primary--hover)}.dialog::part(close-button):active{--icon-path: var(--icon__system_close_primary--active)}.dialog::part(content){overflow:auto}.dialog::part(footer){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-primary--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.dialog::part(footer){--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
1
+ .dialog::part(close-button){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dialog::part(caption){--heading-base__font-family: var(--mer-font-family--title);--heading__color: var( --mer-heading__gray--light );--heading-h1__font-size: var(--mer-font__size--xl);--heading-h1__font-weight: var(--mer-font__weight--bold);--heading-h1__line-height: var(--mer-line-height--tight);--heading-h2__font-size: var(--mer-font__size--lg);--heading-h2__font-weight: var(--mer-font__weight--bold);--heading-h2__line-height: var(--mer-line-height--tight);--heading-h3__font-size: var(--mer-font__size--sm);--heading-h3__font-weight: var(--mer-font__weight--bold);--heading-h3__line-height: var(--mer-line-height--regular);--heading-h4__font-size: var(--mer-font__size--xs);--heading-h4__font-weight: var(--mer-font__weight--bold);--heading-h4__line-height: var(--mer-line-height--spaced);--heading-h5__font-size: var(--mer-font__size--2xs);--heading-h5__font-weight: var(--mer-font__weight--bold);--heading-h5__line-height: var(--mer-line-height--spaced);--heading-h6__font-size: var(--mer-font__size--3xs);--heading-h6__font-weight: var(--mer-font__weight--semi-bold);--heading-h6__line-height: var(--mer-line-height--spaced);font-family:var(--mer-font-family--title);line-height:var(--mer-line-height--tight);color:var(--heading__color)}.dialog::part(caption){font-size:var(--mer-font__size--2xs);font-weight:var(--mer-font__weight--bold);line-height:var(--heading-h5__line-height)}.dialog::part(caption){--heading__color: var(--mer-heading__gray--light)}.dialog::part(dialog){--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--sm);--spacing-body-inline-end: var(--mer-spacing--sm);--ch-dialog-max-inline-size: 800px;background-color:var(--mer-surface__elevation--01);box-shadow:var(--mer-box-shadow--01)}.dialog.ch-dialog--modal{background-color:color-mix(in srgb, var(--mer-color__neutral-gray--900) 71%, transparent 30%);backdrop-filter:blur(15px);z-index:108}.dialog::part(header){gap:var(--mer-spacing--sm);padding-block:var(--mer-spacing--md);padding-inline:var(--mer-spacing--sm);border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.dialog::part(caption){word-break:break-word}.dialog::part(close-button){--icon-path: var(--icon__system_close_primary--enabled)}.dialog::part(close-button):hover{--icon-path: var(--icon__system_close_primary--hover)}.dialog::part(close-button):active{--icon-path: var(--icon__system_close_primary--active)}.dialog::part(content){overflow:auto}.dialog::part(footer){padding-block:var(--mer-spacing--xs);padding-inline:var(--mer-spacing--sm)}.dialog::part(edge){border-color:rgba(0,0,0,0);transition:var(--mer-timing--fast) border-color}.dialog::part(edge):hover{border-color:var(--mer-color__tinted-primary--20)}.dialog::part(edge-block-start){border-block-start-width:var(--mer-border__width--lg);border-block-start-style:solid}.dialog::part(edge-inline-end){border-inline-end-width:var(--mer-border__width--lg);border-inline-end-style:solid}.dialog::part(edge-block-end){border-block-end-width:var(--mer-border__width--lg);border-block-end-style:solid}.dialog::part(edge-inline-start){border-inline-start-width:var(--mer-border__width--lg);border-inline-start-style:solid}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.control-footer,.dialog::part(footer){--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.dialog::part(footer){border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
package/dist/bundles/css/components/toggle.css CHANGED
@@ -1 +1 @@
1
- @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms;font-weight:400}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}
package/dist/bundles.d.ts CHANGED
@@ -1,14 +1,5 @@
1
- import { ThemeModel } from "@genexus/chameleon-controls-library";
2
- export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] | [MercuryBundleReset, ...MercuryBundleFull[]];
3
- export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
4
- export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
5
- export type MercuryBundleBase = "base/base" | "base/icons";
6
- export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
7
- export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
8
- export type MercuryBundleReset = "resets/box-sizing";
9
- export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
10
- export type MercuryBundleUtilFormFull = "utils/form--full";
11
- type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull;
1
+ import type { ThemeModel } from "@genexus/chameleon-controls-library";
2
+ import type { MercuryBundleFull, MercuryBundleOptimized } from "./types.ts";
12
3
  /**
13
4
  * Given the basePath, returns all bundles (except base and icons) in the
14
5
  * format of type `ThemeModel`.
@@ -25,279 +16,7 @@ type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | Mercury
25
16
  * </body>
26
17
  * ```
27
18
  */
28
- export declare const getThemeBundles: (basePath: string) => [{
29
- readonly name: BundleNames;
30
- readonly url: `${string}components/accordion.css`;
31
- readonly attachStyleSheet?: undefined;
32
- } | {
33
- readonly name: BundleNames;
34
- readonly url: `${string}components/accordion.css`;
35
- readonly attachStyleSheet: boolean;
36
- }, {
37
- readonly name: BundleNames;
38
- readonly url: `${string}components/button.css`;
39
- readonly attachStyleSheet?: undefined;
40
- } | {
41
- readonly name: BundleNames;
42
- readonly url: `${string}components/button.css`;
43
- readonly attachStyleSheet: boolean;
44
- }, {
45
- readonly name: BundleNames;
46
- readonly url: `${string}components/chat.css`;
47
- readonly attachStyleSheet?: undefined;
48
- } | {
49
- readonly name: BundleNames;
50
- readonly url: `${string}components/chat.css`;
51
- readonly attachStyleSheet: boolean;
52
- }, {
53
- readonly name: BundleNames;
54
- readonly url: `${string}components/checkbox.css`;
55
- readonly attachStyleSheet?: undefined;
56
- } | {
57
- readonly name: BundleNames;
58
- readonly url: `${string}components/checkbox.css`;
59
- readonly attachStyleSheet: boolean;
60
- }, {
61
- readonly name: BundleNames;
62
- readonly url: `${string}components/code.css`;
63
- readonly attachStyleSheet?: undefined;
64
- } | {
65
- readonly name: BundleNames;
66
- readonly url: `${string}components/code.css`;
67
- readonly attachStyleSheet: boolean;
68
- }, {
69
- readonly name: BundleNames;
70
- readonly url: `${string}components/combo-box.css`;
71
- readonly attachStyleSheet?: undefined;
72
- } | {
73
- readonly name: BundleNames;
74
- readonly url: `${string}components/combo-box.css`;
75
- readonly attachStyleSheet: boolean;
76
- }, {
77
- readonly name: BundleNames;
78
- readonly url: `${string}components/flexible-layout.css`;
79
- readonly attachStyleSheet?: undefined;
80
- } | {
81
- readonly name: BundleNames;
82
- readonly url: `${string}components/flexible-layout.css`;
83
- readonly attachStyleSheet: boolean;
84
- }, {
85
- readonly name: BundleNames;
86
- readonly url: `${string}components/dialog.css`;
87
- readonly attachStyleSheet?: undefined;
88
- } | {
89
- readonly name: BundleNames;
90
- readonly url: `${string}components/dialog.css`;
91
- readonly attachStyleSheet: boolean;
92
- }, {
93
- readonly name: BundleNames;
94
- readonly url: `${string}components/icon.css`;
95
- readonly attachStyleSheet?: undefined;
96
- } | {
97
- readonly name: BundleNames;
98
- readonly url: `${string}components/icon.css`;
99
- readonly attachStyleSheet: boolean;
100
- }, {
101
- readonly name: BundleNames;
102
- readonly url: `${string}components/edit.css`;
103
- readonly attachStyleSheet?: undefined;
104
- } | {
105
- readonly name: BundleNames;
106
- readonly url: `${string}components/edit.css`;
107
- readonly attachStyleSheet: boolean;
108
- }, {
109
- readonly name: BundleNames;
110
- readonly url: `${string}components/layout-splitter.css`;
111
- readonly attachStyleSheet?: undefined;
112
- } | {
113
- readonly name: BundleNames;
114
- readonly url: `${string}components/layout-splitter.css`;
115
- readonly attachStyleSheet: boolean;
116
- }, {
117
- readonly name: BundleNames;
118
- readonly url: `${string}components/list-box.css`;
119
- readonly attachStyleSheet?: undefined;
120
- } | {
121
- readonly name: BundleNames;
122
- readonly url: `${string}components/list-box.css`;
123
- readonly attachStyleSheet: boolean;
124
- }, {
125
- readonly name: BundleNames;
126
- readonly url: `${string}components/markdown-viewer.css`;
127
- readonly attachStyleSheet?: undefined;
128
- } | {
129
- readonly name: BundleNames;
130
- readonly url: `${string}components/markdown-viewer.css`;
131
- readonly attachStyleSheet: boolean;
132
- }, {
133
- readonly name: BundleNames;
134
- readonly url: `${string}components/navigation-list.css`;
135
- readonly attachStyleSheet?: undefined;
136
- } | {
137
- readonly name: BundleNames;
138
- readonly url: `${string}components/navigation-list.css`;
139
- readonly attachStyleSheet: boolean;
140
- }, {
141
- readonly name: BundleNames;
142
- readonly url: `${string}components/pills.css`;
143
- readonly attachStyleSheet?: undefined;
144
- } | {
145
- readonly name: BundleNames;
146
- readonly url: `${string}components/pills.css`;
147
- readonly attachStyleSheet: boolean;
148
- }, {
149
- readonly name: BundleNames;
150
- readonly url: `${string}components/radio-group.css`;
151
- readonly attachStyleSheet?: undefined;
152
- } | {
153
- readonly name: BundleNames;
154
- readonly url: `${string}components/radio-group.css`;
155
- readonly attachStyleSheet: boolean;
156
- }, {
157
- readonly name: BundleNames;
158
- readonly url: `${string}components/segmented-control.css`;
159
- readonly attachStyleSheet?: undefined;
160
- } | {
161
- readonly name: BundleNames;
162
- readonly url: `${string}components/segmented-control.css`;
163
- readonly attachStyleSheet: boolean;
164
- }, {
165
- readonly name: BundleNames;
166
- readonly url: `${string}components/sidebar.css`;
167
- readonly attachStyleSheet?: undefined;
168
- } | {
169
- readonly name: BundleNames;
170
- readonly url: `${string}components/sidebar.css`;
171
- readonly attachStyleSheet: boolean;
172
- }, {
173
- readonly name: BundleNames;
174
- readonly url: `${string}components/slider.css`;
175
- readonly attachStyleSheet?: undefined;
176
- } | {
177
- readonly name: BundleNames;
178
- readonly url: `${string}components/slider.css`;
179
- readonly attachStyleSheet: boolean;
180
- }, {
181
- readonly name: BundleNames;
182
- readonly url: `${string}components/tab.css`;
183
- readonly attachStyleSheet?: undefined;
184
- } | {
185
- readonly name: BundleNames;
186
- readonly url: `${string}components/tab.css`;
187
- readonly attachStyleSheet: boolean;
188
- }, {
189
- readonly name: BundleNames;
190
- readonly url: `${string}components/tabular-grid.css`;
191
- readonly attachStyleSheet?: undefined;
192
- } | {
193
- readonly name: BundleNames;
194
- readonly url: `${string}components/tabular-grid.css`;
195
- readonly attachStyleSheet: boolean;
196
- }, {
197
- readonly name: BundleNames;
198
- readonly url: `${string}components/ticket-list.css`;
199
- readonly attachStyleSheet?: undefined;
200
- } | {
201
- readonly name: BundleNames;
202
- readonly url: `${string}components/ticket-list.css`;
203
- readonly attachStyleSheet: boolean;
204
- }, {
205
- readonly name: BundleNames;
206
- readonly url: `${string}components/toggle.css`;
207
- readonly attachStyleSheet?: undefined;
208
- } | {
209
- readonly name: BundleNames;
210
- readonly url: `${string}components/toggle.css`;
211
- readonly attachStyleSheet: boolean;
212
- }, {
213
- readonly name: BundleNames;
214
- readonly url: `${string}components/tooltip.css`;
215
- readonly attachStyleSheet?: undefined;
216
- } | {
217
- readonly name: BundleNames;
218
- readonly url: `${string}components/tooltip.css`;
219
- readonly attachStyleSheet: boolean;
220
- }, {
221
- readonly name: BundleNames;
222
- readonly url: `${string}components/tree-view.css`;
223
- readonly attachStyleSheet?: undefined;
224
- } | {
225
- readonly name: BundleNames;
226
- readonly url: `${string}components/tree-view.css`;
227
- readonly attachStyleSheet: boolean;
228
- }, {
229
- readonly name: BundleNames;
230
- readonly url: `${string}components/widget.css`;
231
- readonly attachStyleSheet?: undefined;
232
- } | {
233
- readonly name: BundleNames;
234
- readonly url: `${string}components/widget.css`;
235
- readonly attachStyleSheet: boolean;
236
- }, {
237
- readonly name: BundleNames;
238
- readonly url: `${string}resets/box-sizing.css`;
239
- readonly attachStyleSheet?: undefined;
240
- } | {
241
- readonly name: BundleNames;
242
- readonly url: `${string}resets/box-sizing.css`;
243
- readonly attachStyleSheet: boolean;
244
- }, {
245
- readonly name: BundleNames;
246
- readonly url: `${string}utils/form.css`;
247
- readonly attachStyleSheet?: undefined;
248
- } | {
249
- readonly name: BundleNames;
250
- readonly url: `${string}utils/form.css`;
251
- readonly attachStyleSheet: boolean;
252
- }, {
253
- readonly name: BundleNames;
254
- readonly url: `${string}utils/elevation.css`;
255
- readonly attachStyleSheet?: undefined;
256
- } | {
257
- readonly name: BundleNames;
258
- readonly url: `${string}utils/elevation.css`;
259
- readonly attachStyleSheet: boolean;
260
- }, {
261
- readonly name: BundleNames;
262
- readonly url: `${string}utils/form--full.css`;
263
- readonly attachStyleSheet?: undefined;
264
- } | {
265
- readonly name: BundleNames;
266
- readonly url: `${string}utils/form--full.css`;
267
- readonly attachStyleSheet: boolean;
268
- }, {
269
- readonly name: BundleNames;
270
- readonly url: `${string}utils/layout.css`;
271
- readonly attachStyleSheet?: undefined;
272
- } | {
273
- readonly name: BundleNames;
274
- readonly url: `${string}utils/layout.css`;
275
- readonly attachStyleSheet: boolean;
276
- }, {
277
- readonly name: BundleNames;
278
- readonly url: `${string}utils/spacing.css`;
279
- readonly attachStyleSheet?: undefined;
280
- } | {
281
- readonly name: BundleNames;
282
- readonly url: `${string}utils/spacing.css`;
283
- readonly attachStyleSheet: boolean;
284
- }, {
285
- readonly name: BundleNames;
286
- readonly url: `${string}utils/typography.css`;
287
- readonly attachStyleSheet?: undefined;
288
- } | {
289
- readonly name: BundleNames;
290
- readonly url: `${string}utils/typography.css`;
291
- readonly attachStyleSheet: boolean;
292
- }, {
293
- readonly name: BundleNames;
294
- readonly url: `${string}chameleon/scrollbar.css`;
295
- readonly attachStyleSheet?: undefined;
296
- } | {
297
- readonly name: BundleNames;
298
- readonly url: `${string}chameleon/scrollbar.css`;
299
- readonly attachStyleSheet: boolean;
300
- }];
19
+ export declare const getThemeBundles: (basePath: string) => ThemeModel;
301
20
  /**
302
21
  * Given the bundles array and the basePath (optional), returns the given
303
22
  * bundles in the format of type `ThemeModel`.
@@ -327,4 +46,3 @@ export declare const getThemeBundles: (basePath: string) => [{
327
46
  * ```
328
47
  */
329
48
  export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string) => ThemeModel;
330
- export {};
package/dist/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export * from "./assets-manager.js";
2
+ export * from "./bundles.js";
3
+ export * from "./register-mercury.js";
4
+ export * from "./types.js";
package/dist/mercury.scss CHANGED
@@ -5347,8 +5347,12 @@
5347
5347
  box-shadow: var(--mer-box-shadow--01);
5348
5348
 
5349
5349
  &__backdrop {
5350
- background-color: rgba(32, 36, 40, 0.9);
5351
- backdrop-filter: blur(1.5px);
5350
+ background-color: color-mix(
5351
+ in srgb,
5352
+ var(--mer-color__neutral-gray--900) 71%,
5353
+ transparent 30%
5354
+ );
5355
+ backdrop-filter: blur(15px);
5352
5356
  z-index: 108; // TODO: This is a WA to show the backdrop above the button of the dropdown
5353
5357
  }
5354
5358
 
@@ -10405,6 +10409,7 @@
10405
10409
  --ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);
10406
10410
  --ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);
10407
10411
  --ch-switch-thumb__state-transition-duration: 150ms;
10412
+ font-weight: 400; // TODO: USE THE RIGHT TOKEN AND LINE-HEIGHT
10408
10413
 
10409
10414
  &__track {
10410
10415
  border-radius: var(--ch-switch-track-block-size);
package/dist/register-mercury.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const registerMercury: () => void;
package/dist/types.d.ts ADDED
@@ -0,0 +1,59 @@
1
+ export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] | [MercuryBundleReset, ...MercuryBundleFull[]];
2
+ export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
3
+ export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
4
+ export type MercuryBundleBase = "base/base" | "base/icons";
5
+ export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
6
+ export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
7
+ export type MercuryBundleReset = "resets/box-sizing";
8
+ export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
9
+ export type MercuryBundleUtilFormFull = "utils/form--full";
10
+ export type AssetsMetadata = {
11
+ category: string;
12
+ name: string;
13
+ colorType?: string;
14
+ };
15
+ /**
16
+ * For example:
17
+ * ```
18
+ * {
19
+ * icons: {
20
+ * objects: { // Category
21
+ * stencil: { // Icon Name
22
+ * enabled: { // State
23
+ * name: "objects_stencil--enabled"
24
+ * }
25
+ * },
26
+ * },
27
+ * windows-tools: { // Category
28
+ * workflow: { // Icon Name
29
+ * "on-surface": { // Color Type
30
+ * enabled: { // State
31
+ * name: "windows-tools_workflow_on-surface--enabled"
32
+ * },
33
+ * hover: {
34
+ * name: "windows-tools_workflow_on-surface--hover"
35
+ * }
36
+ * }
37
+ * }
38
+ * }
39
+ * }
40
+ * }
41
+ * ```
42
+ */
43
+ export type Assets = {
44
+ icons: {
45
+ [key in string]: AssetsCategories;
46
+ };
47
+ };
48
+ export type AssetsCategories = {
49
+ [key: string]: AssetsIconName;
50
+ };
51
+ export type AssetsIconName = {
52
+ [key: string]: AssetsColorType;
53
+ } | AssetsColorType;
54
+ export type AssetsColorType = {
55
+ [key: string]: AssetsIconMetadata;
56
+ };
57
+ export interface AssetsIconMetadata {
58
+ name: string;
59
+ }
package/package.json CHANGED
@@ -1,17 +1,45 @@
1
1
  {
2
2
  "name": "@genexus/mercury",
3
- "version": "0.11.0",
3
+ "version": "0.12.0",
4
4
  "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
5
- "main": "dist/mercury.scss",
6
- "module": "dist/assets-manager.js",
7
- "types": "dist/assets-manager.d.ts",
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.js",
7
+ "types": "./dist/index.d.ts",
8
8
  "files": [
9
9
  "dist/"
10
10
  ],
11
11
  "type": "module",
12
+ "exports": {
13
+ ".": {
14
+ "import": {
15
+ "types": "./dist/index.d.ts",
16
+ "default": "./dist/index.js"
17
+ }
18
+ },
19
+ "./assets-manager.js": {
20
+ "import": {
21
+ "types": "./dist/assets-manager.d.ts",
22
+ "default": "./dist/assets-manager.js"
23
+ }
24
+ },
25
+ "./bundles.js": {
26
+ "import": {
27
+ "types": "./dist/bundles.d.ts",
28
+ "default": "./dist/bundles.js"
29
+ }
30
+ },
31
+ "./register-mercury.js": {
32
+ "import": {
33
+ "types": "./dist/register-mercury.d.ts",
34
+ "default": "./dist/register-mercury.js"
35
+ }
36
+ },
37
+ "./package.json": "./package.json"
38
+ },
12
39
  "scripts": {
13
- "build": "tsc && npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
14
- "build-no-svg": "tsc && npm run build.scss && npm run copy-tasks",
40
+ "build": "npm run build.js && npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
41
+ "build.js": "tsc && esbuild dist/*.js --allow-overwrite --minify --outdir=dist && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets",
42
+ "build-no-svg": "npm run build.js && npm run build.scss && npm run copy-tasks",
15
43
  "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && npm run build.bundles && npm run copy-all.css",
16
44
  "build.bundles": "fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet src/bundles/scss dist/bundles/scss && sass --load-path=src --no-source-map --style compressed dist/bundles/scss:dist/bundles/css",
17
45
  "start": "vite --port 5200 --open showcase/button.html",
@@ -31,6 +59,7 @@
31
59
  "@genexus/svg-sass-generator": "1.1.24",
32
60
  "chokidar": "^3.6.0",
33
61
  "chokidar-cli": "^3.0.0",
62
+ "esbuild": "0.24.0",
34
63
  "sass": "~1.72.0",
35
64
  "scss-bundle": "~3.1.2",
36
65
  "typescript": "~5.5.3",