@genexus/mercury 0.1.19 → 0.1.21

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 (4) hide show
  1. package/dist/css/mercury.css +211 -172
  2. package/dist/css/mercury.css.map +1 -1
  3. package/dist/mercury.scss +313 -182
  4. package/package.json +2 -2
package/dist/css/mercury.css CHANGED
@@ -269,6 +269,28 @@ Window
269
269
  color: var(--mer-form-input__color--placeholder);
270
270
  }
271
271
 
272
+ .fieldset {
273
+ display: flex;
274
+ flex-direction: column;
275
+ gap: var(--mer-spacing--md);
276
+ border: none;
277
+ }
278
+ .fieldset-legend {
279
+ margin-block-end: var(--mer-spacing--md);
280
+ }
281
+ .fieldset-group {
282
+ display: flex;
283
+ flex-direction: column;
284
+ }
285
+ .fieldset-group--row {
286
+ flex-direction: row;
287
+ align-items: center;
288
+ }
289
+ .fieldset--row {
290
+ flex-direction: row;
291
+ flex-wrap: wrap;
292
+ }
293
+
272
294
  .tab::part(close-button):after {
273
295
  content: "";
274
296
  display: block;
@@ -289,38 +311,48 @@ Window
289
311
  background: var(--icon-path) var(--mer-form-input__bg-position--x) center/var(--mer-form-input__icon-size) no-repeat;
290
312
  }
291
313
 
314
+ .heading-6, .fieldset-legend, .heading-5, .heading-4, .heading-3, .heading-2, .heading-1 {
315
+ font-family: var(--mer-font-family--title);
316
+ color: var(--mer-color__neutral-gray--100);
317
+ line-height: var(--mer-line-height--tight);
318
+ }
319
+
292
320
  .heading-1 {
293
- font-weight: 700;
294
- font-size: 28px;
295
- line-height: 32px;
296
- letter-spacing: 0.4px;
321
+ font-size: 36px;
322
+ font-weight: var(--mer-font__weight--bold);
297
323
  }
298
324
 
299
325
  .heading-2 {
300
- font-weight: 700;
301
- font-size: 22px;
302
- line-height: 24px;
303
- letter-spacing: 0.8px;
326
+ font-size: var(--mer-font__size--lg);
327
+ font-weight: var(--mer-font__weight--bold);
304
328
  }
305
329
 
306
330
  .heading-3 {
307
- font-size: 18px;
308
- line-height: 20px;
309
- letter-spacing: 0.4px;
331
+ font-size: 20px;
332
+ font-weight: var(--mer-font__weight--bold);
310
333
  }
311
334
 
312
335
  .heading-4 {
313
- font-weight: 700;
336
+ font-size: var(--mer-font__size--md);
337
+ font-weight: var(--mer-font__weight--bold);
338
+ }
339
+
340
+ .heading-5 {
314
341
  font-size: 14px;
315
- line-height: 18px;
316
- letter-spacing: 0.4px;
342
+ font-weight: var(--mer-font__weight--bold);
343
+ }
344
+
345
+ .heading-6, .fieldset-legend {
346
+ font-size: var(--mer-font__size--sm);
347
+ font-weight: var(--mer-font__weight--semi-bold);
317
348
  }
318
349
 
319
350
  .text-body {
320
351
  font-size: var(--mer-font__size--xs);
321
- font-family: var(--mer-font-family--inter-regular);
322
- line-height: var(--mer-line-height--regular);
323
- margin-block: var(--mer-spacing--sm);
352
+ font-family: var(--mer-body__font-family);
353
+ font-weight: var(--mer-body__font-weight);
354
+ line-height: var(--mer-body__line-height);
355
+ margin-block: var(--mer-body__margin-block);
324
356
  }
325
357
 
326
358
  .tab::part(button) {
@@ -5719,122 +5751,127 @@ DARK CUSTOM PROPERTIES
5719
5751
  --icon-path: var(--icon__gemini-tools_add_on-surface--enabled);
5720
5752
  }
5721
5753
  @font-face {
5722
- font-family: Inter_Light;
5754
+ font-family: "Inter";
5723
5755
  src: url("../assets/fonts/Inter_Light.woff2");
5724
- font-display: swap;
5756
+ font-weight: 300;
5757
+ font-style: normal;
5725
5758
  }
5726
5759
  @font-face {
5727
- font-family: Inter_Regular;
5760
+ font-family: "Inter";
5728
5761
  src: url("../assets/fonts/Inter_Regular.woff2");
5729
- font-display: swap;
5762
+ font-weight: 400;
5763
+ font-style: normal;
5730
5764
  }
