@siemens/element-theme 47.6.0 → 47.8.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@siemens/element-theme",
|
|
3
|
-
"version": "47.
|
|
3
|
+
"version": "47.8.0",
|
|
4
4
|
"description": "Element CSS theme.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -16,6 +16,9 @@
|
|
|
16
16
|
"publishConfig": {
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"postversion": "node ../../postversion.js"
|
|
21
|
+
},
|
|
19
22
|
"keywords": [
|
|
20
23
|
"siemens",
|
|
21
24
|
"theme",
|
|
@@ -67,6 +67,7 @@ $background-colors: (
|
|
|
67
67
|
'base-1': semantic-tokens.$element-base-1,
|
|
68
68
|
'base-2': semantic-tokens.$element-base-2,
|
|
69
69
|
'base-3': semantic-tokens.$element-base-3,
|
|
70
|
+
'base-4': semantic-tokens.$element-base-4,
|
|
70
71
|
'base-success': semantic-tokens.$element-base-success,
|
|
71
72
|
'base-info': semantic-tokens.$element-base-information,
|
|
72
73
|
'base-caution': semantic-tokens.$element-base-caution,
|
|
@@ -57,7 +57,7 @@ $datatable-ghost-cell-strip-radius: 0 !default;
|
|
|
57
57
|
.checkbox-selection
|
|
58
58
|
) {
|
|
59
59
|
.datatable-row-wrapper {
|
|
60
|
-
|
|
60
|
+
.datatable-body-row:hover {
|
|
61
61
|
background-color: variables.$table-hover-bg;
|
|
62
62
|
}
|
|
63
63
|
}
|
|
@@ -232,7 +232,8 @@ $datatable-ghost-cell-strip-radius: 0 !default;
|
|
|
232
232
|
inline-size: 100%;
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
.datatable-body-row
|
|
235
|
+
.datatable-body-row,
|
|
236
|
+
.datatable-group-header {
|
|
236
237
|
border-block-end: 1px solid $datatable-header-border-color;
|
|
237
238
|
inline-size: 100% !important; // stylelint-disable-line declaration-no-important
|
|
238
239
|
min-inline-size: fit-content;
|
|
@@ -243,7 +244,7 @@ $datatable-ghost-cell-strip-radius: 0 !default;
|
|
|
243
244
|
inline-size: 100%;
|
|
244
245
|
}
|
|
245
246
|
|
|
246
|
-
|
|
247
|
+
&.datatable-body-row:hover:not(.active) {
|
|
247
248
|
background-color: variables.$table-hover-bg;
|
|
248
249
|
|
|
249
250
|
:is(.datatable-row-left, .datatable-row-right) {
|
|
@@ -256,6 +257,14 @@ $datatable-ghost-cell-strip-radius: 0 !default;
|
|
|
256
257
|
}
|
|
257
258
|
}
|
|
258
259
|
|
|
260
|
+
.datatable-group-header {
|
|
261
|
+
.datatable-group-cell {
|
|
262
|
+
display: flex;
|
|
263
|
+
align-items: center;
|
|
264
|
+
padding-inline-start: map.get(spacers.$spacers, 6);
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
|
|
259
268
|
.datatable-body-cell,
|
|
260
269
|
.datatable-body-row {
|
|
261
270
|
&:focus-visible {
|
|
@@ -6,6 +6,7 @@ $color-interactive-blue-500: #7353e5;
|
|
|
6
6
|
$color-interactive-blue-700: #4c3fbf;
|
|
7
7
|
$color-interactive-blue-900: #553ba3;
|
|
8
8
|
|
|
9
|
+
$color-experimental-deep-blue-25: #f7f7f7; // EXPERIMENTAL: Do not use
|
|
9
10
|
$color-deep-blue-50: #eeeeee;
|
|
10
11
|
$color-deep-blue-100: #e9e9e9;
|
|
11
12
|
$color-deep-blue-200: #d4d4d4;
|
|
@@ -15,6 +16,7 @@ $color-deep-blue-500: #999999;
|
|
|
15
16
|
$color-deep-blue-600: #4e4e4e;
|
|
16
17
|
$color-deep-blue-700: #383838;
|
|
17
18
|
$color-deep-blue-800: #1a1a1a;
|
|
19
|
+
$color-experimental-deep-blue-850: #3a3a3a; // EXPERIMENTAL: Do not use
|
|
18
20
|
$color-deep-blue-900: #000000;
|
|
19
21
|
|
|
20
22
|
$color-white: #ffffff;
|
|
@@ -43,6 +43,8 @@ $theme-element-light: (
|
|
|
43
43
|
base-critical: base.$color-red-100,
|
|
44
44
|
base-translucent-1: rgba(base.$color-black, 0.3),
|
|
45
45
|
base-translucent-2: rgba(base.$color-deep-blue-900, 0.88),
|
|
46
|
+
// EXPERIMENTAL: Do not use
|
|
47
|
+
base-input-experimental: base.$color-experimental-deep-blue-25,
|
|
46
48
|
action-primary: base.$color-interactive-blue-500,
|
|
47
49
|
action-primary-hover: base.$color-teal,
|
|
48
50
|
action-primary-text: base.$color-white,
|
|
@@ -229,6 +231,8 @@ $theme-element-dark: (
|
|
|
229
231
|
base-critical: base.$color-red-900,
|
|
230
232
|
base-translucent-1: rgba(base.$color-black, 0.7),
|
|
231
233
|
base-translucent-2: rgba(base.$color-white, 0.88),
|
|
234
|
+
// EXPERIMENTAL: Do not use
|
|
235
|
+
base-input-experimental: base.$color-experimental-deep-blue-850,
|
|
232
236
|
action-primary: base.$color-interactive-coral,
|
|
233
237
|
action-primary-hover: base.$color-bold-green,
|
|
234
238
|
action-primary-text: base.$color-deep-blue-900,
|