@sb1/ffe-core 100.12.2 → 100.12.3

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
@@ -1478,6 +1478,9 @@ html,
1478
1478
  .ffe-small-text {
1479
1479
  font-size: var(--ffe-fontsize-small-text);
1480
1480
  }
1481
+ .ffe-small-text--underline {
1482
+ border-bottom: var(--ffe-g-border-width) solid currentColor;
1483
+ }
1481
1484
  .ffe-micro-text {
1482
1485
  font-size: var(--ffe-fontsize-micro-text);
1483
1486
  }
@@ -1630,7 +1633,7 @@ html,
1630
1633
  border-bottom-color: transparent;
1631
1634
  }
1632
1635
  .ffe-link-icon {
1633
- fill: var(--ffe-color-foreground-interactive-link);
1636
+ color: var(--ffe-color-foreground-interactive-link);
1634
1637
  display: -ms-inline-flexbox;
1635
1638
  display: inline-flex;
1636
1639
  border-radius: 1.5rem;
@@ -1638,9 +1641,16 @@ html,
1638
1641
  outline: 0;
1639
1642
  padding: var(--ffe-spacing-2xs);
1640
1643
  }
1644
+ .ffe-link-icon:is(button) {
1645
+ background: transparent;
1646
+ cursor: pointer;
1647
+ }
1648
+ .ffe-link-icon .ffe-icons {
1649
+ color: currentColor;
1650
+ }
1641
1651
  @media (hover: hover) and (pointer: fine) {
1642
1652
  .ffe-link-icon:hover {
1643
- fill: var(--ffe-color-foreground-interactive-link-hover);
1653
+ color: var(--ffe-color-foreground-interactive-link-hover);
1644
1654
  }
1645
1655
  }
1646
1656
  .ffe-link-icon:focus {
@@ -42,6 +42,10 @@
42
42
 
43
43
  .ffe-small-text {
44
44
  font-size: var(--ffe-fontsize-small-text);
45
+
46
+ &--underline {
47
+ border-bottom: var(--ffe-g-border-width) solid currentColor;
48
+ }
45
49
  }
46
50
 
47
51
  .ffe-micro-text {
@@ -194,16 +198,25 @@
194
198
  }
195
199
 
196
200
  .ffe-link-icon {
197
- fill: var(--ffe-color-foreground-interactive-link);
201
+ color: var(--ffe-color-foreground-interactive-link);
198
202
  display: inline-flex;
199
203
  border-radius: 1.5rem;
200
204
  border: 2px solid transparent;
201
205
  outline: 0;
202
206
  padding: var(--ffe-spacing-2xs);
203
207
 
208
+ &:is(button) {
209
+ background: transparent;
210
+ cursor: pointer;
211
+ }
212
+
213
+ .ffe-icons {
214
+ color: currentColor;
215
+ }
216
+
204
217
  @media (hover: hover) and (pointer: fine) {
205
218
  &:hover {
206
- fill: var(--ffe-color-foreground-interactive-link-hover);
219
+ color: var(--ffe-color-foreground-interactive-link-hover);
207
220
  }
208
221
  }
209
222
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "100.12.2",
3
+ "version": "100.12.3",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -37,7 +37,7 @@
37
37
  "build-colors": "./scripts/build-colors.cjs"
38
38
  },
39
39
  "devDependencies": {
40
- "@sb1/ffe-buildtool": "^100.12.2",
40
+ "@sb1/ffe-buildtool": "^100.12.3",
41
41
  "case": "^1.5.5",
42
42
  "less": "^4.1.2",
43
43
  "postcss": "^8.3.6"
@@ -45,5 +45,5 @@
45
45
  "publishConfig": {
46
46
  "access": "public"
47
47
  },
48
- "gitHead": "6cce0a63bc21735e7012d31267ef7e03469d29ec"
48
+ "gitHead": "c250edc3d20e5ed115c5c5951495d700e96a3be3"
49
49
  }