@ebay/skin 19.14.2 → 19.14.3

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.
@@ -10100,7 +10100,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
10100
10100
 
10101
10101
  div[role=region].section-notice,section.section-notice{
10102
10102
  display:grid;
10103
- grid-template-columns:32px auto min-content min-content;
10103
+ grid-template-columns:32px auto auto;
10104
+ }
10105
+
10106
+ div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
10107
+ grid-template-columns:32px auto auto min-content;
10108
+ }
10109
+
10110
+ div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
10111
+ grid-column:4;
10104
10112
  }
10105
10113
  .section-notice--education{
10106
10114
  background-color:var(--section-notice-education-background-color, var(--color-background-education));
@@ -10163,7 +10171,7 @@ span[role=region].section-notice{
10163
10171
  }
10164
10172
 
10165
10173
  .section-notice__footer{
10166
- grid-column:4;
10174
+ grid-column:3;
10167
10175
  grid-row:1;
10168
10176
  justify-self:flex-end;
10169
10177
  margin-top:2px;
@@ -10303,7 +10303,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
10303
10303
 
10304
10304
  div[role=region].section-notice,section.section-notice{
10305
10305
  display:grid;
10306
- grid-template-columns:32px auto min-content min-content;
10306
+ grid-template-columns:32px auto auto;
10307
+ }
10308
+
10309
+ div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
10310
+ grid-template-columns:32px auto auto min-content;
10311
+ }
10312
+
10313
+ div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
10314
+ grid-column:4;
10307
10315
  }
10308
10316
  .section-notice--education{
10309
10317
  background-color:var(--section-notice-education-background-color, var(--color-background-education));
@@ -10366,7 +10374,7 @@ span[role=region].section-notice{
10366
10374
  }
10367
10375
 
10368
10376
  .section-notice__footer{
10369
- grid-column:4;
10377
+ grid-column:3;
10370
10378
  grid-row:1;
10371
10379
  justify-self:flex-end;
10372
10380
  margin-top:2px;
@@ -9670,7 +9670,15 @@ input.radio__control[type=radio]:focus:not(:focus-visible)+span.radio__icon{
9670
9670
 
9671
9671
  div[role=region].section-notice,section.section-notice{
9672
9672
  display:grid;
9673
- grid-template-columns:32px auto min-content min-content;
9673
+ grid-template-columns:32px auto auto;
9674
+ }
9675
+
9676
+ div[role=region].section-notice:has(.section-notice__cta),section.section-notice:has(.section-notice__cta){
9677
+ grid-template-columns:32px auto auto min-content;
9678
+ }
9679
+
9680
+ div[role=region].section-notice:has(.section-notice__cta) .section-notice__footer,section.section-notice:has(.section-notice__cta) .section-notice__footer{
9681
+ grid-column:4;
9674
9682
  }
9675
9683
  .section-notice--education{
9676
9684
  background-color:var(--section-notice-education-background-color, var(--color-background-education));
@@ -9733,7 +9741,7 @@ span[role=region].section-notice{
9733
9741
  }
9734
9742
 
9735
9743
  .section-notice__footer{
9736
- grid-column:4;
9744
+ grid-column:3;
9737
9745
  grid-row:1;
9738
9746
  justify-self:flex-end;
9739
9747
  margin-top:2px;
@@ -12,7 +12,18 @@
12
12
  div[role="region"].section-notice,
13
13
  section.section-notice {
14
14
  display: grid;
15
- grid-template-columns: 32px auto min-content min-content;
15
+ grid-template-columns: 32px auto auto;
16
+ }
17
+
18
+ div[role="region"].section-notice:has(.section-notice__cta),
19
+ section.section-notice:has(.section-notice__cta) {
20
+ grid-template-columns: 32px auto auto min-content;
21
+ }
22
+
23
+ div[role="region"].section-notice:has(.section-notice__cta)
24
+ .section-notice__footer,
25
+ section.section-notice:has(.section-notice__cta) .section-notice__footer {
26
+ grid-column: 4;
16
27
  }
17
28
  .section-notice--education {
18
29
  background-color: var(
@@ -87,7 +98,7 @@ span[role="region"].section-notice {
87
98
  }
88
99
 
89
100
  .section-notice__footer {
90
- grid-column: 4;
101
+ grid-column: 3;
91
102
  grid-row: 1;
92
103
  justify-self: flex-end;
93
104
  margin-top: 2px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.14.2",
3
+ "version": "19.14.3",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",