5731
5765
  @font-face {
5732
- font-family: Inter_SemiBold;
5766
+ font-family: "Inter";
5733
5767
  src: url("../assets/fonts/Inter_SemiBold.woff2");
5734
- font-display: swap;
5768
+ font-weight: 600;
5769
+ font-style: normal;
5735
5770
  }
5736
5771
  @font-face {
5737
- font-family: Inter_Bold;
5772
+ font-family: "Inter";
5738
5773
  src: url("../assets/fonts/Inter_Bold.woff2");
5739
- font-display: swap;
5774
+ font-weight: 700;
5775
+ font-style: normal;
5740
5776
  }
5741
5777
  @font-face {
5742
- font-family: Inter_ExtraBold;
5778
+ font-family: "Inter";
5743
5779
  src: url("../assets/fonts/Inter_ExtraBold.woff2");
5744
- font-display: swap;
5780
+ font-weight: 800;
5781
+ font-style: normal;
5745
5782
  }
5746
5783
  :root.light {
5747
5784
  color-scheme: light;
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;
5785
+ --mer-color__primary-blue--200: #2070ce;
5786
+ --mer-color__primary-blue--300: #5498e8;
5787
+ --mer-color__primary-blue--400: #437dc0;
5788
+ --mer-color__primary-blue--600: #335884;
5789
+ --mer-color__neutral-gray--00: #363636;
5790
+ --mer-color__neutral-gray--100: #525151;
5791
+ --mer-color__neutral-gray--200: #616161;
5792
+ --mer-color__neutral-gray--300: #696969;
5793
+ --mer-color__neutral-gray--400: #666666;
5794
+ --mer-color__neutral-gray--500: #7f7f7f;
5795
+ --mer-color__neutral-gray--600: #999999;
5796
+ --mer-color__neutral-gray--700: #b3b3b3;
5797
+ --mer-color__neutral-gray--800: #cccccc;
5798
+ --mer-color__neutral-gray--900: #ffffff;
5799
+ --mer-color__neutral-gray--1000: #f8f8f8;
5800
+ --mer-color__neutral-gray--1100: #f1f1f1;
5801
+ --mer-color__neutral-gray--1200: #e4e4e4;
5802
+ --mer-color__neutral-gray--1300: #dedede;
5803
+ --mer-color__neutral-gray--1400: #ffffff;
5804
+ --mer-color__tinted-yellow--5: #ffc96b0d;
5805
+ --mer-color__tinted-yellow--60: #ffc96b99;
5806
+ --mer-color__tinted-red--5: #fb7c840d;
5807
+ --mer-color__tinted-red--60: #fb7c8499;
5808
+ --mer-color__tinted-green--5: #3fa89b0d;
5809
+ --mer-color__tinted-green--60: #3fa89b99;
5810
+ --mer-color__tinted-blue--5: #2070ce0d;
5811
+ --mer-color__tinted-blue--8: #2070ce14;
5812
+ --mer-color__tinted-blue--10: #2070ce1a;
5813
+ --mer-color__tinted-blue--20: #2070ce33;
5814
+ --mer-color__tinted-blue--50: #2070ce80;
5815
+ --mer-color__message-green--100: #3fa89b;
5816
+ --mer-color__message-green--200: #3fa89b;
5817
+ --mer-color__message-yellow--100: #ffc96b;
5818
+ --mer-color__message-yellow--200: #ffc96b;
5819
+ --mer-color__message-red--100: #fb7c84;
5820
+ --mer-color__message-red--200: #fb7c84;
5821
+ --mer-color__message-red--300: #dd8f94;
5822
+ --mer-color__surface: #f4f5f5;
5823
+ --mer-color__elevation--01: #f1f1f1;
5824
+ --mer-color__elevation--02: #e4e4e4;
5825
+ --mer-color__elevation--03: #dedede;
5826
+ --mer-color__elevation--04: #ffffff;
5827
+ --mer-color__secondary-green--200: #3fa89b;
5791
5828
  }
5792
5829
 
