@baloise/ds-styles 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

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 (79) hide show
  1. package/css/all.css +345 -448
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +345 -448
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +68 -128
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +68 -54
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/structure.css.map +1 -1
  14. package/css/utilities/all.css +290 -0
  15. package/css/utilities/all.css.map +1 -1
  16. package/css/utilities/all.min.css +1 -1
  17. package/css/utilities/background.css.map +1 -1
  18. package/css/utilities/border.css.map +1 -1
  19. package/css/utilities/elevation.css +64 -0
  20. package/css/utilities/elevation.css.map +1 -1
  21. package/css/utilities/elevation.min.css +1 -1
  22. package/css/utilities/flex.css +130 -0
  23. package/css/utilities/flex.css.map +1 -1
  24. package/css/utilities/flex.min.css +1 -1
  25. package/css/utilities/grid.css.map +1 -1
  26. package/css/utilities/interaction.css.map +1 -1
  27. package/css/utilities/layout.css +96 -0
  28. package/css/utilities/layout.css.map +1 -1
  29. package/css/utilities/layout.min.css +1 -1
  30. package/css/utilities/sizing.css.map +1 -1
  31. package/css/utilities/spacing.css.map +1 -1
  32. package/css/utilities/typography.css.map +1 -1
  33. package/package.json +3 -3
  34. package/sass/all.sass +6 -6
  35. package/sass/baloise-design-system.sass +1 -1
  36. package/sass/basic.sass +5 -5
  37. package/sass/core.sass +3 -4
  38. package/sass/font.sass +1 -1
  39. package/sass/mixins.sass +1 -3
  40. package/sass/structure.sass +1 -1
  41. package/sass/utilities/all.sass +9 -9
  42. package/sass/utilities/background.sass +2 -2
  43. package/sass/utilities/border.sass +2 -2
  44. package/sass/utilities/elevation.sass +2 -2
  45. package/sass/utilities/flex.sass +2 -2
  46. package/sass/utilities/grid.sass +2 -2
  47. package/sass/utilities/interaction.sass +2 -2
  48. package/sass/utilities/layout.sass +2 -2
  49. package/sass/utilities/sizing.sass +2 -2
  50. package/sass/utilities/spacing.sass +2 -2
  51. package/sass/utilities/typography.sass +2 -2
  52. package/src/core/_all.sass +8 -8
  53. package/src/core/container.sass +2 -0
  54. package/src/core/form/_all.sass +6 -6
  55. package/src/core/form/button.sass +2 -0
  56. package/src/core/form/file.sass +3 -0
  57. package/src/core/form/input-textarea.sass +2 -0
  58. package/src/core/form/select.sass +3 -0
  59. package/src/core/form/shared.sass +2 -0
  60. package/src/core/form/tools.sass +3 -1
  61. package/src/core/grid.sass +1 -0
  62. package/src/core/link.sass +2 -0
  63. package/src/core/list.sass +7 -0
  64. package/src/core/table.sass +2 -0
  65. package/src/core/typography.sass +2 -0
  66. package/src/core/vars/_all.sass +7 -7
  67. package/src/generated/background.sass +3 -0
  68. package/src/generated/border.sass +3 -0
  69. package/src/generated/elevation.sass +63 -0
  70. package/src/generated/flex.sass +105 -0
  71. package/src/generated/interaction.sass +3 -0
  72. package/src/generated/layout.sass +93 -0
  73. package/src/generated/sizing.sass +3 -0
  74. package/src/generated/spacing.sass +3 -0
  75. package/src/generated/typography.sass +3 -0
  76. package/src/mixins/_all.sass +6 -6
  77. package/src/mixins/breakpoint.mixin.sass +2 -0
  78. package/src/mixins/extends.sass +2 -0
  79. package/src/mixins/general.mixin.sass +1 -0
package/src/generated/layout.sass CHANGED
@@ -1,3 +1,6 @@
1
+ @use '../mixins/_all' as *
2
+
3
+
1
4
  .hidden
2
5
  display: none !important
3
6
 
@@ -491,6 +494,15 @@
491
494
  .top-auto
492
495
  top: auto !important
493
496
 
497
+ .top-1rem
498
+ top: 1rem !important
499
+
500
+ .top-0-5rem
501
+ top: 0.5rem !important
502
+
503
+ .top-0-25rem
504
+ top: 0.25rem !important
505
+
494
506
  .top-0
