@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.
package/dist/mercury.scss CHANGED
@@ -386,151 +386,151 @@ Window
386
386
  // Tokens Primitive
387
387
  @mixin border() {
388
388
  // border widths
389
- --mer-border__width--sm: 1px;
390
- --mer-border__width--md: 2px;
391
- --mer-border__width--lg: 4px;
389
+ --mer-border-width--sm: 1px;
390
+ --mer-border-width--md: 2px;
391
+ --mer-border-width--lg: 4px;
392
392
 
393
393
  //border radius
394
- --mer-border__radius--2xs: 1px;
395
- --mer-border__radius--xs: 2px;
396
- --mer-border__radius--sm: 4px;
397
- --mer-border__radius--md: 8px;
398
- --mer-border__radius--lg: 12px;
399
- --mer-border__radius--xl: 30px;
394
+ --mer-border-radius--2xs: 1px;
395
+ --mer-border-radius--xs: 2px;
396
+ --mer-border-radius--sm: 4px;
397
+ --mer-border-radius--md: 8px;
398
+ --mer-border-radius--lg: 12px;
399
+ --mer-border-radius--xl: 30px;
400
400
  }
401
401
 
402
402
  @mixin foundation-colors--light() {
403
403
  // primary
404
- --mer-color__primary-blue--200: #2070ce;
405
- --mer-color__primary-blue--300: #5498e8;
406
- --mer-color__primary-blue--400: #437dc0;
407
- --mer-color__primary-blue--600: #335884;
404
+ --mer-color-primary-blue--200: #2070ce;
405
+ --mer-color-primary-blue--300: #5498e8;
406
+ --mer-color-primary-blue--400: #437dc0;
407
+ --mer-color-primary-blue--600: #335884;
408
408
 
409
409
  // neutral
410
- --mer-color__neutral-gray--00: #363636;
411
- --mer-color__neutral-gray--100: #525151;
412
- --mer-color__neutral-gray--200: #616161;
413
- --mer-color__neutral-gray--300: #696969;
414
- --mer-color__neutral-gray--400: #666666;
415
- --mer-color__neutral-gray--500: #7f7f7f;
416
- --mer-color__neutral-gray--600: #999999;
417
- --mer-color__neutral-gray--700: #b3b3b3;
410
+ --mer-color-neutral-gray--00: #363636;
411
+ --mer-color-neutral-gray--100: #525151;
412
+ --mer-color-neutral-gray--200: #616161;
413
+ --mer-color-neutral-gray--300: #696969;
414
+ --mer-color-neutral-gray--400: #666666;
415
+ --mer-color-neutral-gray--500: #7f7f7f;
416
+ --mer-color-neutral-gray--600: #999999;
417
+ --mer-color-neutral-gray--700: #b3b3b3;
418
418
  // 800 to 1400 do not exist anymore in figma (check with designer) ⚠️
419
- --mer-color__neutral-gray--800: #cccccc;
420
- --mer-color__neutral-gray--900: #ffffff;
421
- --mer-color__neutral-gray--1000: #f8f8f8;
422
- --mer-color__neutral-gray--1100: #f1f1f1;
423
- --mer-color__neutral-gray--1200: #e4e4e4;
424
- --mer-color__neutral-gray--1300: #dedede;
425
- --mer-color__neutral-gray--1400: #ffffff;
419
+ --mer-color-neutral-gray--800: #cccccc;
420
+ --mer-color-neutral-gray--900: #ffffff;
421
+ --mer-color-neutral-gray--1000: #f8f8f8;
422
+ --mer-color-neutral-gray--1100: #f1f1f1;
423
+ --mer-color-neutral-gray--1200: #e4e4e4;
424
+ --mer-color-neutral-gray--1300: #dedede;
425
+ --mer-color-neutral-gray--1400: #ffffff;
426
426
 
427
427
  // tinted grays
428
- --mer-color__tinted-yellow--5: #ffc96b0d;
429
- --mer-color__tinted-yellow--60: #ffc96b99;
430
- --mer-color__tinted-red--5: #fb7c840d;
431
- --mer-color__tinted-red--60: #fb7c8499;
432
- --mer-color__tinted-green--5: #3fa89b0d;
433
- --mer-color__tinted-green--60: #3fa89b99;
434
- --mer-color__tinted-blue--5: #2070ce0d;
435
- --mer-color__tinted-blue--8: #2070ce14;
436
- --mer-color__tinted-blue--10: #2070ce1a;
437
- --mer-color__tinted-blue--20: #2070ce33;
438
- --mer-color__tinted-blue--50: #2070ce80;
428
+ --mer-color-tinted-yellow--5: #ffc96b0d;
429
+ --mer-color-tinted-yellow--60: #ffc96b99;
430
+ --mer-color-tinted-red--5: #fb7c840d;
431
+ --mer-color-tinted-red--60: #fb7c8499;
432
+ --mer-color-tinted-green--5: #3fa89b0d;
433
+ --mer-color-tinted-green--60: #3fa89b99;
434
+ --mer-color-tinted-blue--5: #2070ce0d;
435
+ --mer-color-tinted-blue--8: #2070ce14;
436
+ --mer-color-tinted-blue--10: #2070ce1a;
437
+ --mer-color-tinted-blue--20: #2070ce33;
438
+ --mer-color-tinted-blue--50: #2070ce80;
439
439
 
440
440
  // message
441
- --mer-color__message-green--100: #3fa89b;
442
- --mer-color__message-green--200: #3fa89b;
443
- --mer-color__message-yellow--100: #ffc96b;
444
- --mer-color__message-yellow--200: #ffc96b;
445
- --mer-color__message-red--100: #fb7c84;
446
- --mer-color__message-red--200: #fb7c84;
447
- --mer-color__message-red--300: #dd8f94;
441
+ --mer-color-message-green--100: #3fa89b;
442
+ --mer-color-message-green--200: #3fa89b;
443
+ --mer-color-message-yellow--100: #ffc96b;
444
+ --mer-color-message-yellow--200: #ffc96b;
445
+ --mer-color-message-red--100: #fb7c84;
446
+ --mer-color-message-red--200: #fb7c84;
447
+ --mer-color-message-red--300: #dd8f94;
448
448
 
449
449
  // surface
450
- --mer-color__surface: #f4f5f5;
450
+ --mer-color-surface: #f4f5f5;
451
451
 
452
452
  // elevation
453
- --mer-color__elevation--01: #f1f1f1;
454
- --mer-color__elevation--02: #e4e4e4;
455
- --mer-color__elevation--03: #dedede;
456
- --mer-color__elevation--04: #ffffff;
453
+ --mer-color-elevation--01: #f1f1f1;
454
+ --mer-color-elevation--02: #e4e4e4;
455
+ --mer-color-elevation--03: #dedede;
456
+ --mer-color-elevation--04: #ffffff;
457
457
 
458
458
  // secondary
459
- --mer-color__secondary-green--200: #3fa89b;
459
+ --mer-color-secondary-green--200: #3fa89b;
460
460
  }
