@genexus/mercury 0.1.18 → 0.1.19

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/assets/MERCURY_ASSETS.js +4030 -0
  2. package/dist/css/mercury.css +145 -136
  3. package/dist/css/mercury.css.map +1 -1
  4. package/dist/mercury.scss +220 -201
  5. package/package.json +3 -3
package/dist/css/mercury.css CHANGED
@@ -376,6 +376,15 @@ Window
376
376
  padding-inline-start: calc(var(--mer-form-input__padding-inline) * 2 + var(--mer-form-input__icon-size));
377
377
  }
378
378
 
379
+ /* - - - - - - - - - - - - - - - -
380
+ Monochrome Categories and Colors
381
+ - - - - - - - - - - - - - - - - -*/
382
+ /* - - - - - - - - - - -
383
+ Monochrome lists
384
+ - - - - - - - - - - - */
385
+ /* - - - - - - - - - - -
386
+ Multicolor lists
387
+ - - - - - - - - - - - */
379
388
  /* - - - - - - - - - - - - - - - - - -
380
389
  MONOCHROME CONSTRUCTS
381
390
  - - - - - - - - - - - - - - - - - - */
@@ -5736,96 +5745,96 @@ DARK CUSTOM PROPERTIES
5736
5745
  }
5737
5746
  :root.light {
5738
5747
  color-scheme: light;
5739
- --mer-color__primary-blue--200: #2070ce;
5740
- --mer-color__primary-blue--300: #5498e8;
5741
- --mer-color__primary-blue--400: #437dc0;
5742
- --mer-color__primary-blue--600: #335884;
5743
- --mer-color__neutral-gray--00: #363636;
5744
- --mer-color__neutral-gray--100: #525151;
5745
- --mer-color__neutral-gray--200: #616161;
5746
- --mer-color__neutral-gray--300: #696969;
5747
- --mer-color__neutral-gray--400: #666666;
5748
- --mer-color__neutral-gray--500: #7f7f7f;
5749
- --mer-color__neutral-gray--600: #999999;
5750
- --mer-color__neutral-gray--700: #b3b3b3;
5751
- --mer-color__neutral-gray--800: #cccccc;
5752
- --mer-color__neutral-gray--900: #ffffff;
5753
- --mer-color__neutral-gray--1000: #f8f8f8;
5754
- --mer-color__neutral-gray--1100: #f1f1f1;
5755
- --mer-color__neutral-gray--1200: #e4e4e4;
5756
- --mer-color__neutral-gray--1300: #dedede;
5757
- --mer-color__neutral-gray--1400: #ffffff;
5758
- --mer-color__tinted-yellow--5: #ffc96b0d;
5759
- --mer-color__tinted-yellow--60: #ffc96b99;
5760
- --mer-color__tinted-red--5: #fb7c840d;
5761
- --mer-color__tinted-red--60: #fb7c8499;
5762
- --mer-color__tinted-green--5: #3fa89b0d;
5763
- --mer-color__tinted-green--60: #3fa89b99;
5764
- --mer-color__tinted-blue--5: #2070ce0d;
5765
- --mer-color__tinted-blue--8: #2070ce14;
5766
- --mer-color__tinted-blue--10: #2070ce1a;
5767
- --mer-color__tinted-blue--20: #2070ce33;
5768
- --mer-color__tinted-blue--50: #2070ce80;
5769
- --mer-color__message-green--100: #3fa89b;
5770
- --mer-color__message-green--200: #3fa89b;
5771
- --mer-color__message-yellow--100: #ffc96b;
5772
- --mer-color__message-yellow--200: #ffc96b;
5773
- --mer-color__message-red--100: #fb7c84;
5774
- --mer-color__message-red--200: #fb7c84;
5775
- --mer-color__message-red--300: #dd8f94;
5776
- --mer-color__surface: #f4f5f5;
5777
- --mer-color__elevation--01: #f1f1f1;
5778
- --mer-color__elevation--02: #e4e4e4;
5779
- --mer-color__elevation--03: #dedede;
5780
- --mer-color__elevation--04: #ffffff;
5781
- --mer-color__secondary-green--200: #3fa89b;
5748
+ --mer-color-primary-blue--200: #2070ce;
5749
+ --mer-color-primary-blue--300: #5498e8;
5750
+ --mer-color-primary-blue--400: #437dc0;
5751
+ --mer-color-primary-blue--600: #335884;
5752
+ --mer-color-neutral-gray--00: #363636;
5753
+ --mer-color-neutral-gray--100: #525151;
5754
+ --mer-color-neutral-gray--200: #616161;
5755
+ --mer-color-neutral-gray--300: #696969;
5756
+ --mer-color-neutral-gray--400: #666666;
5757
+ --mer-color-neutral-gray--500: #7f7f7f;
5758
+ --mer-color-neutral-gray--600: #999999;
5759
+ --mer-color-neutral-gray--700: #b3b3b3;
5760
+ --mer-color-neutral-gray--800: #cccccc;
5761
+ --mer-color-neutral-gray--900: #ffffff;
5762
+ --mer-color-neutral-gray--1000: #f8f8f8;
5763
+ --mer-color-neutral-gray--1100: #f1f1f1;
5764
+ --mer-color-neutral-gray--1200: #e4e4e4;
5765
+ --mer-color-neutral-gray--1300: #dedede;
5766
+ --mer-color-neutral-gray--1400: #ffffff;
5767
+ --mer-color-tinted-yellow--5: #ffc96b0d;
5768
+ --mer-color-tinted-yellow--60: #ffc96b99;
5769
+ --mer-color-tinted-red--5: #fb7c840d;
5770
+ --mer-color-tinted-red--60: #fb7c8499;
5771
+ --mer-color-tinted-green--5: #3fa89b0d;
5772
+ --mer-color-tinted-green--60: #3fa89b99;
5773
+ --mer-color-tinted-blue--5: #2070ce0d;
5774
+ --mer-color-tinted-blue--8: #2070ce14;
5775
+ --mer-color-tinted-blue--10: #2070ce1a;
5776
+ --mer-color-tinted-blue--20: #2070ce33;
5777
+ --mer-color-tinted-blue--50: #2070ce80;
5778
+ --mer-color-message-green--100: #3fa89b;
5779
+ --mer-color-message-green--200: #3fa89b;
5780
+ --mer-color-message-yellow--100: #ffc96b;
5781
+ --mer-color-message-yellow--200: #ffc96b;
5782
+ --mer-color-message-red--100: #fb7c84;
5783
+ --mer-color-message-red--200: #fb7c84;
5784
+ --mer-color-message-red--300: #dd8f94;
5785
+ --mer-color-surface: #f4f5f5;
5786
+ --mer-color-elevation--01: #f1f1f1;
5787
+ --mer-color-elevation--02: #e4e4e4;
5788
+ --mer-color-elevation--03: #dedede;
5789
+ --mer-color-elevation--04: #ffffff;
5790
+ --mer-color-secondary-green--200: #3fa89b;
5782
5791
  }