495
507
  top: 0 !important
496
508
 
@@ -504,6 +516,15 @@
504
516
  .mobile\:top-auto
505
517
  top: auto !important
506
518
 
519
+ .mobile\:top-1rem
520
+ top: 1rem !important
521
+
522
+ .mobile\:top-0-5rem
523
+ top: 0.5rem !important
524
+
525
+ .mobile\:top-0-25rem
526
+ top: 0.25rem !important
527
+
507
528
  .mobile\:top-0
508
529
  top: 0 !important
509
530
 
@@ -517,6 +538,15 @@
517
538
  .tablet\:top-auto
518
539
  top: auto !important
519
540
 
541
+ .tablet\:top-1rem
542
+ top: 1rem !important
543
+
544
+ .tablet\:top-0-5rem
545
+ top: 0.5rem !important
546
+
547
+ .tablet\:top-0-25rem
548
+ top: 0.25rem !important
549
+
520
550
  .tablet\:top-0
521
551
  top: 0 !important
522
552
 
@@ -530,6 +560,15 @@
530
560
  .desktop\:top-auto
531
561
  top: auto !important
532
562
 
563
+ .desktop\:top-1rem
564
+ top: 1rem !important
565
+
566
+ .desktop\:top-0-5rem
567
+ top: 0.5rem !important
568
+
569
+ .desktop\:top-0-25rem
570
+ top: 0.25rem !important
571
+
533
572
  .desktop\:top-0
534
573
  top: 0 !important
535
574
 
@@ -543,6 +582,15 @@
543
582
  .widescreen\:top-auto
544
583
  top: auto !important
545
584
 
585
+ .widescreen\:top-1rem
586
+ top: 1rem !important
587
+
588
+ .widescreen\:top-0-5rem
589
+ top: 0.5rem !important
590
+
591
+ .widescreen\:top-0-25rem
592
+ top: 0.25rem !important
593
+
546
594
  .widescreen\:top-0
547
595
  top: 0 !important
548
596
 
@@ -555,6 +603,9 @@
555
603
  .right-auto
556
604
  right: auto !important
557
605
 
606
+ .right-1rem
607
+ right: 1rem !important
608
+
558
609
  .right-0
559
610
  right: 0 !important
560
611
 
@@ -568,6 +619,9 @@
568
619
  .mobile\:right-auto
569
620
  right: auto !important
570
621
 
622
+ .mobile\:right-1rem
623
+ right: 1rem !important
624
+
571
625
  .mobile\:right-0
572
626
  right: 0 !important
573
627
 
@@ -581,6 +635,9 @@
581
635
  .tablet\:right-auto
582
636
  right: auto !important
583
637
 
638
+ .tablet\:right-1rem
639
+ right: 1rem !important
640
+
584
641
  .tablet\:right-0
585
642
  right: 0 !important
586
643
 
@@ -594,6 +651,9 @@
594
651
  .desktop\:right-auto
595
652
  right: auto !important
596
653
 
654
+ .desktop\:right-1rem
655
+ right: 1rem !important
656
+
597
657
  .desktop\:right-0
598
658
  right: 0 !important
599
659
 
@@ -607,6 +667,9 @@
607
667
  .widescreen\:right-auto
608
668
  right: auto !important
609
669
 
670
+ .widescreen\:right-1rem
671
+ right: 1rem !important
672
+
610
673
  .widescreen\:right-0
611
674
  right: 0 !important
612
675
 
@@ -619,6 +682,9 @@
619
682
  .bottom-auto
620
683
  bottom: auto !important
621
684
 
685
+ .bottom-1rem
686
+ bottom: 1rem !important
687
+
622
688
  .bottom-0
623
689
  bottom: 0 !important
624
690
 
@@ -632,6 +698,9 @@
632
698
  .mobile\:bottom-auto
633
699
  bottom: auto !important
634
700
 
701
+ .mobile\:bottom-1rem
702
+ bottom: 1rem !important
703
+
635
704
  .mobile\:bottom-0
636
705
  bottom: 0 !important
637
706
 
@@ -645,6 +714,9 @@
645
714
  .tablet\:bottom-auto
646
715
  bottom: auto !important
647
716
 
717
+ .tablet\:bottom-1rem
718
+ bottom: 1rem !important
719
+
648
720
  .tablet\:bottom-0