461
461
 
462
462
  @mixin foundation-colors--dark() {
463
463
  // primary
464
- --mer-color__primary-blue--200: #5ba7ff;
465
- --mer-color__primary-blue--300: #5498e8;
466
- --mer-color__primary-blue--400: #437dc0;
467
- --mer-color__primary-blue--600: #335884;
464
+ --mer-color-primary-blue--200: #5ba7ff;
465
+ --mer-color-primary-blue--300: #5498e8;
466
+ --mer-color-primary-blue--400: #437dc0;
467
+ --mer-color-primary-blue--600: #335884;
468
468
 
469
469
  // neutral
470
- --mer-color__neutral-gray--00: #ffffff;
471
- --mer-color__neutral-gray--100: #cccccc;
472
- --mer-color__neutral-gray--200: #b3b3b3;
473
- --mer-color__neutral-gray--300: #999999;
474
- --mer-color__neutral-gray--400: #7f7f7f;
475
- --mer-color__neutral-gray--500: #666666;
476
- --mer-color__neutral-gray--600: #4d4d4d;
477
- --mer-color__neutral-gray--700: #333333;
470
+ --mer-color-neutral-gray--00: #ffffff;
471
+ --mer-color-neutral-gray--100: #cccccc;
472
+ --mer-color-neutral-gray--200: #b3b3b3;
473
+ --mer-color-neutral-gray--300: #999999;
474
+ --mer-color-neutral-gray--400: #7f7f7f;
475
+ --mer-color-neutral-gray--500: #666666;
476
+ --mer-color-neutral-gray--600: #4d4d4d;
477
+ --mer-color-neutral-gray--700: #333333;
478
478
  // 800 to 1400 do not exist anymore in figma (check with designer) ⚠️
479
- --mer-color__neutral-gray--800: #1a1a1a;
480
- --mer-color__neutral-gray--900: #000000;
481
- --mer-color__neutral-gray--1000: #1f2225;
482
- --mer-color__neutral-gray--1100: #24272a;
483
- --mer-color__neutral-gray--1200: #2d3032;
484
- --mer-color__neutral-gray--1300: #3b3e40;
485
- --mer-color__neutral-gray--1400: #2d3134;
479
+ --mer-color-neutral-gray--800: #1a1a1a;
480
+ --mer-color-neutral-gray--900: #000000;
481
+ --mer-color-neutral-gray--1000: #1f2225;
482
+ --mer-color-neutral-gray--1100: #24272a;
483
+ --mer-color-neutral-gray--1200: #2d3032;
484
+ --mer-color-neutral-gray--1300: #3b3e40;
485
+ --mer-color-neutral-gray--1400: #2d3134;
486
486
 
487
487
  // tinted grays
488
- --mer-color__tinted-yellow--5: #ffc96b0d;
489
- --mer-color__tinted-yellow--60: #ffc96b99;
490
- --mer-color__tinted-red--5: #fb7c840d;
491
- --mer-color__tinted-red--60: #fb7c8499;
492
- --mer-color__tinted-green--5: #3fa89b0d;
493
- --mer-color__tinted-green--60: #3fa89b99;
494
- --mer-color__tinted-blue--5: #5ba7ff0d;
495
- --mer-color__tinted-blue--8: #5ba7ff14;
496
- --mer-color__tinted-blue--10: #5ba7ff1a;
497
- --mer-color__tinted-blue--20: #5ba7ff33;
498
- --mer-color__tinted-blue--50: #5ba7ff80;
488
+ --mer-color-tinted-yellow--5: #ffc96b0d;
489
+ --mer-color-tinted-yellow--60: #ffc96b99;
490
+ --mer-color-tinted-red--5: #fb7c840d;
491
+ --mer-color-tinted-red--60: #fb7c8499;
492
+ --mer-color-tinted-green--5: #3fa89b0d;
493
+ --mer-color-tinted-green--60: #3fa89b99;
494
+ --mer-color-tinted-blue--5: #5ba7ff0d;
495
+ --mer-color-tinted-blue--8: #5ba7ff14;
496
+ --mer-color-tinted-blue--10: #5ba7ff1a;
497
+ --mer-color-tinted-blue--20: #5ba7ff33;
498
+ --mer-color-tinted-blue--50: #5ba7ff80;
499
499
 
500
500
  // message
501
- --mer-color__message-green--100: #3fa89b;
502
- --mer-color__message-green--200: #3fa89b;
503
- --mer-color__message-yellow--100: #ffc96b;
504
- --mer-color__message-yellow--200: #f9bd56;
505
- --mer-color__message-red--100: #fb7c84;
506
- --mer-color__message-red--200: #e35861;
507
- --mer-color__message-red--300: #dd8f94;
501
+ --mer-color-message-green--100: #3fa89b;
502
+ --mer-color-message-green--200: #3fa89b;
503
+ --mer-color-message-yellow--100: #ffc96b;
504
+ --mer-color-message-yellow--200: #f9bd56;
505
+ --mer-color-message-red--100: #fb7c84;
506
+ --mer-color-message-red--200: #e35861;
507
+ --mer-color-message-red--300: #dd8f94;
508
508
 
509
509
  // surface
510
- --mer-color__surface: #1a1d20;
510
+ --mer-color-surface: #1a1d20;
511
511
 
512
512
  // elevation
513
- --mer-color__elevation--01: #202428;
514
- --mer-color__elevation--02: #262a2f;
515
- --mer-color__elevation--03: #2b3237;
516
- --mer-color__elevation--04: #3b4044;
513
+ --mer-color-elevation--01: #202428;
514
+ --mer-color-elevation--02: #262a2f;
515
+ --mer-color-elevation--03: #2b3237;
516
+ --mer-color-elevation--04: #3b4044;
517
517
 
518
518
  // secondary
519
- --mer-color__secondary-green--200: #3fa89b;
519
+ --mer-color-secondary-green--200: #3fa89b;
520
520
  }