5783
5792
 
5784
5793
  :root.dark {
5785
5794
  color-scheme: dark;
5786
- --mer-color__primary-blue--200: #5ba7ff;
5787
- --mer-color__primary-blue--300: #5498e8;
5788
- --mer-color__primary-blue--400: #437dc0;
5789
- --mer-color__primary-blue--600: #335884;
5790
- --mer-color__neutral-gray--00: #ffffff;
5791
- --mer-color__neutral-gray--100: #cccccc;
5792
- --mer-color__neutral-gray--200: #b3b3b3;
5793
- --mer-color__neutral-gray--300: #999999;
5794
- --mer-color__neutral-gray--400: #7f7f7f;
5795
- --mer-color__neutral-gray--500: #666666;
5796
- --mer-color__neutral-gray--600: #4d4d4d;
5797
- --mer-color__neutral-gray--700: #333333;
5798
- --mer-color__neutral-gray--800: #1a1a1a;
5799
- --mer-color__neutral-gray--900: #000000;
5800
- --mer-color__neutral-gray--1000: #1f2225;
5801
- --mer-color__neutral-gray--1100: #24272a;
5802
- --mer-color__neutral-gray--1200: #2d3032;
5803
- --mer-color__neutral-gray--1300: #3b3e40;
5804
- --mer-color__neutral-gray--1400: #2d3134;
5805
- --mer-color__tinted-yellow--5: #ffc96b0d;
5806
- --mer-color__tinted-yellow--60: #ffc96b99;
5807
- --mer-color__tinted-red--5: #fb7c840d;
5808
- --mer-color__tinted-red--60: #fb7c8499;
5809
- --mer-color__tinted-green--5: #3fa89b0d;
5810
- --mer-color__tinted-green--60: #3fa89b99;
5811
- --mer-color__tinted-blue--5: #5ba7ff0d;
5812
- --mer-color__tinted-blue--8: #5ba7ff14;
5813
- --mer-color__tinted-blue--10: #5ba7ff1a;
5814
- --mer-color__tinted-blue--20: #5ba7ff33;
5815
- --mer-color__tinted-blue--50: #5ba7ff80;
5816
- --mer-color__message-green--100: #3fa89b;
5817
- --mer-color__message-green--200: #3fa89b;
5818
- --mer-color__message-yellow--100: #ffc96b;
5819
- --mer-color__message-yellow--200: #f9bd56;
5820
- --mer-color__message-red--100: #fb7c84;
5821
- --mer-color__message-red--200: #e35861;
5822
- --mer-color__message-red--300: #dd8f94;
5823
- --mer-color__surface: #1a1d20;
5824
- --mer-color__elevation--01: #202428;
5825
- --mer-color__elevation--02: #262a2f;
5826
- --mer-color__elevation--03: #2b3237;
5827
- --mer-color__elevation--04: #3b4044;
5828
- --mer-color__secondary-green--200: #3fa89b;
5795
+ --mer-color-primary-blue--200: #5ba7ff;
5796
+ --mer-color-primary-blue--300: #5498e8;
5797
+ --mer-color-primary-blue--400: #437dc0;
5798
+ --mer-color-primary-blue--600: #335884;
5799
+ --mer-color-neutral-gray--00: #ffffff;
5800
+ --mer-color-neutral-gray--100: #cccccc;
5801
+ --mer-color-neutral-gray--200: #b3b3b3;
5802
+ --mer-color-neutral-gray--300: #999999;
5803
+ --mer-color-neutral-gray--400: #7f7f7f;
5804
+ --mer-color-neutral-gray--500: #666666;
5805
+ --mer-color-neutral-gray--600: #4d4d4d;
5806
+ --mer-color-neutral-gray--700: #333333;
5807
+ --mer-color-neutral-gray--800: #1a1a1a;
5808
+ --mer-color-neutral-gray--900: #000000;
5809
+ --mer-color-neutral-gray--1000: #1f2225;
5810
+ --mer-color-neutral-gray--1100: #24272a;
5811
+ --mer-color-neutral-gray--1200: #2d3032;
5812
+ --mer-color-neutral-gray--1300: #3b3e40;
5813
+ --mer-color-neutral-gray--1400: #2d3134;
5814
+ --mer-color-tinted-yellow--5: #ffc96b0d;
5815
+ --mer-color-tinted-yellow--60: #ffc96b99;
5816
+ --mer-color-tinted-red--5: #fb7c840d;
5817
+ --mer-color-tinted-red--60: #fb7c8499;
5818
+ --mer-color-tinted-green--5: #3fa89b0d;
5819
+ --mer-color-tinted-green--60: #3fa89b99;
5820
+ --mer-color-tinted-blue--5: #5ba7ff0d;
5821
+ --mer-color-tinted-blue--8: #5ba7ff14;
5822
+ --mer-color-tinted-blue--10: #5ba7ff1a;
5823
+ --mer-color-tinted-blue--20: #5ba7ff33;
5824
+ --mer-color-tinted-blue--50: #5ba7ff80;
5825
+ --mer-color-message-green--100: #3fa89b;
5826
+ --mer-color-message-green--200: #3fa89b;
5827
+ --mer-color-message-yellow--100: #ffc96b;
5828
+ --mer-color-message-yellow--200: #f9bd56;
5829
+ --mer-color-message-red--100: #fb7c84;
5830
+ --mer-color-message-red--200: #e35861;
5831
+ --mer-color-message-red--300: #dd8f94;
5832
+ --mer-color-surface: #1a1d20;
5833
+ --mer-color-elevation--01: #202428;
5834
+ --mer-color-elevation--02: #262a2f;
5835
+ --mer-color-elevation--03: #2b3237;
5836
+ --mer-color-elevation--04: #3b4044;
5837
+ --mer-color-secondary-green--200: #3fa89b;
5829
5838
  }
