@danske/sapphire-css 40.0.0 → 40.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.
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
.sapphire-checkbox-container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-flow: column;
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.sapphire-checkbox {
|
|
2
7
|
font-family: var(--sapphire-semantic-font-name-default);
|
|
3
8
|
display: inline-flex;
|
|
@@ -64,6 +69,7 @@
|
|
|
64
69
|
.sapphire-checkbox--md .sapphire-checkbox__label {
|
|
65
70
|
font-size: var(--sapphire-semantic-size-font-control-md);
|
|
66
71
|
line-height: var(--sapphire-semantic-size-height-control-2xs);
|
|
72
|
+
margin-left: var(--sapphire-semantic-size-spacing-xs);
|
|
67
73
|
}
|
|
68
74
|
|
|
69
75
|
.sapphire-checkbox__error-text {
|
|
@@ -85,7 +91,7 @@
|
|
|
85
91
|
font-size: var(--sapphire-semantic-size-font-label-sm);
|
|
86
92
|
line-height: var(--sapphire-semantic-size-line-height-sm);
|
|
87
93
|
margin-left: calc(
|
|
88
|
-
var(--sapphire-semantic-size-spacing-
|
|
94
|
+
var(--sapphire-semantic-size-spacing-xs) +
|
|
89
95
|
var(--sapphire-semantic-size-height-box-md)
|
|
90
96
|
);
|
|
91
97
|
}
|
|
@@ -93,7 +93,8 @@ instead of being applied on the list item itself */
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.sapphire-list__item--interactive:disabled,
|
|
96
|
-
.sapphire-list__item--interactive[aria-disabled='true']
|
|
96
|
+
.sapphire-list__item--interactive[aria-disabled='true'],
|
|
97
|
+
.sapphire-list__item[aria-disabled='true'] .sapphire-list__item--interactive {
|
|
97
98
|
cursor: not-allowed;
|
|
98
99
|
opacity: var(--sapphire-semantic-opacity-disabled);
|
|
99
100
|
}
|
|
@@ -193,6 +194,12 @@ instead of being applied on the list item itself */
|
|
|
193
194
|
);
|
|
194
195
|
}
|
|
195
196
|
|
|
197
|
+
.sapphire-list__item[aria-disabled='true']
|
|
198
|
+
.sapphire-list__item--interactive:active,
|
|
199
|
+
.sapphire-list__item--interactive:focus-visible {
|
|
200
|
+
background: inherit;
|
|
201
|
+
}
|
|
202
|
+
|
|
196
203
|
.sapphire-list__item-content-left {
|
|
197
204
|
display: flex;
|
|
198
205
|
align-items: center;
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
/* Cell spacing MD (default) */
|
|
238
|
-
.sapphire-
|
|
238
|
+
.sapphire-table__table {
|
|
239
239
|
--sapphire-table-cell-spacing-h: var(--sapphire-semantic-size-spacing-sm);
|
|
240
240
|
--sapphire-table-cell-spacing-v: var(--sapphire-semantic-size-spacing-sm);
|
|
241
241
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danske/sapphire-css",
|
|
3
|
-
"version": "40.
|
|
3
|
+
"version": "40.1.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,
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"@babel/preset-env": "^7.20.2",
|
|
46
46
|
"@babel/preset-react": "^7.18.6",
|
|
47
47
|
"@babel/preset-typescript": "^7.18.6",
|
|
48
|
-
"@danske/sapphire-icons": "^3.
|
|
49
|
-
"@danske/sapphire-react": "^
|
|
48
|
+
"@danske/sapphire-icons": "^3.1.0",
|
|
49
|
+
"@danske/sapphire-react": "^5.0.1",
|
|
50
50
|
"@mdx-js/react": "^1.6.22",
|
|
51
51
|
"@storybook/addon-essentials": "^6.5.13",
|
|
52
52
|
"@storybook/addon-links": "^6.5.13",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"dependencies": {
|
|
70
70
|
"@danske/sapphire-design-tokens": "^42.0.0"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "a2fe96ba580fd6c06c3ddaac972775f59f55879b"
|
|
73
73
|
}
|