@genexus/mercury 0.9.6 → 0.9.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.
@@ -0,0 +1 @@
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.elevation-01,.elevation-02,.elevation-03{color:var(--mer-text__on-elevation)}.elevation-01{background-color:var(--mer-surface__elevation--01)}.elevation-02{background-color:var(--mer-surface__elevation--02)}.elevation-03{background-color:var(--mer-surface__elevation--03)}
@@ -0,0 +1,4 @@
1
+ @import "config";
2
+ @import "../../../mercury.scss";
3
+
4
+ @include mercury-only($base-classes: true, $utility-classes: true);
package/dist/bundles.d.ts CHANGED
@@ -6,7 +6,7 @@ export type MercuryBundleBase = "base/base" | "base/icons";
6
6
  export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/flexible-layout" | "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
7
  export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider";
8
8
  export type MercuryBundleReset = "resets/box-sizing";
9
- export type MercuryBundleUtil = "utils/form" | "utils/layout" | "utils/typography" | "chameleon/scrollbar";
9
+ export type MercuryBundleUtil = "utils/form" | "utils/elevation" | "utils/layout" | "utils/typography" | "chameleon/scrollbar";
10
10
  export type MercuryBundleUtilFormFull = "utils/form--full";
11
11
  type BundleNames = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull;
