@sb1/ffe-buttons 18.0.6 → 18.0.8

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 (4) hide show
  1. package/less/base-button.less +5 -4
  2. package/less/button-group.less +5 -9
  3. package/less/inline-base-button.less +1 -0
  4. package/package.json +3 -3
package/less/base-button.less CHANGED
@@ -264,10 +264,12 @@
264
264
  opacity: 0;
265
265
  position: absolute;
266
266
  right: 0;
267
- top: 8px;
267
+ top: 0;
268
268
  transform: translateY(24px);
269
269
  transition: all @ffe-transition-duration @ffe-ease;
270
270
  visibility: hidden;
271
+ display: grid;
272
+ place-items: center;
271
273
 
272
274
  .ffe-button--loading & {
273
275
  opacity: 1;
@@ -282,9 +284,8 @@
282
284
  border-top-color: transparent;
283
285
  content: '';
284
286
  display: block;
285
- height: 22px;
286
- margin: 0 auto;
287
- width: 22px;
287
+ height: 1.375rem;
288
+ aspect-ratio: 1;
288
289
 
289
290
  @keyframes button-loading-spin {
290
291
  from {
package/less/button-group.less CHANGED
@@ -22,8 +22,7 @@
22
22
  .ffe-button,
23
23
  .ffe-inline-button {
24
24
  justify-content: center;
25
- margin: 0 auto @ffe-spacing-xs;
26
- align-self: center;
25
+ margin: 0 0 @ffe-spacing-xs;
27
26
  }
28
27
 
29
28
  &--thin {
@@ -31,11 +30,11 @@
31
30
  }
32
31
 
33
32
  &--inline {
33
+ align-items: center;
34
34
  .ffe-button,
35
35
  .ffe-inline-button {
36
36
  display: inline;
37
- margin: 0 0 @ffe-spacing-xs @ffe-spacing-xs;
38
- width: auto;
37
+ width: fit-content;
39
38
  }
40
39
  }
41
40
 
@@ -43,15 +42,12 @@
43
42
  display: inline-flex;
44
43
  flex-direction: row;
45
44
  width: auto;
45
+ flex-wrap: wrap;
46
+ gap: @ffe-spacing-xs @ffe-spacing-sm;
46
47
 
47
48
  .ffe-button,
48
49
  .ffe-inline-button {
49
- margin: 0 0 @ffe-spacing-xs @ffe-spacing-sm;
50
50
  width: auto;
51
-
52
- &:first-child {
53
- margin: 0 0 @ffe-spacing-xs;
54
- }
55
51
  }
56
52
  }
57
53
  }
package/less/inline-base-button.less CHANGED
@@ -25,6 +25,7 @@
25
25
  padding: 0 @ffe-spacing-2xs;
26
26
  text-decoration: none;
27
27
  font-size: var(--ffe-fontsize-body-text);
28
+ align-items: center;
28
29
 
29
30
  &:active {
30
31
  transform: scale(0.97);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-buttons",
3
- "version": "18.0.6",
3
+ "version": "18.0.8",
4
4
  "license": "MIT",
5
5
  "author": "SpareBank1",
6
6
  "files": [
@@ -15,7 +15,7 @@
15
15
  "test": "npm run lint"
16
16
  },
17
17
  "dependencies": {
18
- "@sb1/ffe-core": "^27.3.1"
18
+ "@sb1/ffe-core": "^27.3.2"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@sb1/ffe-buildtool": "^0.5.1"
@@ -23,5 +23,5 @@
23
23
  "publishConfig": {
24
24
  "access": "public"
25
25
  },
26
- "gitHead": "e9f8ba0eb329a7b2fc1aa21512c67ad440b74bb0"
26
+ "gitHead": "a2fc77fcaad7809d9766bd3beb3b2b5db6d4d68b"
27
27
  }