@sb1/ffe-core 31.0.2 → 31.1.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.
Files changed (7) hide show
  1. package/css/ffe.css +3 -9
  2. package/es/tsconfig.esm.tsbuildinfo +1 -1
  3. package/less/typography.less +2 -9
  4. package/lib/semanticColorsTailwind.js +128 -0
  5. package/lib/tsconfig.cjs.tsbuildinfo +1 -1
  6. package/package.json +2 -2
  7. package/types/tsconfig.types.tsbuildinfo +1 -1
package/css/ffe.css CHANGED
@@ -1461,22 +1461,16 @@ html,
1461
1461
  text-decoration: none;
1462
1462
  }
1463
1463
  }
1464
- .ffe-link-text:visited {
1465
- border-bottom-color: var(--ffe-color-foreground-interactive-link-pressed);
1466
- color: var(--ffe-color-foreground-interactive-link-pressed);
1467
- text-decoration: none;
1468
- }
1469
1464
  .ffe-link-text--no-underline {
1470
1465
  border-bottom: none;
1471
1466
  }
1472
1467
  .ffe-link-text:focus {
1473
- border-color: var(--ffe-color-foreground-interactive-link-pressed);
1474
1468
  color: var(--ffe-color-foreground-interactive-link-pressed);
1475
1469
  border-radius: 1px;
1476
- background-color: var(--ffe-color-foreground-interactive-link);
1477
- -webkit-box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link);
1478
- box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link);
1470
+ -webkit-box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
1471
+ box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
1479
1472
  outline: none;
1473
+ border-bottom-color: transparent;
1480
1474
  }
1481
1475
  .ffe-link-icon {
1482
1476
  fill: var(--ffe-color-foreground-interactive-link);
package/es/tsconfig.esm.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.8.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.8.3"}
package/less/typography.less CHANGED
@@ -172,23 +172,16 @@
172
172
  }
173
173
  }
174
174
 
175
- &:visited {
176
- border-bottom-color: var(--ffe-color-foreground-interactive-link-pressed);
177
- color: var(--ffe-color-foreground-interactive-link-pressed);
178
- text-decoration: none;
179
- }
180
-
181
175
  &--no-underline {
182
176
  border-bottom: none;
183
177
  }
184
178
 
185
179
  &:focus {
186
- border-color: var(--ffe-color-foreground-interactive-link-pressed);
187
180
  color: var(--ffe-color-foreground-interactive-link-pressed);
188
181
  border-radius: 1px;
189
- background-color: var(--ffe-color-foreground-interactive-link);
190
- box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link);
182
+ box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
191
183
  outline: none;
184
+ border-bottom-color: transparent;
192
185
  }
193
186
  }
194
187
 