12
12
  /**
@@ -233,6 +233,14 @@ export declare const getThemeBundles: (basePath: string) => [{
233
233
  readonly name: BundleNames;
234
234
  readonly url: `${string}utils/form.css`;
235
235
  readonly attachStyleSheet: boolean;
236
+ }, {
237
+ readonly name: BundleNames;
238
+ readonly url: `${string}utils/elevation.css`;
239
+ readonly attachStyleSheet?: undefined;
240
+ } | {
241
+ readonly name: BundleNames;
242
+ readonly url: `${string}utils/elevation.css`;
243
+ readonly attachStyleSheet: boolean;
236
244
  }, {
237
245
  readonly name: BundleNames;
238
246
  readonly url: `${string}utils/form--full.css`;
package/dist/bundles.js CHANGED
@@ -54,6 +54,7 @@ export const getThemeBundles = (basePath) => [
54
54
  getThemeModelItem(basePath, "resets/box-sizing"),
55
55
  // Utils
56
56
  getThemeModelItem(basePath, "utils/form"),
57
+ getThemeModelItem(basePath, "utils/elevation"),
57
58
  getThemeModelItem(basePath, "utils/form--full"),
58
59
  getThemeModelItem(basePath, "utils/layout"),
59
60
  getThemeModelItem(basePath, "utils/typography"),
package/dist/mercury.scss CHANGED
@@ -845,7 +845,7 @@
845
845
  /// @param {String} $elevation-01-selector [".elevation-01"] -
846
846
  /// @param {String} $elevation-02-selector [".elevation-02"] -
847
847
  /// @param {String} $elevation-03-selector [".elevation-03"] -
848
- @mixin utilities-background(
848
+ @mixin utilities-elevation(
849
849
  $elevation-01-selector: ".elevation-01",
850
850
  $elevation-02-selector: ".elevation-02",
851
851
  $elevation-03-selector: ".elevation-03"
@@ -13618,15 +13618,15 @@
13618
13618
  --icon__system_dark-mode_primary--hover: url('#{$icons-path}system/light/dark-mode.svg#primary--hover');
13619
13619
  --icon__system_dark-mode_primary--active: url('#{$icons-path}system/light/dark-mode.svg#primary--active');
13620
13620
  --icon__system_dark-mode_primary--disabled: url('#{$icons-path}system/light/dark-mode.svg#primary--disabled');
13621
- --icon__system_Cut_on-surface--enabled: url('#{$icons-path}system/light/Cut.svg#on-surface--enabled');
13622
- --icon__system_Cut_on-surface--hover: url('#{$icons-path}system/light/Cut.svg#on-surface--hover');
13623
- --icon__system_Cut_on-surface--active: url('#{$icons-path}system/light/Cut.svg#on-surface--active');
13624
- --icon__system_Cut_on-surface--disabled: url('#{$icons-path}system/light/Cut.svg#on-surface--disabled');
13625
- --icon__system_Cut_on-elevation--enabled: url('#{$icons-path}system/light/Cut.svg#on-elevation--enabled');
13626
- --icon__system_Cut_primary--enabled: url('#{$icons-path}system/light/Cut.svg#primary--enabled');
13627
- --icon__system_Cut_primary--hover: url('#{$icons-path}system/light/Cut.svg#primary--hover');
13628
- --icon__system_Cut_primary--active: url('#{$icons-path}system/light/Cut.svg#primary--active');
13629
- --icon__system_Cut_primary--disabled: url('#{$icons-path}system/light/Cut.svg#primary--disabled');
13621
+ --icon__system_cut_on-surface--enabled: url('#{$icons-path}system/light/cut.svg#on-surface--enabled');
13622
+ --icon__system_cut_on-surface--hover: url('#{$icons-path}system/light/cut.svg#on-surface--hover');
13623
+ --icon__system_cut_on-surface--active: url('#{$icons-path}system/light/cut.svg#on-surface--active');
13624
+ --icon__system_cut_on-surface--disabled: url('#{$icons-path}system/light/cut.svg#on-surface--disabled');
13625
+ --icon__system_cut_on-elevation--enabled: url('#{$icons-path}system/light/cut.svg#on-elevation--enabled');
13626
+ --icon__system_cut_primary--enabled: url('#{$icons-path}system/light/cut.svg#primary--enabled');
13627
+ --icon__system_cut_primary--hover: url('#{$icons-path}system/light/cut.svg#primary--hover');
13628
+ --icon__system_cut_primary--active: url('#{$icons-path}system/light/cut.svg#primary--active');
13629
+ --icon__system_cut_primary--disabled: url('#{$icons-path}system/light/cut.svg#primary--disabled');
13630
13630
  --icon__system_copy_on-surface--enabled: url('#{$icons-path}system/light/copy.svg#on-surface--enabled');
13631
13631
  --icon__system_copy_on-surface--hover: url('#{$icons-path}system/light/copy.svg#on-surface--hover');
13632
13632
  --icon__system_copy_on-surface--active: url('#{$icons-path}system/light/copy.svg#on-surface--active');
@@ -13663,15 +13663,15 @@
13663
13663
  --icon__system_check_primary--hover: url('#{$icons-path}system/light/check.svg#primary--hover');
13664
13664
  --icon__system_check_primary--active: url('#{$icons-path}system/light/check.svg#primary--active');
13665
13665
  --icon__system_check_primary--disabled: url('#{$icons-path}system/light/check.svg#primary--disabled');
13666
- --icon__system_Card_on-surface--enabled: url('#{$icons-path}system/light/Card.svg#on-surface--enabled');
13667
- --icon__system_Card_on-surface--hover: url('#{$icons-path}system/light/Card.svg#on-surface--hover');
13668
- --icon__system_Card_on-surface--active: url('#{$icons-path}system/light/Card.svg#on-surface--active');
13669
- --icon__system_Card_on-surface--disabled: url('#{$icons-path}system/light/Card.svg#on-surface--disabled');
13670
- --icon__system_Card_on-elevation--enabled: url('#{$icons-path}system/light/Card.svg#on-elevation--enabled');
13671
- --icon__system_Card_primary--enabled: url('#{$icons-path}system/light/Card.svg#primary--enabled');
13672
- --icon__system_Card_primary--hover: url('#{$icons-path}system/light/Card.svg#primary--hover');
13673
- --icon__system_Card_primary--active: url('#{$icons-path}system/light/Card.svg#primary--active');
13674
- --icon__system_Card_primary--disabled: url('#{$icons-path}system/light/Card.svg#primary--disabled');
13666
+ --icon__system_card_on-surface--enabled: url('#{$icons-path}system/light/card.svg#on-surface--enabled');
13667
+ --icon__system_card_on-surface--hover: url('#{$icons-path}system/light/card.svg#on-surface--hover');
13668
+ --icon__system_card_on-surface--active: url('#{$icons-path}system/light/card.svg#on-surface--active');
13669
+ --icon__system_card_on-surface--disabled: url('#{$icons-path}system/light/card.svg#on-surface--disabled');
13670
+ --icon__system_card_on-elevation--enabled: url('#{$icons-path}system/light/card.svg#on-elevation--enabled');
13671
+ --icon__system_card_primary--enabled: url('#{$icons-path}system/light/card.svg#primary--enabled');
13672
+ --icon__system_card_primary--hover: url('#{$icons-path}system/light/card.svg#primary--hover');
13673
+ --icon__system_card_primary--active: url('#{$icons-path}system/light/card.svg#primary--active');
13674
+ --icon__system_card_primary--disabled: url('#{$icons-path}system/light/card.svg#primary--disabled');
13675
13675
  --icon__system_card-variant_on-surface--enabled: url('#{$icons-path}system/light/card-variant.svg#on-surface--enabled');
13676
13676
  --icon__system_card-variant_on-surface--hover: url('#{$icons-path}system/light/card-variant.svg#on-surface--hover');
13677
13677
  --icon__system_card-variant_on-surface--active: url('#{$icons-path}system/light/card-variant.svg#on-surface--active');
@@ -13681,15 +13681,6 @@
13681
13681
  --icon__system_card-variant_primary--hover: url('#{$icons-path}system/light/card-variant.svg#primary--hover');
13682
13682
  --icon__system_card-variant_primary--active: url('#{$icons-path}system/light/card-variant.svg#primary--active');
13683
13683
  --icon__system_card-variant_primary--disabled: url('#{$icons-path}system/light/card-variant.svg#primary--disabled');
13684
- --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--enabled');
13685
- --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/light/Assistant.svg#on-surface--hover');
13686
- --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/light/Assistant.svg#on-surface--active');
13687
- --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--disabled');
13688
- --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/light/Assistant.svg#on-elevation--enabled');
13689
- --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/light/Assistant.svg#primary--enabled');
13690
- --icon__system_Assistant_primary--hover: url('#{$icons-path}system/light/Assistant.svg#primary--hover');
13691
- --icon__system_Assistant_primary--active: url('#{$icons-path}system/light/Assistant.svg#primary--active');
13692
- --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/light/Assistant.svg#primary--disabled');
13693
13684
  --icon__system_arrow-up_on-surface--enabled: url('#{$icons-path}system/light/arrow-up.svg#on-surface--enabled');
13694
13685
  --icon__system_arrow-up_on-surface--hover: url('#{$icons-path}system/light/arrow-up.svg#on-surface--hover');
13695
13686
  --icon__system_arrow-up_on-surface--active: url('#{$icons-path}system/light/arrow-up.svg#on-surface--active');
@@ -13762,6 +13753,15 @@
13762
13753
  --icon__system_add-circle_primary--hover: url('#{$icons-path}system/light/add-circle.svg#primary--hover');
13763
13754
  --icon__system_add-circle_primary--active: url('#{$icons-path}system/light/add-circle.svg#primary--active');
13764
13755
  --icon__system_add-circle_primary--disabled: url('#{$icons-path}system/light/add-circle.svg#primary--disabled');
13756
+ --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--enabled');
13757
+ --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/light/Assistant.svg#on-surface--hover');
13758
+ --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/light/Assistant.svg#on-surface--active');
13759
+ --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--disabled');
13760
+ --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/light/Assistant.svg#on-elevation--enabled');
13761
+ --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/light/Assistant.svg#primary--enabled');
13762
+ --icon__system_Assistant_primary--hover: url('#{$icons-path}system/light/Assistant.svg#primary--hover');
13763
+ --icon__system_Assistant_primary--active: url('#{$icons-path}system/light/Assistant.svg#primary--active');
13764
+ --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/light/Assistant.svg#primary--disabled');
13765
13765
 
13766
13766
  }
13767
13767
 
@@ -14275,15 +14275,15 @@
14275
14275
  --icon__system_dark-mode_primary--hover: url('#{$icons-path}system/dark/dark-mode.svg#primary--hover');
14276
14276
  --icon__system_dark-mode_primary--active: url('#{$icons-path}system/dark/dark-mode.svg#primary--active');
14277
14277
  --icon__system_dark-mode_primary--disabled: url('#{$icons-path}system/dark/dark-mode.svg#primary--disabled');
14278
- --icon__system_Cut_on-surface--enabled: url('#{$icons-path}system/dark/Cut.svg#on-surface--enabled');
14279
- --icon__system_Cut_on-surface--hover: url('#{$icons-path}system/dark/Cut.svg#on-surface--hover');
14280
- --icon__system_Cut_on-surface--active: url('#{$icons-path}system/dark/Cut.svg#on-surface--active');
14281
- --icon__system_Cut_on-surface--disabled: url('#{$icons-path}system/dark/Cut.svg#on-surface--disabled');
14282
- --icon__system_Cut_on-elevation--enabled: url('#{$icons-path}system/dark/Cut.svg#on-elevation--enabled');
14283
- --icon__system_Cut_primary--enabled: url('#{$icons-path}system/dark/Cut.svg#primary--enabled');
14284
- --icon__system_Cut_primary--hover: url('#{$icons-path}system/dark/Cut.svg#primary--hover');
14285
- --icon__system_Cut_primary--active: url('#{$icons-path}system/dark/Cut.svg#primary--active');
14286
- --icon__system_Cut_primary--disabled: url('#{$icons-path}system/dark/Cut.svg#primary--disabled');
14278
+ --icon__system_cut_on-surface--enabled: url('#{$icons-path}system/dark/cut.svg#on-surface--enabled');
14279
+ --icon__system_cut_on-surface--hover: url('#{$icons-path}system/dark/cut.svg#on-surface--hover');
14280
+ --icon__system_cut_on-surface--active: url('#{$icons-path}system/dark/cut.svg#on-surface--active');
14281
+ --icon__system_cut_on-surface--disabled: url('#{$icons-path}system/dark/cut.svg#on-surface--disabled');
14282
+ --icon__system_cut_on-elevation--enabled: url('#{$icons-path}system/dark/cut.svg#on-elevation--enabled');
14283
+ --icon__system_cut_primary--enabled: url('#{$icons-path}system/dark/cut.svg#primary--enabled');
14284
+ --icon__system_cut_primary--hover: url('#{$icons-path}system/dark/cut.svg#primary--hover');
14285
+ --icon__system_cut_primary--active: url('#{$icons-path}system/dark/cut.svg#primary--active');
14286
+ --icon__system_cut_primary--disabled: url('#{$icons-path}system/dark/cut.svg#primary--disabled');
14287
14287
  --icon__system_copy_on-surface--enabled: url('#{$icons-path}system/dark/copy.svg#on-surface--enabled');
14288
14288
  --icon__system_copy_on-surface--hover: url('#{$icons-path}system/dark/copy.svg#on-surface--hover');
14289
14289
  --icon__system_copy_on-surface--active: url('#{$icons-path}system/dark/copy.svg#on-surface--active');
@@ -14320,15 +14320,15 @@
14320
14320
  --icon__system_check_primary--hover: url('#{$icons-path}system/dark/check.svg#primary--hover');
14321
14321
  --icon__system_check_primary--active: url('#{$icons-path}system/dark/check.svg#primary--active');
14322
14322
  --icon__system_check_primary--disabled: url('#{$icons-path}system/dark/check.svg#primary--disabled');
14323
- --icon__system_Card_on-surface--enabled: url('#{$icons-path}system/dark/Card.svg#on-surface--enabled');
14324
- --icon__system_Card_on-surface--hover: url('#{$icons-path}system/dark/Card.svg#on-surface--hover');
14325
- --icon__system_Card_on-surface--active: url('#{$icons-path}system/dark/Card.svg#on-surface--active');
14326
- --icon__system_Card_on-surface--disabled: url('#{$icons-path}system/dark/Card.svg#on-surface--disabled');
14327
- --icon__system_Card_on-elevation--enabled: url('#{$icons-path}system/dark/Card.svg#on-elevation--enabled');
14328
- --icon__system_Card_primary--enabled: url('#{$icons-path}system/dark/Card.svg#primary--enabled');
14329
- --icon__system_Card_primary--hover: url('#{$icons-path}system/dark/Card.svg#primary--hover');
14330
- --icon__system_Card_primary--active: url('#{$icons-path}system/dark/Card.svg#primary--active');
14331
- --icon__system_Card_primary--disabled: url('#{$icons-path}system/dark/Card.svg#primary--disabled');
14323
+ --icon__system_card_on-surface--enabled: url('#{$icons-path}system/dark/card.svg#on-surface--enabled');
14324
+ --icon__system_card_on-surface--hover: url('#{$icons-path}system/dark/card.svg#on-surface--hover');
14325
+ --icon__system_card_on-surface--active: url('#{$icons-path}system/dark/card.svg#on-surface--active');
14326
+ --icon__system_card_on-surface--disabled: url('#{$icons-path}system/dark/card.svg#on-surface--disabled');
14327
+ --icon__system_card_on-elevation--enabled: url('#{$icons-path}system/dark/card.svg#on-elevation--enabled');
14328
+ --icon__system_card_primary--enabled: url('#{$icons-path}system/dark/card.svg#primary--enabled');
14329
+ --icon__system_card_primary--hover: url('#{$icons-path}system/dark/card.svg#primary--hover');
14330
+ --icon__system_card_primary--active: url('#{$icons-path}system/dark/card.svg#primary--active');
14331
+ --icon__system_card_primary--disabled: url('#{$icons-path}system/dark/card.svg#primary--disabled');
14332
14332
  --icon__system_card-variant_on-surface--enabled: url('#{$icons-path}system/dark/card-variant.svg#on-surface--enabled');
14333
14333
  --icon__system_card-variant_on-surface--hover: url('#{$icons-path}system/dark/card-variant.svg#on-surface--hover');
14334
14334
  --icon__system_card-variant_on-surface--active: url('#{$icons-path}system/dark/card-variant.svg#on-surface--active');
@@ -14338,15 +14338,6 @@
14338
14338
  --icon__system_card-variant_primary--hover: url('#{$icons-path}system/dark/card-variant.svg#primary--hover');
14339
14339
  --icon__system_card-variant_primary--active: url('#{$icons-path}system/dark/card-variant.svg#primary--active');
14340
14340
  --icon__system_card-variant_primary--disabled: url('#{$icons-path}system/dark/card-variant.svg#primary--disabled');
14341
- --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--enabled');
14342
- --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/dark/Assistant.svg#on-surface--hover');
14343
- --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/dark/Assistant.svg#on-surface--active');
14344
- --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--disabled');
14345
- --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-elevation--enabled');
14346
- --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/dark/Assistant.svg#primary--enabled');
14347
- --icon__system_Assistant_primary--hover: url('#{$icons-path}system/dark/Assistant.svg#primary--hover');
14348
- --icon__system_Assistant_primary--active: url('#{$icons-path}system/dark/Assistant.svg#primary--active');
14349
- --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/dark/Assistant.svg#primary--disabled');
14350
14341
  --icon__system_arrow-up_on-surface--enabled: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--enabled');
14351
14342
  --icon__system_arrow-up_on-surface--hover: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--hover');
14352
14343
  --icon__system_arrow-up_on-surface--active: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--active');
@@ -14419,6 +14410,15 @@
14419
14410
  --icon__system_add-circle_primary--hover: url('#{$icons-path}system/dark/add-circle.svg#primary--hover');
14420
14411
  --icon__system_add-circle_primary--active: url('#{$icons-path}system/dark/add-circle.svg#primary--active');
14421
14412
  --icon__system_add-circle_primary--disabled: url('#{$icons-path}system/dark/add-circle.svg#primary--disabled');
14413
+ --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--enabled');
14414
+ --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/dark/Assistant.svg#on-surface--hover');
14415
+ --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/dark/Assistant.svg#on-surface--active');
14416
+ --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--disabled');
14417
+ --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-elevation--enabled');
14418
+ --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/dark/Assistant.svg#primary--enabled');
14419
+ --icon__system_Assistant_primary--hover: url('#{$icons-path}system/dark/Assistant.svg#primary--hover');
14420
+ --icon__system_Assistant_primary--active: url('#{$icons-path}system/dark/Assistant.svg#primary--active');
14421
+ --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/dark/Assistant.svg#primary--disabled');
14422
14422
 
14423
14423
  }
14424
14424
 
@@ -18193,7 +18193,7 @@
18193
18193
  }
18194
18194
 
18195
18195
  @if $utility-classes {
18196
- @include utilities-background();
18196
+ @include utilities-elevation();
18197
18197
  }
18198
18198
 
18199
18199
  @if $layout-classes {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@genexus/mercury",
3
- "version": "0.9.6",
3
+ "version": "0.9.8",
4
4
  "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
5
5
  "main": "dist/mercury.scss",
6
6
  "module": "dist/assets-manager.js",