5830
5839
 
5831
5840
  :root {
@@ -5878,21 +5887,21 @@ DARK CUSTOM PROPERTIES
5878
5887
  --mer-item__bg-color: var(--mer-item__bg-color--enabled);
5879
5888
  --mer-item__border-color: var(--mer-item__border-color--enabled);
5880
5889
  --mer-item__color--enabled: var(--mer-text__on-elevation);
5881
- --mer-item__bg-color--enabled: var(--mer-color__elevation--01);
5882
- --mer-item__border-color--enabled: var(--mer-color__elevation--04);
5883
- --mer-item__color--hover: var(--mer-color__neutral-gray--100);
5884
- --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
5885
- --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
5890
+ --mer-item__bg-color--enabled: var(--mer-color-elevation--01);
5891
+ --mer-item__border-color--enabled: var(--mer-color-elevation--04);
5892
+ --mer-item__color--hover: var(--mer-color-neutral-gray--100);
5893
+ --mer-item__bg-color--hover: var(--mer-color-tinted-blue--5);
5894
+ --mer-item__border-color--hover: var(--mer-color-tinted-blue--20);
5886
5895
  --mer-item__color--selected: var(
5887
- --mer-color__neutral-gray--100
5896
+ --mer-color-neutral-gray--100
5888
5897
  );
5889
- --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
5890
- --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
5898
+ --mer-item__bg-color--selected: var(--mer-color-tinted-blue--10);
5899
+ --mer-item__border-color--selected: var(--mer-color-tinted-blue--20);
5891
5900
  --mer-item__color--selected-hover: var(
5892
- --mer-color__neutral-gray--100
5901
+ --mer-color-neutral-gray--100
5893
5902
  );
5894
- --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
5895
- --mer-item__border-color--selected-hover: var(--mer-color__tinted-blue--20);
5903
+ --mer-item__bg-color--selected-hover: var(--mer-color-tinted-blue--10);
5904
+ --mer-item__border-color--selected-hover: var(--mer-color-tinted-blue--20);
5896
5905
  --mer-item__color--disabled: var();
5897
5906
  --mer-item__bg-color--disabled: var();
5898
5907
  --mer-item__border-color--disabled: var();
@@ -5914,52 +5923,52 @@ DARK CUSTOM PROPERTIES
5914
5923
  }
