@danske/sapphire-css 47.0.0 → 48.0.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.
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
-moz-osx-font-smoothing: grayscale;
|
|
36
36
|
|
|
37
37
|
/* sizing */
|
|
38
|
-
padding: 0 var(--sapphire-
|
|
38
|
+
padding: 0 var(--sapphire-semantic-size-spacing-md);
|
|
39
39
|
height: var(--sapphire-semantic-size-height-control-md);
|
|
40
|
-
min-width: var(--sapphire-global-size-generic-
|
|
40
|
+
min-width: var(--sapphire-global-size-generic-200);
|
|
41
41
|
max-width: fit-content; /* When part of flex layout the button will otherwise expand to full width of container when container has flex-direction 'column' */
|
|
42
42
|
flex-shrink: 0; /* When part of flex layout the button will otherwise be squashed */
|
|
43
43
|
|
|
@@ -61,15 +61,13 @@
|
|
|
61
61
|
justify-content: center;
|
|
62
62
|
vertical-align: middle;
|
|
63
63
|
white-space: nowrap;
|
|
64
|
-
|
|
65
|
-
/* for when there are icons inside the button */
|
|
66
|
-
gap: var(--sapphire-semantic-size-spacing-xs);
|
|
67
|
-
|
|
64
|
+
user-select: none;
|
|
68
65
|
/* In Safari buttons get a 2px border
|
|
69
66
|
* https://github.com/necolas/normalize.css/blob/master/normalize.css#L160-L169
|
|
70
67
|
*/
|
|
71
68
|
margin: 0;
|
|
72
69
|
width: 100%;
|
|
70
|
+
padding: 0 var(--sapphire-semantic-size-spacing-xs);
|
|
73
71
|
}
|
|
74
72
|
|
|
75
73
|
a.sapphire-button {
|
|
@@ -479,8 +477,8 @@ a.sapphire-button {
|
|
|
479
477
|
*/
|
|
480
478
|
.sapphire-button--lg {
|
|
481
479
|
height: var(--sapphire-semantic-size-height-control-lg);
|
|
482
|
-
min-width: var(--sapphire-global-size-generic-
|
|
483
|
-
padding: 0 var(--sapphire-semantic-size-spacing-
|
|
480
|
+
min-width: var(--sapphire-global-size-generic-240);
|
|
481
|
+
padding: 0 var(--sapphire-semantic-size-spacing-lg);
|
|
484
482
|
font-size: var(--sapphire-semantic-size-font-control-lg);
|
|
485
483
|
border-radius: var(--sapphire-semantic-size-height-control-lg);
|
|
486
484
|
}
|
|
@@ -495,8 +493,8 @@ a.sapphire-button {
|
|
|
495
493
|
*/
|
|
496
494
|
.sapphire-button--sm {
|
|
497
495
|
height: var(--sapphire-semantic-size-height-control-sm);
|
|
498
|
-
min-width: var(--sapphire-global-size-generic-
|
|
499
|
-
padding: 0 var(--sapphire-semantic-size-spacing-
|
|
496
|
+
min-width: var(--sapphire-global-size-generic-160);
|
|
497
|
+
padding: 0 var(--sapphire-semantic-size-spacing-sm);
|
|
500
498
|
font-size: var(--sapphire-semantic-size-font-control-sm);
|
|
501
499
|
border-radius: var(--sapphire-semantic-size-height-control-sm);
|
|
502
500
|
}
|
|
@@ -505,6 +503,7 @@ a.sapphire-button {
|
|
|
505
503
|
padding: 0;
|
|
506
504
|
border-radius: var(--sapphire-semantic-size-radius-xs);
|
|
507
505
|
}
|
|
506
|
+
|
|
508
507
|
.sapphire-button--sm .sapphire-button__content {
|
|
509
|
-
|
|
508
|
+
padding: 0 var(--sapphire-semantic-size-spacing-2xs);
|
|
510
509
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danske/sapphire-css",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "48.0.0",
|
|
4
4
|
"description": "CSS implementation of the Sapphire Design System from Danske Bank A/S",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"dependencies": {
|
|
70
70
|
"@danske/sapphire-design-tokens": "^42.2.1"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "5d362847c9bf4dc629d5574accb7e7d39a11e2be"
|
|
73
73
|
}
|