649
721
  bottom: 0 !important
650
722
 
@@ -658,6 +730,9 @@
658
730
  .desktop\:bottom-auto
659
731
  bottom: auto !important
660
732
 
733
+ .desktop\:bottom-1rem
734
+ bottom: 1rem !important
735
+
661
736
  .desktop\:bottom-0
662
737
  bottom: 0 !important
663
738
 
@@ -671,6 +746,9 @@
671
746
  .widescreen\:bottom-auto
672
747
  bottom: auto !important
673
748
 
749
+ .widescreen\:bottom-1rem
750
+ bottom: 1rem !important
751
+
674
752
  .widescreen\:bottom-0
675
753
  bottom: 0 !important
676
754
 
@@ -683,6 +761,9 @@
683
761
  .left-auto
684
762
  left: auto !important
685
763
 
764
+ .left-1rem
765
+ left: 1rem !important
766
+
686
767
  .left-0
687
768
  left: 0 !important
688
769
 
@@ -696,6 +777,9 @@
696
777
  .mobile\:left-auto
697
778
  left: auto !important
698
779
 
780
+ .mobile\:left-1rem
781
+ left: 1rem !important
782
+
699
783
  .mobile\:left-0
700
784
  left: 0 !important
701
785
 
@@ -709,6 +793,9 @@
709
793
  .tablet\:left-auto
710
794
  left: auto !important
711
795
 
796
+ .tablet\:left-1rem
797
+ left: 1rem !important
798
+
712
799
  .tablet\:left-0
713
800
  left: 0 !important
714
801
 
@@ -722,6 +809,9 @@
722
809
  .desktop\:left-auto
723
810
  left: auto !important
724
811
 
812
+ .desktop\:left-1rem
813
+ left: 1rem !important
814
+
725
815
  .desktop\:left-0
726
816
  left: 0 !important
727
817
 
@@ -735,6 +825,9 @@
735
825
  .widescreen\:left-auto
736
826
  left: auto !important
737
827
 
828
+ .widescreen\:left-1rem
829
+ left: 1rem !important
830
+
738
831
  .widescreen\:left-0
739
832
  left: 0 !important
740
833
 
package/src/generated/sizing.sass CHANGED
@@ -1,3 +1,6 @@
1
+ @use '../mixins/_all' as *
2
+
3
+
1
4
  .h-full
2
5
  height: 100% !important
3
6
 
package/src/generated/spacing.sass CHANGED
@@ -1,3 +1,6 @@
1
+ @use '../mixins/_all' as *
2
+
3
+
1
4
  .m-none
2
5
  margin: 0 !important
3
6
 
package/src/generated/typography.sass CHANGED
@@ -1,3 +1,6 @@
1
+ @use '../mixins/_all' as *
2
+
3
+
1
4
  .text-primary
2
5
  color: var(--bal-color-text-primary) !important
3
6
 
package/src/mixins/_all.sass CHANGED
@@ -1,7 +1,7 @@
1
- @import '@baloise/ds-tokens/dist/tokens.scss'
1
+ @forward '@baloise/ds-tokens/dist/tokens.scss'
2
2
 
3
- @import './bem.mixin'
4
- @import './svg.mixin'
5
- @import './general.mixin'
6
- @import './breakpoint.mixin'
7
- @import './extends'
3
+ @forward './bem.mixin'
4
+ @forward './svg.mixin'
5
+ @forward './general.mixin'
6
+ @forward './breakpoint.mixin'
7
+ @forward './extends'
package/src/mixins/breakpoint.mixin.sass CHANGED
@@ -1,3 +1,5 @@
1
+ @use '@baloise/ds-tokens/dist/tokens.scss' as *
2
+
1
3
  =from($device)
2
4
  @media screen and (min-width: $device)
3
5
  @content
package/src/mixins/extends.sass CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'general.mixin' as *
2
+
1
3
  %bottomSpacing
2
4
  +bottomSpacing
3
5
 
package/src/mixins/general.mixin.sass CHANGED
@@ -34,6 +34,7 @@
34
34
  -moz-osx-font-smoothing: grayscale
35
35
  -webkit-font-smoothing: antialiased
36
36
 
37
+ $block-spacing: 0.25rem !default
37
38
  =bottomSpacing($spacing: $block-spacing)
38
39
  &:not(:last-child)
39
40
  margin-bottom: $spacing