package/lib/semanticColorsTailwind.js ADDED
@@ -0,0 +1,128 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+
4
+ exports['background-default'] = exports['background-subtle'] = exports['surface-primary-default'] = exports['surface-primary-default-hover'] = exports['surface-primary-default-pressed'] = exports['surface-secondary-default'] = exports['surface-secondary-hover'] = exports['surface-secondary-pressed'] = exports['surface-tertiary-default'] = exports['surface-tertiary-hover'] = exports['surface-tertiary-pressed'] = exports['surface-feedback-info'] = exports['surface-feedback-success'] = exports['surface-feedback-warning'] = exports['surface-feedback-critical'] = exports['surface-feedback-tip'] = exports['fill-primary-default'] = exports['fill-primary-hover'] = exports['fill-primary-pressed'] = exports['fill-primary-selected'] = exports['fill-primary-selected-hover'] = exports['fill-primary-selected-pressed'] = exports['fill-primary-subtle'] = exports['fill-primary-subtle-hover'] = exports['fill-primary-subtle-pressed'] = exports['fill-primary-invisible'] = exports['fill-secondary-default'] = exports['fill-secondary-default-hover'] = exports['fill-secondary-default-pressed'] = exports['fill-secondary-subtle'] = exports['fill-secondary-subtle-hover'] = exports['fill-secondary-subtle-pressed'] = exports['fill-tertiary-default'] = exports['fill-tertiary-default-hover'] = exports['fill-tertiary-default-pressed'] = exports['fill-tertiary-subtle'] = exports['fill-tertiary-subtle-hover'] = exports['fill-tertiary-subtle-pressed'] = exports['fill-feedback-info'] = exports['fill-feedback-info-subtle'] = exports['fill-feedback-success'] = exports['fill-feedback-success-subtle'] = exports['fill-feedback-warning'] = exports['fill-feedback-warning-subtle'] = exports['fill-feedback-critical'] = exports['fill-feedback-critical-subtle'] = exports['fill-feedback-tip'] = exports['fill-feedback-tip-subtle'] = exports['foreground-default'] = exports['foreground-subtle'] = exports['foreground-emphasis'] = exports['foreground-inverse'] = exports['foreground-on-fill-default'] = exports['foreground-on-fill-inverse'] = exports['foreground-interactive-link'] = exports['foreground-interactive-link-hover'] = exports['foreground-interactive-link-pressed'] = exports['foreground-feedback-info'] = exports['foreground-feedback-success'] = exports['foreground-feedback-warning'] = exports['foreground-feedback-critical'] = exports['foreground-feedback-tip'] = exports['border-primary-default'] = exports['border-primary-hover'] = exports['border-primary-pressed'] = exports['border-primary-subtle'] = exports['border-primary-emphasis'] = exports['border-primary-selected'] = exports['border-secondary-default'] = exports['border-secondary-hover'] = exports['border-secondary-pressed'] = exports['border-tertiary-default'] = exports['border-tertiary-hover'] = exports['border-tertiary-pressed'] = exports['border-interactive-focus'] = exports['border-feedback-info'] = exports['border-feedback-success'] = exports['border-feedback-warning'] = exports['border-feedback-critical'] = exports['border-feedback-tip'] = exports['component-button-action-border-default'] = exports['component-button-action-border-hover'] = exports['component-button-action-border-pressed'] = exports['component-button-action-fill-default'] = exports['component-button-action-fill-hover'] = exports['component-button-action-fill-pressed'] = exports['component-button-action-foreground-default'] = exports['component-button-action-foreground-hover'] = exports['component-button-primary-border-default'] = exports['component-button-primary-border-hover'] = exports['component-button-primary-border-pressed'] = exports['component-button-primary-fill-default'] = exports['component-button-primary-fill-hover'] = exports['component-button-primary-fill-pressed'] = exports['component-button-primary-foreground-default'] = exports['component-button-primary-foreground-hover'] = exports['component-button-secondary-border-default'] = exports['component-button-secondary-border-hover'] = exports['component-button-secondary-border-pressed'] = exports['component-button-secondary-fill-default'] = exports['component-button-secondary-fill-hover'] = exports['component-button-secondary-fill-pressed'] = exports['component-button-secondary-foreground-default'] = exports['component-button-secondary-foreground-hover'] = exports['component-button-tertiary-border-default'] = exports['component-button-tertiary-border-hover'] = exports['component-button-tertiary-border-pressed'] = exports['component-button-tertiary-fill-default'] = exports['component-button-tertiary-fill-hover'] = exports['component-button-tertiary-fill-pressed'] = exports['component-button-tertiary-foreground-default'] = exports['component-button-tertiary-foreground-hover'] = exports['component-toggleswitch-handle-default'] = exports['component-toggleswitch-fill-default'] = exports['component-toggleswitch-fill-default-hover'] = exports['component-toggleswitch-fill-default-pressed'] = exports['component-toggleswitch-fill-selected'] = exports['component-toggleswitch-fill-selected-hover'] = exports['component-toggleswitch-fill-selected-pressed'] = exports['component-toggleswitch-fill-critical'] = exports['component-logo-name'] = exports['component-logo-number1'] = exports['component-logo-circle-dark-red'] = exports['component-logo-circle-light-red'] = void 0
5
+ exports['background-default'] = 'var(--ffe-color-background-default)';
6
+ exports['background-subtle'] = 'var(--ffe-color-background-subtle)';
7
+ exports['surface-primary-default'] = 'var(--ffe-color-surface-primary-default)';
8
+ exports['surface-primary-default-hover'] = 'var(--ffe-color-surface-primary-default-hover)';
9
+ exports['surface-primary-default-pressed'] = 'var(--ffe-color-surface-primary-default-pressed)';
10
+ exports['surface-secondary-default'] = 'var(--ffe-color-surface-secondary-default)';
11
+ exports['surface-secondary-hover'] = 'var(--ffe-color-surface-secondary-hover)';
12
+ exports['surface-secondary-pressed'] = 'var(--ffe-color-surface-secondary-pressed)';
13
+ exports['surface-tertiary-default'] = 'var(--ffe-color-surface-tertiary-default)';
14
+ exports['surface-tertiary-hover'] = 'var(--ffe-color-surface-tertiary-hover)';
15
+ exports['surface-tertiary-pressed'] = 'var(--ffe-color-surface-tertiary-pressed)';
16
+ exports['surface-feedback-info'] = 'var(--ffe-color-surface-feedback-info)';
17
+ exports['surface-feedback-success'] = 'var(--ffe-color-surface-feedback-success)';
18
+ exports['surface-feedback-warning'] = 'var(--ffe-color-surface-feedback-warning)';
19
+ exports['surface-feedback-critical'] = 'var(--ffe-color-surface-feedback-critical)';
20
+ exports['surface-feedback-tip'] = 'var(--ffe-color-surface-feedback-tip)';
21
+ exports['fill-primary-default'] = 'var(--ffe-color-fill-primary-default)';
22
+ exports['fill-primary-hover'] = 'var(--ffe-color-fill-primary-hover)';
23
+ exports['fill-primary-pressed'] = 'var(--ffe-color-fill-primary-pressed)';
24
+ exports['fill-primary-selected'] = 'var(--ffe-color-fill-primary-selected)';
25
+ exports['fill-primary-selected-hover'] = 'var(--ffe-color-fill-primary-selected-hover)';
26
+ exports['fill-primary-selected-pressed'] = 'var(--ffe-color-fill-primary-selected-pressed)';
27
+ exports['fill-primary-subtle'] = 'var(--ffe-color-fill-primary-subtle)';
28
+ exports['fill-primary-subtle-hover'] = 'var(--ffe-color-fill-primary-subtle-hover)';
29
+ exports['fill-primary-subtle-pressed'] = 'var(--ffe-color-fill-primary-subtle-pressed)';
30
+ exports['fill-primary-invisible'] = 'var(--ffe-color-fill-primary-invisible)';
31
+ exports['fill-secondary-default'] = 'var(--ffe-color-fill-secondary-default)';
32
+ exports['fill-secondary-default-hover'] = 'var(--ffe-color-fill-secondary-default-hover)';
33
+ exports['fill-secondary-default-pressed'] = 'var(--ffe-color-fill-secondary-default-pressed)';
34
+ exports['fill-secondary-subtle'] = 'var(--ffe-color-fill-secondary-subtle)';
35
+ exports['fill-secondary-subtle-hover'] = 'var(--ffe-color-fill-secondary-subtle-hover)';
36
+ exports['fill-secondary-subtle-pressed'] = 'var(--ffe-color-fill-secondary-subtle-pressed)';
37
+ exports['fill-tertiary-default'] = 'var(--ffe-color-fill-tertiary-default)';
38
+ exports['fill-tertiary-default-hover'] = 'var(--ffe-color-fill-tertiary-default-hover)';
39
+ exports['fill-tertiary-default-pressed'] = 'var(--ffe-color-fill-tertiary-default-pressed)';
40
+ exports['fill-tertiary-subtle'] = 'var(--ffe-color-fill-tertiary-subtle)';
41
+ exports['fill-tertiary-subtle-hover'] = 'var(--ffe-color-fill-tertiary-subtle-hover)';
42
+ exports['fill-tertiary-subtle-pressed'] = 'var(--ffe-color-fill-tertiary-subtle-pressed)';
43
+ exports['fill-feedback-info'] = 'var(--ffe-color-fill-feedback-info)';
44
+ exports['fill-feedback-info-subtle'] = 'var(--ffe-color-fill-feedback-info-subtle)';
45
+ exports['fill-feedback-success'] = 'var(--ffe-color-fill-feedback-success)';
46
+ exports['fill-feedback-success-subtle'] = 'var(--ffe-color-fill-feedback-success-subtle)';
47
+ exports['fill-feedback-warning'] = 'var(--ffe-color-fill-feedback-warning)';
48
+ exports['fill-feedback-warning-subtle'] = 'var(--ffe-color-fill-feedback-warning-subtle)';
49
+ exports['fill-feedback-critical'] = 'var(--ffe-color-fill-feedback-critical)';
50
+ exports['fill-feedback-critical-subtle'] = 'var(--ffe-color-fill-feedback-critical-subtle)';
51
+ exports['fill-feedback-tip'] = 'var(--ffe-color-fill-feedback-tip)';
52
+ exports['fill-feedback-tip-subtle'] = 'var(--ffe-color-fill-feedback-tip-subtle)';
53
+ exports['foreground-default'] = 'var(--ffe-color-foreground-default)';
54
+ exports['foreground-subtle'] = 'var(--ffe-color-foreground-subtle)';
55
+ exports['foreground-emphasis'] = 'var(--ffe-color-foreground-emphasis)';
56
+ exports['foreground-inverse'] = 'var(--ffe-color-foreground-inverse)';
57
+ exports['foreground-on-fill-default'] = 'var(--ffe-color-foreground-on-fill-default)';
58
+ exports['foreground-on-fill-inverse'] = 'var(--ffe-color-foreground-on-fill-inverse)';
59
+ exports['foreground-interactive-link'] = 'var(--ffe-color-foreground-interactive-link)';
60
+ exports['foreground-interactive-link-hover'] = 'var(--ffe-color-foreground-interactive-link-hover)';
61
+ exports['foreground-interactive-link-pressed'] = 'var(--ffe-color-foreground-interactive-link-pressed)';
62
+ exports['foreground-feedback-info'] = 'var(--ffe-color-foreground-feedback-info)';
63
+ exports['foreground-feedback-success'] = 'var(--ffe-color-foreground-feedback-success)';
64
+ exports['foreground-feedback-warning'] = 'var(--ffe-color-foreground-feedback-warning)';
65
+ exports['foreground-feedback-critical'] = 'var(--ffe-color-foreground-feedback-critical)';
66
+ exports['foreground-feedback-tip'] = 'var(--ffe-color-foreground-feedback-tip)';
67
+ exports['border-primary-default'] = 'var(--ffe-color-border-primary-default)';
68
+ exports['border-primary-hover'] = 'var(--ffe-color-border-primary-hover)';
69
+ exports['border-primary-pressed'] = 'var(--ffe-color-border-primary-pressed)';
70
+ exports['border-primary-subtle'] = 'var(--ffe-color-border-primary-subtle)';
71
+ exports['border-primary-emphasis'] = 'var(--ffe-color-border-primary-emphasis)';
72
+ exports['border-primary-selected'] = 'var(--ffe-color-border-primary-selected)';
73
+ exports['border-secondary-default'] = 'var(--ffe-color-border-secondary-default)';
74
+ exports['border-secondary-hover'] = 'var(--ffe-color-border-secondary-hover)';
75
+ exports['border-secondary-pressed'] = 'var(--ffe-color-border-secondary-pressed)';
76
+ exports['border-tertiary-default'] = 'var(--ffe-color-border-tertiary-default)';
77
+ exports['border-tertiary-hover'] = 'var(--ffe-color-border-tertiary-hover)';
78
+ exports['border-tertiary-pressed'] = 'var(--ffe-color-border-tertiary-pressed)';
79
+ exports['border-interactive-focus'] = 'var(--ffe-color-border-interactive-focus)';
80
+ exports['border-feedback-info'] = 'var(--ffe-color-border-feedback-info)';
81
+ exports['border-feedback-success'] = 'var(--ffe-color-border-feedback-success)';
82
+ exports['border-feedback-warning'] = 'var(--ffe-color-border-feedback-warning)';
83
+ exports['border-feedback-critical'] = 'var(--ffe-color-border-feedback-critical)';
84
+ exports['border-feedback-tip'] = 'var(--ffe-color-border-feedback-tip)';
85
+ exports['component-button-action-border-default'] = 'var(--ffe-color-component-button-action-border-default)';
86
+ exports['component-button-action-border-hover'] = 'var(--ffe-color-component-button-action-border-hover)';
87
+ exports['component-button-action-border-pressed'] = 'var(--ffe-color-component-button-action-border-pressed)';
88
+ exports['component-button-action-fill-default'] = 'var(--ffe-color-component-button-action-fill-default)';
89
+ exports['component-button-action-fill-hover'] = 'var(--ffe-color-component-button-action-fill-hover)';
90
+ exports['component-button-action-fill-pressed'] = 'var(--ffe-color-component-button-action-fill-pressed)';
91
+ exports['component-button-action-foreground-default'] = 'var(--ffe-color-component-button-action-foreground-default)';
92
+ exports['component-button-action-foreground-hover'] = 'var(--ffe-color-component-button-action-foreground-hover)';
93
+ exports['component-button-primary-border-default'] = 'var(--ffe-color-component-button-primary-border-default)';
94
+ exports['component-button-primary-border-hover'] = 'var(--ffe-color-component-button-primary-border-hover)';
95
+ exports['component-button-primary-border-pressed'] = 'var(--ffe-color-component-button-primary-border-pressed)';
96
+ exports['component-button-primary-fill-default'] = 'var(--ffe-color-component-button-primary-fill-default)';
97
+ exports['component-button-primary-fill-hover'] = 'var(--ffe-color-component-button-primary-fill-hover)';
98
+ exports['component-button-primary-fill-pressed'] = 'var(--ffe-color-component-button-primary-fill-pressed)';
99
+ exports['component-button-primary-foreground-default'] = 'var(--ffe-color-component-button-primary-foreground-default)';
100
+ exports['component-button-primary-foreground-hover'] = 'var(--ffe-color-component-button-primary-foreground-hover)';
101
+ exports['component-button-secondary-border-default'] = 'var(--ffe-color-component-button-secondary-border-default)';
102
+ exports['component-button-secondary-border-hover'] = 'var(--ffe-color-component-button-secondary-border-hover)';
103
+ exports['component-button-secondary-border-pressed'] = 'var(--ffe-color-component-button-secondary-border-pressed)';
104
+ exports['component-button-secondary-fill-default'] = 'var(--ffe-color-component-button-secondary-fill-default)';
105
+ exports['component-button-secondary-fill-hover'] = 'var(--ffe-color-component-button-secondary-fill-hover)';
106
+ exports['component-button-secondary-fill-pressed'] = 'var(--ffe-color-component-button-secondary-fill-pressed)';
107
+ exports['component-button-secondary-foreground-default'] = 'var(--ffe-color-component-button-secondary-foreground-default)';
108
+ exports['component-button-secondary-foreground-hover'] = 'var(--ffe-color-component-button-secondary-foreground-hover)';
109
+ exports['component-button-tertiary-border-default'] = 'var(--ffe-color-component-button-tertiary-border-default)';
110
+ exports['component-button-tertiary-border-hover'] = 'var(--ffe-color-component-button-tertiary-border-hover)';
111
+ exports['component-button-tertiary-border-pressed'] = 'var(--ffe-color-component-button-tertiary-border-pressed)';
112
+ exports['component-button-tertiary-fill-default'] = 'var(--ffe-color-component-button-tertiary-fill-default)';
113
+ exports['component-button-tertiary-fill-hover'] = 'var(--ffe-color-component-button-tertiary-fill-hover)';
114
+ exports['component-button-tertiary-fill-pressed'] = 'var(--ffe-color-component-button-tertiary-fill-pressed)';
115
+ exports['component-button-tertiary-foreground-default'] = 'var(--ffe-color-component-button-tertiary-foreground-default)';
116
+ exports['component-button-tertiary-foreground-hover'] = 'var(--ffe-color-component-button-tertiary-foreground-hover)';
117
+ exports['component-toggleswitch-handle-default'] = 'var(--ffe-color-component-toggleswitch-handle-default)';
118
+ exports['component-toggleswitch-fill-default'] = 'var(--ffe-color-component-toggleswitch-fill-default)';
119
+ exports['component-toggleswitch-fill-default-hover'] = 'var(--ffe-color-component-toggleswitch-fill-default-hover)';
120
+ exports['component-toggleswitch-fill-default-pressed'] = 'var(--ffe-color-component-toggleswitch-fill-default-pressed)';
121
+ exports['component-toggleswitch-fill-selected'] = 'var(--ffe-color-component-toggleswitch-fill-selected)';
122
+ exports['component-toggleswitch-fill-selected-hover'] = 'var(--ffe-color-component-toggleswitch-fill-selected-hover)';
123
+ exports['component-toggleswitch-fill-selected-pressed'] = 'var(--ffe-color-component-toggleswitch-fill-selected-pressed)';
124
+ exports['component-toggleswitch-fill-critical'] = 'var(--ffe-color-component-toggleswitch-fill-critical)';
125
+ exports['component-logo-name'] = 'var(--ffe-color-component-logo-name)';
126
+ exports['component-logo-number1'] = 'var(--ffe-color-component-logo-number1)';
127
+ exports['component-logo-circle-dark-red'] = 'var(--ffe-color-component-logo-circle-dark-red)';
128
+ exports['component-logo-circle-light-red'] = 'var(--ffe-color-component-logo-circle-light-red)';
package/lib/tsconfig.cjs.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.8.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.8.3"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "31.0.2",
3
+ "version": "31.1.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": "6178a69a187ee277628318f8ede898d1d6cd3462"
38
+ "gitHead": "0b709d8e4f7154f16f5b22517071ac8e17efab11"
39
39
  }
package/types/tsconfig.types.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.8.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.8.3"}