5915
5924
 
5916
5925
  :root {
5917
- --mer-border__width--sm: 1px;
5918
- --mer-border__width--md: 2px;
5919
- --mer-border__width--lg: 4px;
5920
- --mer-border__radius--2xs: 1px;
5921
- --mer-border__radius--xs: 2px;
5922
- --mer-border__radius--sm: 4px;
5923
- --mer-border__radius--md: 8px;
5924
- --mer-border__radius--lg: 12px;
5925
- --mer-border__radius--xl: 30px;
5926
- --mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);
5927
- --mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);
5928
- --mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);
5929
- --mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);
5930
- --mer-elevation__border-01: transparent;
5931
- --mer-elevation__border-02: transparent;
5932
- --mer-elevation__border-03: transparent;
5933
- --mer-elevation__border-04: transparent;
5926
+ --mer-border-width--sm: 1px;
5927
+ --mer-border-width--md: 2px;
5928
+ --mer-border-width--lg: 4px;
5929
+ --mer-border-radius--2xs: 1px;
5930
+ --mer-border-radius--xs: 2px;
5931
+ --mer-border-radius--sm: 4px;
5932
+ --mer-border-radius--md: 8px;
5933
+ --mer-border-radius--lg: 12px;
5934
+ --mer-border-radius--xl: 30px;
5935
+ --mer-bg-color-elevation--01: var(--mer-color__neutral-gray--900);
5936
+ --mer-bg-color-elevation--02: var(--mer-color__neutral-gray--900);
5937
+ --mer-bg-color-elevation--03: var(--mer-color__neutral-gray--900);
5938
+ --mer-bg-color-elevation--04: var(--mer-color__neutral-gray--900);
5939
+ --mer-border-color-elevation--01: transparent;
5940
+ --mer-border-color-elevation--02: transparent;
5941
+ --mer-border-color-elevation--03: transparent;
5942
+ --mer-border-color-elevation--04: transparent;
5934
5943
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
5935
- --mer-elevation__bg-color--01: var(--mer-color__elevation--01);
5936
- --mer-elevation__bg-color--02: var(--mer-color__elevation--02);
5937
- --mer-elevation__bg-color--03: var(--mer-color__elevation--03);
5938
- --mer-elevation__bg-color--04: var(--mer-color__elevation--04);
5939
- --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
5940
- --mer-elevation__border-03: transparent;
5941
- --mer-elevation__border-04: transparent;
5942
- --mer-elevation__box-shadow--01: none;
5943
- --mer-elevation__box-shadow--02: none;
5944
- --mer-elevation__box-shadow--03: none;
5945
- --mer-elevation__box-shadow--04: none;
5944
+ --mer-bg-color-elevation--01: var(--mer-color__elevation--01);
5945
+ --mer-bg-color-elevation--02: var(--mer-color__elevation--02);
5946
+ --mer-bg-color-elevation--03: var(--mer-color__elevation--03);
5947
+ --mer-bg-color-elevation--04: var(--mer-color__elevation--04);
5948
+ --mer-border-color-elevation--01: 1px solid var(--mer-color__elevation--03);
5949
+ --mer-border-color-elevation--03: transparent;
5950
+ --mer-border-color-elevation--04: transparent;
5951
+ --mer-box-shadow-elevation--01: none;
5952
+ --mer-box-shadow-elevation--02: none;
5953
+ --mer-box-shadow-elevation--03: none;
5954
+ --mer-box-shadow-elevation--04: none;
5946
5955
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
5947
5956
  --mer-font-family--inter-light: "Inter_Light", arial, sans-serif;