521
521
 
522
522
  @mixin elevation--light() {
523
523
  // background color
524
- --mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);
525
- --mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);
526
- --mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);
527
- --mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);
524
+ --mer-bg-color-elevation--01: var(--mer-color__neutral-gray--900);
525
+ --mer-bg-color-elevation--02: var(--mer-color__neutral-gray--900);
526
+ --mer-bg-color-elevation--03: var(--mer-color__neutral-gray--900);
527
+ --mer-bg-color-elevation--04: var(--mer-color__neutral-gray--900);
528
528
 
529
529
  // border
530
- --mer-elevation__border-01: transparent;
531
- --mer-elevation__border-02: transparent;
532
- --mer-elevation__border-03: transparent;
533
- --mer-elevation__border-04: transparent;
530
+ --mer-border-color-elevation--01: transparent;
531
+ --mer-border-color-elevation--02: transparent;
532
+ --mer-border-color-elevation--03: transparent;
533
+ --mer-border-color-elevation--04: transparent;
534
534
 
535
535
  // box shadow
536
536
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
@@ -538,21 +538,21 @@ Window
538
538
 
539
539
  @mixin elevation--dark() {
540
540
  // background color
541
- --mer-elevation__bg-color--01: var(--mer-color__elevation--01);
542
- --mer-elevation__bg-color--02: var(--mer-color__elevation--02);
543
- --mer-elevation__bg-color--03: var(--mer-color__elevation--03);
544
- --mer-elevation__bg-color--04: var(--mer-color__elevation--04);
541
+ --mer-bg-color-elevation--01: var(--mer-color__elevation--01);
542
+ --mer-bg-color-elevation--02: var(--mer-color__elevation--02);
543
+ --mer-bg-color-elevation--03: var(--mer-color__elevation--03);
544
+ --mer-bg-color-elevation--04: var(--mer-color__elevation--04);
545
545
 
546
546
  // border
547
- --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
548
- --mer-elevation__border-03: transparent;
549
- --mer-elevation__border-04: transparent;
547
+ --mer-border-color-elevation--01: 1px solid var(--mer-color__elevation--03);
548
+ --mer-border-color-elevation--03: transparent;
549
+ --mer-border-color-elevation--04: transparent;
550
550
 
551
551
  // box shadow
552
- --mer-elevation__box-shadow--01: none;
553
- --mer-elevation__box-shadow--02: none;
554
- --mer-elevation__box-shadow--03: none;
555
- --mer-elevation__box-shadow--04: none;
552
+ --mer-box-shadow-elevation--01: none;
553
+ --mer-box-shadow-elevation--02: none;
554
+ --mer-box-shadow-elevation--03: none;
555
+ --mer-box-shadow-elevation--04: none;
556
556
 
557
557
  // box shadow
558
558
  --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
@@ -567,19 +567,19 @@ Window
567
567
  --mer-font-family--inter-extra-bold: "Inter_ExtraBold", arial, sans-serif; // 800
568
568
 
569
569
  // weights
570
- --mer-font__weight--light: 300;
571
- --mer-font__weight--regular: 400;
572
- --mer-font__weight--semi-bold: 600;
573
- --mer-font__weight--bold: 700;
574
- --mer-font__weight--extra-bold: 800;
570
+ --mer-font-weight--light: 300;
571
+ --mer-font-weight--regular: 400;
572
+ --mer-font-weight--semi-bold: 600;
573
+ --mer-font-weight--bold: 700;
574
+ --mer-font-weight--extra-bold: 800;
575
575
 
576
576
  // sizes
577
- --mer-font__size--2xs: 12px;
578
- --mer-font__size--xs: 14px;
579
- --mer-font__size--sm: 16px;
580
- --mer-font__size--md: 20px;
581
- --mer-font__size--lg: 24px;
582
- --mer-font__size--xl: 36px;
577
+ --mer-font-size--2xs: 12px;
578
+ --mer-font-size--xs: 14px;
579
+ --mer-font-size--sm: 16px;
580
+ --mer-font-size--md: 20px;
581
+ --mer-font-size--lg: 24px;
582
+ --mer-font-size--xl: 36px;
583
583
 
584
584
  // line heights
585
585
  --mer-line-height--tight: 1.4em;
@@ -685,27 +685,27 @@ Window
685
685
 
686
686
  // enabled
687
687
  --mer-item__color--enabled: var(--mer-text__on-elevation);
688
- --mer-item__bg-color--enabled: var(--mer-color__elevation--01);
689
- --mer-item__border-color--enabled: var(--mer-color__elevation--04);
688
+ --mer-item__bg-color--enabled: var(--mer-color-elevation--01);
689
+ --mer-item__border-color--enabled: var(--mer-color-elevation--04);
690
690
 
691
691
  // hover
692
- --mer-item__color--hover: var(--mer-color__neutral-gray--100); // ? (validate)
693
- --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
694
- --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
692
+ --mer-item__color--hover: var(--mer-color-neutral-gray--100); // ? (validate)
693
+ --mer-item__bg-color--hover: var(--mer-color-tinted-blue--5);
694
+ --mer-item__border-color--hover: var(--mer-color-tinted-blue--20);
695
695
 
696
696
  // selected
697
697
  --mer-item__color--selected: var(
698
- --mer-color__neutral-gray--100
698
+ --mer-color-neutral-gray--100
699
699
  ); // ? (validate)
700
- --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
701
- --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
700
+ --mer-item__bg-color--selected: var(--mer-color-tinted-blue--10);
701
+ --mer-item__border-color--selected: var(--mer-color-tinted-blue--20);
702
702
 
703
703
  // selected + hover
704
704
  --mer-item__color--selected-hover: var(
705
- --mer-color__neutral-gray--100
705
+ --mer-color-neutral-gray--100
706
706
  ); // ? (validate)
707
- --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
708
- --mer-item__border-color--selected-hover: var(--mer-color__tinted-blue--20);
707
+ --mer-item__bg-color--selected-hover: var(--mer-color-tinted-blue--10);
708
+ --mer-item__border-color--selected-hover: var(--mer-color-tinted-blue--20);
709
709
 
710
710
  // disabled
711
711
  --mer-item__color--disabled: var(); // ? (validate)
@@ -1771,28 +1771,28 @@ Window
1771
1771
 
1772
1772
  // This mixins processes icons for the tree view action start part.
1773
1773
  @mixin tree-view-icons(
1774
- $icons-list,
1775
- $icons-list-name,
1774
+ $icons-in-category,
1775
+ $category-name,
1776
1776
  $tree-view-selector: ".tree-view"
1777
1777
  ) {
1778
- @each $icon in $icons-list {
1779
- $icon-part-name: #{$icons-list-name}-#{$icon};
1778
+ @each $icon in $icons-in-category {
1779
+ $icon-part-name: #{$category-name}-#{$icon};
1780
1780
  //enabled
1781
- $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--enabled);
1781
+ $icon-variable: var(--icon__#{$category-name}_#{$icon}--enabled);
1782
1782
  $enabled-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name})";
1783
1783
  @include tree-view-item__action-icon(
1784
1784
  $item__action-with-icon-selector: $enabled-selector,
1785
1785
  $icon-path: $icon-variable
1786
1786
  );
1787
1787
  //hover
1788
- $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--hover);
1788
+ $icon-variable: var(--icon__#{$category-name}_#{$icon}--hover);
1789
1789
  $hover-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name}):hover";
