@sb1/ffe-core 30.1.3 → 31.0.0

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/css/ffe.css CHANGED
@@ -1645,79 +1645,3 @@ html,
1645
1645
  --ffe-g-border-width: 1px;
1646
1646
  --ffe-g-border-focus-box-shadow: 0 0 0 1px;
1647
1647
  }
1648
- .ffe-wave {
1649
- position: relative;
1650
- width: 100%;
1651
- }
1652
- .ffe-wave__content {
1653
- position: absolute;
1654
- z-index: 1;
1655
- width: 100%;
1656
- }
1657
- .ffe-wave__wave {
1658
- -webkit-mask-repeat: repeat-x;
1659
- mask-repeat: repeat-x;
1660
- min-height: 60px;
1661
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 479.9 60' style='enable-background:new 0 0 479.9 148' xml:space='preserve'%3E%3Cpath d='M0 530V0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C387.4 13.8 418.2 0 478.9 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C866.3 13.8 897.1 0 957.8 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1345.2 13.8 1376 0 1436.7 0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1824.1 13.8 1854.9 0 1915.7 0v530'/%3E%3C/svg%3E");
1662
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 479.9 60' style='enable-background:new 0 0 479.9 148' xml:space='preserve'%3E%3Cpath d='M0 530V0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C387.4 13.8 418.2 0 478.9 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C866.3 13.8 897.1 0 957.8 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1345.2 13.8 1376 0 1436.7 0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1824.1 13.8 1854.9 0 1915.7 0v530'/%3E%3C/svg%3E");
1663
- -webkit-mask-size: 480px;
1664
- mask-size: 480px;
1665
- }
1666
- @media (min-width: 480px) {
1667
- .ffe-wave__wave {
1668
- min-height: 119px;
1669
- -webkit-mask-position: 812px;
1670
- mask-position: 812px;
1671
- -webkit-mask-size: 950px;
1672
- mask-size: 950px;
1673
- }
1674
- }
1675
- @media (min-width: 1024px) {
1676
- .ffe-wave__wave {
1677
- min-height: 250px;
1678
- -webkit-mask-position: 1931px;
1679
- mask-position: 1931px;
1680
- -webkit-mask-size: 2004px;
1681
- mask-size: 2004px;
1682
- }
1683
- }
1684
- .ffe-wave__wave--flip {
1685
- rotate: 180deg;
1686
- }
1687
- .ffe-wave--bg-hvit {
1688
- background-color: var(--ffe-farge-hvit);
1689
- }
1690
- .ffe-wave--bg-frost-30 {
1691
- background-color: #d8e9f2;
1692
- }
1693
- .ffe-wave--bg-sand-30 {
1694
- background-color: #fdf8f5;
1695
- }
1696
- .ffe-wave--bg-sand-70 {
1697
- background-color: #faf0e7;
1698
- }
1699
- .ffe-wave--bg-syrin-30 {
1700
- background-color: #f2f2f9;
1701
- }
1702
- .ffe-wave--bg-syrin-70 {
1703
- background-color: #e0e0f0;
1704
- }
1705
- .ffe-wave--bg-vann {
1706
- background-color: #005aa4;
1707
- }
1708
- .ffe-wave--bg-vann-30 {
1709
- background-color: #b3cee4;
1710
- }
1711
- .ffe-wave--bg-fjell {
1712
- background-color: #002776;
1713
- }
1714
- @media (prefers-color-scheme: dark) {
1715
- .regard-color-scheme-preference .ffe-wave--dm-bg-svart {
1716
- background-color: var(--ffe-farge-svart);
1717
- }
1718
- }
1719
- @media (prefers-color-scheme: dark) {
1720
- .regard-color-scheme-preference .ffe-wave--dm-bg-natt {
1721
- background-color: #001032;
1722
- }
1723
- }
package/less/ffe.less CHANGED
@@ -18,4 +18,3 @@
18
18
  @import 'body';
19
19
  @import 'accessibility';
20
20
  @import 'variables';
21
- @import 'waves';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "30.1.3",
3
+ "version": "31.0.0",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "06ff61e99e6eda9597ca92a309b37bd5b7fbcb01"
38
+ "gitHead": "e50b473f29109281adeb2f188a0f5391f4db1e9a"
39
39
  }
package/less/waves.less DELETED
@@ -1,89 +0,0 @@
1
- @import (reference) 'breakpoints';
2
- @import 'colors';
3
-
4
- .ffe-wave {
5
- position: relative;
6
- width: 100%;
7
-
8
- &__content {
9
- position: absolute;
10
- z-index: 1;
11
- width: 100%;
12
- }
13
-
14
- &__wave {
15
- mask-repeat: repeat-x;
16
- min-height: 60px;
17
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 479.9 60' style='enable-background:new 0 0 479.9 148' xml:space='preserve'%3E%3Cpath d='M0 530V0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C387.4 13.8 418.2 0 478.9 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C866.3 13.8 897.1 0 957.8 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1345.2 13.8 1376 0 1436.7 0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1824.1 13.8 1854.9 0 1915.7 0v530'/%3E%3C/svg%3E");
18
- mask-size: 480px;
19
-
20
- @media (min-width: @breakpoint-sm) {
21
- min-height: 119px;
22
- mask-position: 812px;
23
- mask-size: 950px;
24
- }
25
-
26
- @media (min-width: @breakpoint-lg) {
27
- min-height: 250px;
28
- mask-position: 1931px;
29
- mask-size: 2004px;
30
- }
31
-
32
- &--flip {
33
- rotate: 180deg;
34
- }
35
- }
36
-
37
- // Tilgjengelige farger
38
- &--bg-hvit {
39
- background-color: var(--ffe-farge-hvit);
40
- }
41
-
42
- &--bg-frost-30 {
43
- background-color: @ffe-farge-frost-30;
44
- }
45
-
46
- &--bg-sand-30 {
47
- background-color: @ffe-farge-sand-30;
48
- }
49
-
50
- &--bg-sand-70 {
51
- background-color: @ffe-farge-sand-70;
52
- }
53
-
54
- &--bg-syrin-30 {
55
- background-color: @ffe-farge-syrin-30;
56
- }
57
-
58
- &--bg-syrin-70 {
59
- background-color: @ffe-farge-syrin-70;
60
- }
61
-
62
- &--bg-vann {
63
- background-color: @ffe-farge-vann;
64
- }
65
-
66
- &--bg-vann-30 {
67
- background-color: @ffe-farge-vann-30;
68
- }
69
-
70
- &--bg-fjell {
71
- background-color: @ffe-farge-fjell;
72
- }
73
-
74
- &--dm-bg-svart {
75
- .regard-color-scheme-preference & {
76
- @media (prefers-color-scheme: dark) {
77
- background-color: var(--ffe-farge-svart);
78
- }
79
- }
80
- }
81
-
82
- &--dm-bg-natt {
83
- .regard-color-scheme-preference & {
84
- @media (prefers-color-scheme: dark) {
85
- background-color: @ffe-farge-natt;
86
- }
87
- }
88
- }
89
- }