5948
5957
  --mer-font-family--inter-regular: "Inter_Regular", arial, sans-serif;
5949
5958
  --mer-font-family--inter-semi-bold: "Inter_SemiBold", arial, sans-serif;
5950
5959
  --mer-font-family--inter-bold: "Inter_Bold", arial, sans-serif;
5951
5960
  --mer-font-family--inter-extra-bold: "Inter_ExtraBold", arial, sans-serif;
5952
- --mer-font__weight--light: 300;
5953
- --mer-font__weight--regular: 400;
5954
- --mer-font__weight--semi-bold: 600;
5955
- --mer-font__weight--bold: 700;
5956
- --mer-font__weight--extra-bold: 800;
5957
- --mer-font__size--2xs: 12px;
5958
- --mer-font__size--xs: 14px;
5959
- --mer-font__size--sm: 16px;
5960
- --mer-font__size--md: 20px;
5961
- --mer-font__size--lg: 24px;
5962
- --mer-font__size--xl: 36px;
5961
+ --mer-font-weight--light: 300;
5962
+ --mer-font-weight--regular: 400;
5963
+ --mer-font-weight--semi-bold: 600;
5964
+ --mer-font-weight--bold: 700;
5965
+ --mer-font-weight--extra-bold: 800;
5966
+ --mer-font-size--2xs: 12px;
5967
+ --mer-font-size--xs: 14px;
5968
+ --mer-font-size--sm: 16px;
5969
+ --mer-font-size--md: 20px;
5970
+ --mer-font-size--lg: 24px;
5971
+ --mer-font-size--xl: 36px;
5963
5972
  --mer-line-height--tight: 1.4em;
5964
5973
  --mer-line-height--regular: 1.5em;
5965
5974
  --mer-line-height--comfortable: 1.7em;