1790
1790
  @include tree-view-item__action-icon(
1791
1791
  $item__action-with-icon-selector: $hover-selector,
1792
1792
  $icon-path: $icon-variable
1793
1793
  );
1794
1794
  //active
1795
- $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--active);
1795
+ $icon-variable: var(--icon__#{$category-name}_#{$icon}--active);
1796
1796
  $active-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name}):active";
1797
1797
  @include tree-view-item__action-icon(
1798
1798
  $item__action-with-icon-selector: $active-selector,
@@ -1801,60 +1801,58 @@ Window
1801
1801
  }
1802
1802
  }
1803
1803
 
1804
-
1805
-
1806
- /* - - - - - - - - - - - - - - - - - -
1807
- MONOCHROME CONSTRUCTS
1808
- - - - - - - - - - - - - - - - - - - */
1804
+ /* - - - - - - - - - - - - - - - -
1805
+ Monochrome Categories and Colors
1806
+ - - - - - - - - - - - - - - - - -*/
1809
1807
 
1810
1808
  $monochrome-colors: (
1811
- on-surface: (
1812
- enabled,
1813
- hover,
1814
- active,
1815
- disabled
1809
+ on-surface: (
1810
+ enabled,
1811
+ hover,
1812
+ active,
1813
+ disabled
1816
1814
  ),
1817
- on-primary: (
1818
- enabled,
1819
- hover,
1820
- active,
1821
- disabled
1815
+ on-primary: (
1816
+ enabled,
1817
+ hover,
1818
+ active,
1819
+ disabled
1822
1820
  ),
1823
- on-disabled: (
1824
- enabled,
1821
+ on-disabled: (
1822
+ enabled,
1825
1823
  ),
1826
- on-message: (
1827
- enabled,
1824
+ on-message: (
1825
+ enabled,
1828
1826
  ),
1829
- on-elevation: (
1830
- enabled,
1827
+ on-elevation: (
1828
+ enabled,
1831
1829
  ),
1832
- primary: (
1833
- enabled,
1834
- hover,
1835
- active,
1836
- disabled
1830
+ primary: (
1831
+ enabled,
1832
+ hover,
1833
+ active,
1834
+ disabled
1837
1835
  ),
1838
- error: (
1839
- enabled,
1836
+ error: (
1837
+ enabled,
1840
1838
  ),
1841
- warning: (
1842
- enabled,
1839
+ warning: (
1840
+ enabled,
1843
1841
  ),
1844
- success: (
1845
- enabled,
1842
+ success: (
1843
+ enabled,
1846
1844
  ),
1847
- neutral: (
1848
- enabled,
1849
- hover,
1850
- active,
1851
- disabled
1845
+ neutral: (
1846
+ enabled,
1847
+ hover,
1848
+ active,
1849
+ disabled
1852
1850
  ),
1853
- highlighted: (
1854
- enabled,
1851
+ highlighted: (
1852
+ enabled,
1855
1853
  ),
1856
- bright: (
1857
- enabled,
1854
+ bright: (
1855
+ enabled,
1858
1856
  )
1859
1857
  );
1860
1858
 
@@ -1905,6 +1903,44 @@ $monochrome-categories: (
1905
1903
  )
1906
1904
  );
1907
1905
 
1906
+ /* - - - - - - - - - - -
1907
+ Monochrome lists
1908
+ - - - - - - - - - - - */
1909
+
1910
+ // windows-tools
1911
+ $windows-tools: workflow, workflow-settings, work-with-attributes, watch, toolbox, teamdev, services, roles, rol, responsive-sizes, references, properties, preferences, performance-test-objects, output, logout, last-changes-view, kb-explorer, indexer-monitor, history, genexus-cloud, frontend, filter, filter-conditions, error-list, debugx, datastores, category-groups, breakpoints, backend, alphabetical-order;
1912
+
1913
+ // navigation
1914
+ $navigation: pill-outlined, pill-filled, level-up, level-down, gx-arrow-right, drag, chevron-up, chevron-right, chevron-left, chevron-down, bullet, arrow-up, arrow-right, arrow-left, arrow-down, arrow-down-skyblue;
1915
+
1916
+ // menus
1917
+ $menus: undo, undo-close-object, save, save-all, run, redo, properties, paste, open-object, new-object, find, delete, cut, create-database-tables, copy, cancel-build, build, build-all;
1918
+
1919
+ // gemini-tools
1920
+ $gemini-tools: warning, success, show-more-vertical, show-more-horizontal, share, settings, search, reset, read-only, open-window, notice, more-info, minus, minus-circle, list-view, folder, flow-arrow, file, error, edit, edit-wand, duplicate, download, deleted, delete, data-provider, copy, copy-to-clipboard, color-picker, close, category-ungroup, category-group, card-view, add, add-circle;
1921
+
1922
+ $all-monochrome-lists: (
1923
+ windows-tools: $windows-tools,
1924
+ navigation: $navigation,
1925
+ menus: $menus,
1926
+ gemini-tools: $gemini-tools,
1927
+ );
1928
+
1929
+ /* - - - - - - - - - - -
1930
+ Multicolor lists
1931
+ - - - - - - - - - - - */
1932
+
1933
+ // objects
1934
+ $objects: workflow, work-panel, web-panel, web-component, version, url-rewrite, transaction, to-be-defined, theme, theme-web, theme-for-sd, table, super-app, subtype-group, structured-data-type, stencil, roles, report, references, query, procedure, patterns, panel-for-sd, orphant-document, offline-database, object, notification-templates, module, module-open, mini-app, menubar, menu, masterpage, main-object, language, knowledge-base, image, generator, generator-category, folder, folder-open, file, external-object, environment-select, environment-no-select, dso, domain, document, document-workflow, diagram, design, deployment-unit, dataview-index, datastore, datastore-category, data-view, data-selector, data-provider, dashboard, customization, conversational-flows, category, calendars, business-process-diagram, bg-color, attribute, api;
1935
+
1936
+ $all-multicolor-lists: (
1937
+ objects: $objects,
1938
+ );
1939
+
1940
+ /* - - - - - - - - - - - - - - - - - -
1941
+ MONOCHROME CONSTRUCTS
1942
+ - - - - - - - - - - - - - - - - - - */
1943
+
1908
1944
  // functions for monochrome or multicolor:
1909
1945
  @function category-is-excluded($category, $categories-list) {
1910
1946
  @return index($category, $categories-list) != null;
@@ -1925,7 +1961,6 @@ $monochrome-categories: (
1925
1961
  @return $multicolorStates;
1926
1962
  }
1927
1963
 
1928
-
1929
1964
  @mixin generate-monochrome-icons-selectors(
1930
1965
  $all-monochrome-lists,
1931
1966
  $css-prefix: "icon",
@@ -4586,7 +4621,6 @@ MULTICOLOR CONSTRUCTS
4586
4621
 
4587
4622
  }
4588
4623
 
4589
- $objects: workflow, work-panel, web-panel, web-component, version, url-rewrite, transaction, to-be-defined, theme, theme-web, theme-for-sd, table, super-app, subtype-group, structured-data-type, stencil, roles, report, references, query, procedure, patterns, panel-for-sd, orphant-document, offline-database, object, notification-templates, module, module-open, mini-app, menubar, menu, masterpage, main-object, language, knowledge-base, image, generator, generator-category, folder, folder-open, file, external-object, environment-select, environment-no-select, dso, domain, document, document-workflow, diagram, design, deployment-unit, dataview-index, datastore, datastore-category, data-view, data-selector, data-provider, dashboard, customization, conversational-flows, category, calendars, business-process-diagram, bg-color, attribute, api;
4590
4624
  %icon__objects {
4591
4625
 
4592
4626
 
@@ -8205,7 +8239,6 @@ MULTICOLOR CONSTRUCTS
8205
8239
 
8206
8240
  }
8207
8241
 
8208
- $windows-tools: workflow, workflow-settings, work-with-attributes, watch, toolbox, teamdev, services, roles, rol, responsive-sizes, references, properties, preferences, performance-test-objects, output, logout, last-changes-view, kb-explorer, indexer-monitor, history, genexus-cloud, frontend, filter, filter-conditions, error-list, debugx, datastores, category-groups, breakpoints, backend, alphabetical-order;
8209
8242
  %icon__windows-tools {
8210
8243
 
8211
8244
 
@@ -13130,7 +13163,6 @@ MULTICOLOR CONSTRUCTS
13130
13163
 
13131
13164
  }
13132
13165
 
13133
- $navigation: pill-outlined, pill-filled, level-up, level-down, gx-arrow-right, drag, chevron-up, chevron-right, chevron-left, chevron-down, bullet, arrow-up, arrow-right, arrow-left, arrow-down, arrow-down-skyblue;
13134
13166
  %icon__navigation {
13135
13167
 
13136
13168
 
@@ -16099,7 +16131,6 @@ MULTICOLOR CONSTRUCTS
16099
16131
 
16100
16132
  }
16101
16133
 
16102
- $menus: undo, undo-close-object, save, save-all, run, redo, properties, paste, open-object, new-object, find, delete, cut, create-database-tables, copy, cancel-build, build, build-all;
16103
16134
  %icon__menus {
16104
16135
 
16105
16136
 
@@ -20054,7 +20085,6 @@ MULTICOLOR CONSTRUCTS
20054
20085
 
20055
20086
  }
20056
20087
 
20057
- $gemini-tools: warning, success, show-more-vertical, show-more-horizontal, share, settings, search, reset, read-only, open-window, notice, more-info, minus, minus-circle, list-view, folder, flow-arrow, file, error, edit, edit-wand, duplicate, download, deleted, delete, data-provider, copy, copy-to-clipboard, color-picker, close, category-ungroup, category-group, card-view, add, add-circle;
20058
20088
  %icon__gemini-tools {
20059
20089
 
20060
20090
 
@@ -24832,17 +24862,6 @@ MULTICOLOR CONSTRUCTS
24832
24862
  }
24833
24863
 
24834
24864
 
24835
- $all-multicolor-lists: (
24836
- objects: $objects,
24837
- );
24838
-
24839
- $all-monochrome-lists: (
24840
- windows-tools: $windows-tools,
24841
- navigation: $navigation,
24842
- menus: $menus,
24843
- gemini-tools: $gemini-tools,
24844
- );
24845
-
24846
24865
  // - - - - - - - - - - - - - - - - - - - -
24847
24866
  // Typography
24848
24867
  // - - - - - - - - - - - - - - - - - - - -
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@genexus/mercury",
3
- "version": "0.1.18",
3
+ "version": "0.1.19",
4
4
  "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
5
5
  "main": "dist/mercury.scss",
6
6
  "files": [
@@ -13,7 +13,7 @@
13
13
  "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && sass test/test.scss dist/css/mercury.css",
14
14
  "test": "sass test/test.scss test/mercury.css",
15
15
  "validate.ci": "npm run build-no-svg",
16
- "icons-svg": "ssg-svg src/icons/svg-source src/assets/icons/_generated/ src/icons/svg-source/.config/color-states.json showcase/icons/ ./log ../assets/icons/",
16
+ "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.js",
17
17
  "icons-sass": "ssg-sass src/assets/icons/ src/icons/_generated/ src/icons/svg-source/.config/color-states.json",
18
18
  "watch:sass": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
19
19
  "copy-tasks": "node copy-tasks.js",
@@ -26,7 +26,7 @@
26
26
  "chokidar-cli": "^3.0.0",
27
27
  "sass": "~1.72.0",
28
28
  "scss-bundle": "~3.1.2",
29
- "@genexus/svg-sass-generator": "1.1.11"
29
+ "@genexus/svg-sass-generator": "1.1.13"
30
30
  },
31
31
  "engines": {
32
32
  "pnpm": ">=3"