5793
5830
  :root.dark {
5794
5831
  color-scheme: dark;
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;
5832
+ --mer-color__primary-blue--200: #5ba7ff;
5833
+ --mer-color__primary-blue--300: #5498e8;
5834
+ --mer-color__primary-blue--400: #437dc0;
5835
+ --mer-color__primary-blue--600: #335884;
5836
+ --mer-color__neutral-gray--00: #ffffff;
5837
+ --mer-color__neutral-gray--100: #cccccc;
5838
+ --mer-color__neutral-gray--200: #b3b3b3;
5839
+ --mer-color__neutral-gray--300: #999999;
5840
+ --mer-color__neutral-gray--400: #7f7f7f;
5841
+ --mer-color__neutral-gray--500: #666666;
5842
+ --mer-color__neutral-gray--600: #4d4d4d;
5843
+ --mer-color__neutral-gray--700: #333333;
5844
+ --mer-color__neutral-gray--800: #1a1a1a;
5845
+ --mer-color__neutral-gray--900: #000000;
5846
+ --mer-color__neutral-gray--1000: #1f2225;
5847
+ --mer-color__neutral-gray--1100: #24272a;
5848
+ --mer-color__neutral-gray--1200: #2d3032;
5849
+ --mer-color__neutral-gray--1300: #3b3e40;
5850
+ --mer-color__neutral-gray--1400: #2d3134;
5851
+ --mer-color__tinted-yellow--5: #ffc96b0d;
5852
+ --mer-color__tinted-yellow--60: #ffc96b99;
5853
+ --mer-color__tinted-red--5: #fb7c840d;
5854
+ --mer-color__tinted-red--60: #fb7c8499;
5855
+ --mer-color__tinted-green--5: #3fa89b0d;
5856
+ --mer-color__tinted-green--60: #3fa89b99;
5857
+ --mer-color__tinted-blue--5: #5ba7ff0d;
5858
+ --mer-color__tinted-blue--8: #5ba7ff14;
5859
+ --mer-color__tinted-blue--10: #5ba7ff1a;
5860
+ --mer-color__tinted-blue--20: #5ba7ff33;
5861
+ --mer-color__tinted-blue--50: #5ba7ff80;
5862
+ --mer-color__message-green--100: #3fa89b;
5863
+ --mer-color__message-green--200: #3fa89b;
5864
+ --mer-color__message-yellow--100: #ffc96b;
5865
+ --mer-color__message-yellow--200: #f9bd56;
5866
+ --mer-color__message-red--100: #fb7c84;
5867
+ --mer-color__message-red--200: #e35861;
5868
+ --mer-color__message-red--300: #dd8f94;
5869
+ --mer-color__surface: #1a1d20;
5870
+ --mer-color__elevation--01: #202428;
5871
+ --mer-color__elevation--02: #262a2f;
5872
+ --mer-color__elevation--03: #2b3237;
5873
+ --mer-color__elevation--04: #3b4044;
5874
+ --mer-color__secondary-green--200: #3fa89b;
5838
5875
  }
5839
5876
 
5840
5877
  :root {
@@ -5887,21 +5924,21 @@ DARK CUSTOM PROPERTIES
5887
5924
  --mer-item__bg-color: var(--mer-item__bg-color--enabled);
5888
5925
  --mer-item__border-color: var(--mer-item__border-color--enabled);
5889
5926
  --mer-item__color--enabled: var(--mer-text__on-elevation);
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);
5927
+ --mer-item__bg-color--enabled: var(--mer-color__elevation--01);
5928
+ --mer-item__border-color--enabled: var(--mer-color__elevation--04);
5929
+ --mer-item__color--hover: var(--mer-color__neutral-gray--100);
5930
+ --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
5931
+ --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
5895
5932
  --mer-item__color--selected: var(
5896
- --mer-color-neutral-gray--100
5933
+ --mer-color__neutral-gray--100
5897
5934
  );
5898
- --mer-item__bg-color--selected: var(--mer-color-tinted-blue--10);
5899
- --mer-item__border-color--selected: var(--mer-color-tinted-blue--20);
5935
+ --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
5936
+ --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
5900
5937
  --mer-item__color--selected-hover: var(
5901
- --mer-color-neutral-gray--100
5938
+ --mer-color__neutral-gray--100
5902
5939
  );
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);
5940
+ --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
5941
+ --mer-item__border-color--selected-hover: var(--mer-color__tinted-blue--20);
5905
5942
  --mer-item__color--disabled: var();
5906
5943
  --mer-item__bg-color--disabled: var();
5907
5944
  --mer-item__border-color--disabled: var();
@@ -5923,52 +5960,50 @@ DARK CUSTOM PROPERTIES
5923
5960
  }
5924
5961
 
