@siemens/element-theme 49.1.0 → 49.3.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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/styles/bootstrap/_card.scss +5 -4
  3. package/src/styles/bootstrap/forms/_form-control.scss +1 -1
  4. package/src/styles/bootstrap/forms/_form-label.scss +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@siemens/element-theme",
3
- "version": "49.1.0",
3
+ "version": "49.3.0",
4
4
  "description": "Element CSS theme.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/styles/bootstrap/_card.scss CHANGED
@@ -78,7 +78,6 @@
78
78
  &.action-card:not(:disabled) {
79
79
  &:hover {
80
80
  &,
81
- .card-header,
82
81
  .card-footer {
83
82
  background-color: semantic-tokens.$element-base-1-hover;
84
83
  }
@@ -86,7 +85,6 @@
86
85
 
87
86
  &:active {
88
87
  &,
89
- .card-header,
90
88
  .card-footer {
91
89
  background-color: semantic-tokens.$element-base-1-selected;
92
90
  }
@@ -100,6 +98,11 @@
100
98
  &:focus-visible {
101
99
  outline-offset: 2px;
102
100
  }
101
+
102
+ &.card-outline {
103
+ background-color: transparent;
104
+ box-shadow: inset 0 0 0 1px semantic-tokens.$element-ui-4;
105
+ }
103
106
  }
104
107
 
105
108
  button.card {
@@ -124,7 +127,6 @@ button.card {
124
127
  padding-inline: variables.$card-cap-padding-x;
125
128
  margin-block-end: 0; // Removes the default margin-bottom of <hN>
126
129
  color: variables.$card-cap-color;
127
- background-color: variables.$card-cap-bg;
128
130
  line-height: typography.$si-font-size-h5;
129
131
 
130
132
  + * .card-body, // for action cards, where we wrap the content
@@ -174,7 +176,6 @@ button.card {
174
176
  padding-inline: variables.$card-cap-padding-x;
175
177
  padding-block-start: variables.$card-cap-padding-y;
176
178
  padding-block-end: variables.$card-cap-padding-x;
177
- background-color: variables.$card-cap-bg;
178
179
  }
179
180
 
180
181
  :is(.card-header, .card-body):first-child {
package/src/styles/bootstrap/forms/_form-control.scss CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  &:is(.readonly, [readonly]) {
54
54
  &,
55
- :is(:hover, :focus) {
55
+ &:is(:hover, :focus) {
56
56
  --border-color: #{semantic-tokens.$element-ui-4};
57
57
  background-color: variables.$input-bg;
58
58
  }
package/src/styles/bootstrap/forms/_form-label.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use '../../variables/spacers';
2
+ @use '../../bootstrap/functions';
2
3
  @use '../variables';
3
4
 
4
5
  @use 'sass:map';
@@ -21,7 +22,7 @@
21
22
  }
22
23
 
23
24
  .col-form-label {
24
- padding-block: map.get(spacers.$spacers, 4) - 1px 0;
25
+ padding-block: functions.add(variables.$input-padding-y, variables.$input-border-width);
25
26
  }
26
27
 
27
28
  :is(.form-label, .col-form-label, .form-check-label) {