@sb1/ffe-core 30.0.6 → 30.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.
package/css/ffe.css CHANGED
@@ -1231,14 +1231,8 @@ html,
1231
1231
  --ffe-g-secondary-color: var(--ffe-color-foreground-emphasis);
1232
1232
  /* Error messages, invalid inputs, etc */
1233
1233
  --ffe-g-error-color: var(--ffe-color-fill-feedback-critical);
1234
- /** Theme borders */
1235
1234
  /* Form element borders */
1236
1235
  --ffe-g-border-color: var(--ffe-color-border-primary-default);
1237
- --ffe-g-border-radius: 8px;
1238
- --ffe-g-border-radius-lg: 16px;
1239
- --ffe-g-border-width: 1px;
1240
- --ffe-g-border-width-focus: 2px;
1241
- /** Fonts */
1242
1236
  /* Default font */
1243
1237
  --ffe-g-font: 'SpareBank1-regular', arial, sans-serif;
1244
1238
  /* h1 - h2 */
@@ -1639,6 +1633,14 @@ html,
1639
1633
  position: absolute !important;
1640
1634
  width: 1px;
1641
1635
  }
1636
+ :root,
1637
+ :host {
1638
+ /* Form element borders */
1639
+ --ffe-g-border-radius: 8px;
1640
+ --ffe-g-border-radius-lg: 16px;
1641
+ --ffe-g-border-width: 1px;
1642
+ --ffe-g-border-focus-box-shadow: 0 0 0 1px;
1643
+ }
1642
1644
  .ffe-wave {
1643
1645
  position: relative;
1644
1646
  width: 100%;
@@ -0,0 +1,6 @@
1
+
2
+ // Chevron colors to make it work with semantic colors
3
+ @ffe-color-chevron-light-default: #292929;
4
+ @ffe-color-chevron-dark-default: #ffffff;
5
+ @ffe-color-chevron-light-accent: #ffffff;
6
+ @ffe-color-chevron-dark-accent: #ffffff;
package/less/ffe.less CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'breakpoints';
6
6
  @import 'colors';
7
7
  @import 'colors-semantic';
8
+ @import 'colors-semantic-chevron';
8
9
  @import 'dimensions';
9
10
  @import 'motion';
10
11
  @import 'spacing';
@@ -16,4 +17,5 @@
16
17
  @import 'typography';
17
18
  @import 'body';
18
19
  @import 'accessibility';
20
+ @import 'variables';
19
21
  @import 'waves';
package/less/theme.less CHANGED
@@ -136,16 +136,8 @@
136
136
  /* Error messages, invalid inputs, etc */
137
137
  --ffe-g-error-color: var(--ffe-color-fill-feedback-critical); //Depricated
138
138
 
139
- /** Theme borders */
140
-
141
139
  /* Form element borders */
142
140
  --ffe-g-border-color: var(--ffe-color-border-primary-default); //Depricated
143
- --ffe-g-border-radius: 8px;
144
- --ffe-g-border-radius-lg: 16px;
145
- --ffe-g-border-width: 1px;
146
- --ffe-g-border-width-focus: 2px;
147
-
148
- /** Fonts */
149
141
 
150
142
  /* Default font */
151
143
  --ffe-g-font: 'SpareBank1-regular', arial, sans-serif;
@@ -0,0 +1,8 @@
1
+ :root,
2
+ :host {
3
+ /* Form element borders */
4
+ --ffe-g-border-radius: 8px;
5
+ --ffe-g-border-radius-lg: 16px;
6
+ --ffe-g-border-width: 1px;
7
+ --ffe-g-border-focus-box-shadow: 0 0 0 1px;
8
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "30.0.6",
3
+ "version": "30.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": "eb02ee394eb7c7835607af234e9e05bccdf097f5"
38
+ "gitHead": "e9877c954f0e3e28d0be5db5aaf4a00762cb8a5c"
39
39
  }