5925
5962
  :root {
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;
5963
+ --mer-border__width--sm: 1px;
5964
+ --mer-border__width--md: 2px;
5965
+ --mer-border__width--lg: 4px;
5966
+ --mer-border__radius--2xs: 1px;
5967
+ --mer-border__radius--xs: 2px;
5968
+ --mer-border__radius--sm: 4px;
5969
+ --mer-border__radius--md: 8px;
5970
+ --mer-border__radius--lg: 12px;
5971
+ --mer-border__radius--xl: 30px;
5972
+ --mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);
5973
+ --mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);
5974
+ --mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);
5975
+ --mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);
5976
+ --mer-elevation__border-01: transparent;
5977
+ --mer-elevation__border-02: transparent;
5978
+ --mer-elevation__border-03: transparent;
5979
+ --mer-elevation__border-04: transparent;
5943
5980
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
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;
5981
+ --mer-elevation__bg-color--01: var(--mer-color__elevation--01);
5982
+ --mer-elevation__bg-color--02: var(--mer-color__elevation--02);
5983
+ --mer-elevation__bg-color--03: var(--mer-color__elevation--03);
5984
+ --mer-elevation__bg-color--04: var(--mer-color__elevation--04);
5985
+ --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
5986
+ --mer-elevation__border-03: transparent;
5987
+ --mer-elevation__border-04: transparent;
5988
+ --mer-elevation__box-shadow--01: none;
5989
+ --mer-elevation__box-shadow--02: none;
5990
+ --mer-elevation__box-shadow--03: none;
5991
+ --mer-elevation__box-shadow--04: none;
5955
5992
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
5956
- --mer-font-family--inter-light: "Inter_Light", arial, sans-serif;
5957
- --mer-font-family--inter-regular: "Inter_Regular", arial, sans-serif;
5958
- --mer-font-family--inter-semi-bold: "Inter_SemiBold", arial, sans-serif;
5959
- --mer-font-family--inter-bold: "Inter_Bold", arial, sans-serif;
5960
- --mer-font-family--inter-extra-bold: "Inter_ExtraBold", arial, sans-serif;
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;
5993
+ --mer-font-family--title: Inter, Helvetica, Arial, sans-serif;
5994
+ --mer-font-family--body: Inter, Helvetica, Arial, sans-serif;
5995
+ --mer-font-family--code: monospace;
5996
+ --mer-font__weight--light: 300;
5997
+ --mer-font__weight--regular: 400;
5998
+ --mer-font__weight--semi-bold: 600;
5999
+ --mer-font__weight--bold: 700;
6000
+ --mer-font__weight--extra-bold: 800;
6001
+ --mer-font__size--2xs: 12px;
6002
+ --mer-font__size--xs: 14px;
6003
+ --mer-font__size--sm: 16px;
6004
+ --mer-font__size--md: 20px;
6005
+ --mer-font__size--lg: 24px;
6006
+ --mer-font__size--xl: 36px;
5972
6007
  --mer-line-height--tight: 1.4em;
5973
6008
  --mer-line-height--regular: 1.5em;
5974
6009
  --mer-line-height--comfortable: 1.7em;
@@ -5995,8 +6030,10 @@ DARK CUSTOM PROPERTIES
5995
6030
  --mer-body__bg-color: var(--mer-color__surface);
5996
6031
  --mer-body__color: var(--mer-text__on-surface);
5997
6032
  --mer-body__font-size: var(--mer-font__size--2xs);
5998
- --mer-body__font-family: var(--mer-font-family--inter-regular);
5999
- --mer-body__line-height: var(--mer-line-height--regular);
6033
+ --mer-body__font-family: var(--mer-font-family--body);
6034
+ --mer-body__font-weight: var(--mer-font__weight--regular);
6035
+ --mer-body__line-height: var(--mer-line-height--comfortable);
6036
+ --mer-body__margin-block: var(--mer-spacing--sm);
6000
6037
  /*----------------------
6001
6038
  System
6002
6039
  ----------------------*/
@@ -6082,8 +6119,10 @@ body {
6082
6119
  margin: 0;
6083
6120
  background-color: var(--mer-color__surface);
6084
6121
  color: var(--mer-text__on-surface);
6085
- line-height: var(--mer-line-height--regular);
6086
- font-family: Inter_Regular;
6122
+ line-height: var(--mer-body__line-height);
6123
+ font-family: var(--mer-body__font-family);
6124
+ font-size: var(--mer-body__font-size);
6125
+ font-weight: var(--mer-body__font-weight);
6087
6126
  }
6088
6127
 
6089
6128
  *,