@sb1/ffe-core 26.0.0 → 26.1.1

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/less/theme.less CHANGED
@@ -143,6 +143,8 @@
143
143
  --ffe-g-link-color: var(--ffe-farge-vann);
144
144
  --ffe-g-link-color-hover: var(--ffe-farge-fjell);
145
145
  --ffe-g-link-color-visited: var(--ffe-farge-lyng);
146
+ --ffe-g-link-icon-color-hover: var(--ffe-farge-natt);
147
+ --ffe-g-link-icon-color-focus: var(--ffe-farge-vann);
146
148
 
147
149
  @media (prefers-color-scheme: dark) {
148
150
  .native {
@@ -155,6 +157,8 @@
155
157
  --ffe-g-link-color: var(--ffe-farge-vann-70);
156
158
  --ffe-g-link-color-hover: var(--ffe-farge-vann-30);
157
159
  --ffe-g-link-color-visited: var(--ffe-farge-lyng-70);
160
+ --ffe-g-link-icon-color-hover: var(--ffe-farge-vann-30);
161
+ --ffe-g-link-icon-color-focus: var(--ffe-farge-hvit);
158
162
  }
159
163
  }
160
164
  }
@@ -194,7 +194,7 @@
194
194
  .ffe-h6 {
195
195
  color: var(--ffe-g-heading-color);
196
196
  font-weight: normal;
197
- margin-bottom: 10px;
197
+ margin-bottom: @ffe-spacing-xs;
198
198
  margin-top: 0;
199
199
 
200
200
  &--error {
@@ -211,7 +211,7 @@
211
211
 
212
212
  &--with-border {
213
213
  border-bottom: 1px solid @ffe-farge-lysgraa;
214
- padding-bottom: 10px;
214
+ padding-bottom: @ffe-spacing-xs;
215
215
  .native & {
216
216
  @media (prefers-color-scheme: dark) {
217
217
  border-color: @ffe-farge-graa;
@@ -328,6 +328,21 @@
328
328
  }
329
329
  }
330
330
 
331
+ .ffe-link-icon {
332
+ fill: var(--ffe-g-link-color);
333
+ display: inline-flex;
334
+ border-radius: 1.5rem;
335
+ border: 2px solid transparent;
336
+ outline: 0;
337
+ padding: @ffe-spacing-2xs;
338
+ &:hover {
339
+ fill: var(--ffe-g-link-icon-color-hover);
340
+ }
341
+ &:focus {
342
+ box-shadow: 0 0 0 2px var(--ffe-g-link-icon-color-focus);
343
+ }
344
+ }
345
+
331
346
  .ffe-divider-line {
332
347
  border: none;
333
348
  border-bottom: solid 1px @ffe-farge-lysgraa;
@@ -401,7 +416,7 @@
401
416
  .ffe-h4,
402
417
  .ffe-h5,
403
418
  .ffe-h6 {
404
- margin-bottom: 15px;
419
+ margin-bottom: @ffe-spacing-sm;
405
420
 
406
421
  &--no-margin {
407
422
  margin: 0;
@@ -437,7 +452,7 @@
437
452
  .ffe-h4,
438
453
  .ffe-h5,
439
454
  .ffe-h6 {
440
- margin-bottom: 20px;
455
+ margin-bottom: @ffe-spacing-md;
441
456
 
442
457
  &--no-margin {
443
458
  margin: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "26.0.0",
3
+ "version": "26.1.1",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -16,20 +16,20 @@
16
16
  "url": "ssh://git@github.com:SpareBank1/designsystem.git"
17
17
  },
18
18
  "scripts": {
19
- "lint": "stylelint less/*.less",
19
+ "lint": "ffe-buildtool stylelint less/*.less",
20
20
  "test": "npm run lint",
21
21
  "clean": "rm -rf css/ gen-src/ lib/",
22
22
  "build": "./scripts/build.js tokens.config.js && ./scripts/build-custom-mq.js less/breakpoints.less css/custom-media-queries.css && tsc gen-src/index.ts --declaration --outDir lib"
23
23
  },
24
24
  "devDependencies": {
25
+ "@sb1/ffe-buildtool": "^0.5.0",
25
26
  "case": "^1.5.5",
26
27
  "less": "^4.1.2",
27
28
  "postcss": "^8.3.6",
28
- "stylelint": "^13.0.0",
29
29
  "typescript": "^4.6.4"
30
30
  },
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "eb0ffe88825587ac9cb2cedf582a208d9cf73a65"
34
+ "gitHead": "9221438cd6f3e829240ba1994ff1b8c32d50e36a"
35
35
  }