@ebay/skin 16.5.0-0 → 16.5.1

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 (19) hide show
  1. package/.stylelintrc +1 -7
  2. package/_cdn/skin/v16.5.1/skin-default.min.css +6 -0
  3. package/_cdn/skin/v16.5.1/skin-full.min.css +6 -0
  4. package/_cdn/skin/v16.5.1/skin-headless.min.css +6 -0
  5. package/_cdn/skin/v16.5.1/skin-legacy.min.css +6 -0
  6. package/dist/carousel/carousel.css +1 -1
  7. package/dist/field/field.css +1 -1
  8. package/dist/page-notice/page-notice.css +3 -3
  9. package/dist/section-notice/section-notice.css +4 -4
  10. package/package.json +2 -2
  11. package/src/less/avatar/stories/avatar.stories.js +10 -10
  12. package/src/less/carousel/carousel.less +1 -1
  13. package/src/less/field/field.less +1 -1
  14. package/src/less/page-notice/page-notice.less +3 -3
  15. package/src/less/section-notice/section-notice.less +4 -4
  16. package/_cdn/skin/v16.5.0-0/skin-default.min.css +0 -6
  17. package/_cdn/skin/v16.5.0-0/skin-full.min.css +0 -6
  18. package/_cdn/skin/v16.5.0-0/skin-headless.min.css +0 -6
  19. package/_cdn/skin/v16.5.0-0/skin-legacy.min.css +0 -6
package/src/less/avatar/stories/avatar.stories.js CHANGED
@@ -27,13 +27,13 @@ export const variations = () => /* HTML */ `
27
27
  export const withImage = () => /* HTML */ `
28
28
  <div class="avatar" role="img" aria-label="Signed-in as Doggy">
29
29
  <img
30
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
30
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
31
31
  alt="profile pic"
32
32
  />
33
33
  </div>
34
34
  <div class="avatar avatar--128" role="img" aria-label="Signed-in as Doggy">
35
35
  <img
36
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
36
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
37
37
  alt="profile pic"
38
38
  />
39
39
  </div>
@@ -101,7 +101,7 @@ export const sizesProfilePic = () => /* HTML */ `
101
101
  aria-label="Signed-in as Doggy"
102
102
  >
103
103
  <img
104
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
104
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
105
105
  alt="profile pic"
106
106
  />
107
107
  </div>
@@ -111,7 +111,7 @@ export const sizesProfilePic = () => /* HTML */ `
111
111
  aria-label="Signed-in as Doggy"
112
112
  >
113
113
  <img
114
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
114
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
115
115
  alt="profile pic"
116
116
  />
117
117
  </div>
@@ -121,7 +121,7 @@ export const sizesProfilePic = () => /* HTML */ `
121
121
  aria-label="Signed-in as Doggy"
122
122
  >
123
123
  <img
124
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
124
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
125
125
  alt="profile pic"
126
126
  />
127
127
  </div>
@@ -131,7 +131,7 @@ export const sizesProfilePic = () => /* HTML */ `
131
131
  aria-label="Signed-in as Doggy"
132
132
  >
133
133
  <img
134
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
134
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
135
135
  alt="profile pic"
136
136
  />
137
137
  </div>
@@ -141,7 +141,7 @@ export const sizesProfilePic = () => /* HTML */ `
141
141
  aria-label="Signed-in as Doggy"
142
142
  >
143
143
  <img
144
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
144
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
145
145
  alt="profile pic"
146
146
  />
147
147
  </div>
@@ -151,7 +151,7 @@ export const sizesProfilePic = () => /* HTML */ `
151
151
  aria-label="Signed-in as Doggy"
152
152
  >
153
153
  <img
154
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
154
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
155
155
  alt="profile pic"
156
156
  />
157
157
  </div>
@@ -161,7 +161,7 @@ export const sizesProfilePic = () => /* HTML */ `
161
161
  aria-label="Signed-in as Doggy"
162
162
  >
163
163
  <img
164
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
164
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
165
165
  alt="profile pic"
166
166
  />
167
167
  </div>
@@ -235,7 +235,7 @@ export const combinations = () => /* HTML */ `
235
235
  aria-label="Signed-in as Doggy"
236
236
  >
237
237
  <img
238
- src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile.png"
238
+ src="https://ir.ebaystatic.com/cr/v/c01/skin/docs/dog_profile_optimized.jpg"
239
239
  alt="profile pic"
240
240
  />
241
241
  </div>
package/src/less/carousel/carousel.less CHANGED
@@ -294,7 +294,7 @@ span.carousel__container {
294
294
  }
295
295
 
296
296
  .carousel__snap-point {
297
- scroll-snap-align: start;
297
+ scroll-snap-align: flex-start;
298
298
  -webkit-scroll-snap-coordinate: 0 0;
299
299
  -ms-scroll-snap-coordinate: 0 0;
300
300
  scroll-snap-coordinate: 0 0;
package/src/less/field/field.less CHANGED
@@ -161,7 +161,7 @@ div.field__description {
161
161
  }
162
162
 
163
163
  .field__group--align-top > .field__label {
164
- align-self: start;
164
+ align-self: flex-start;
165
165
  margin-top: 16px;
166
166
  }
167
167
 
package/src/less/page-notice/page-notice.less CHANGED
@@ -129,7 +129,7 @@ span[role="region"].page-notice {
129
129
  p.page-notice__cta {
130
130
  grid-column: 2;
131
131
  grid-row: 2;
132
- justify-self: start;
132
+ justify-self: flex-start;
133
133
  margin-right: @spacing-200;
134
134
  margin-top: @spacing-200;
135
135
  }
@@ -147,14 +147,14 @@ p.page-notice__cta {
147
147
  p.page-notice__cta {
148
148
  grid-column: 4;
149
149
  grid-row: 1;
150
- justify-self: end;
150
+ justify-self: flex-end;
151
151
  margin-bottom: 0;
152
152
  margin-top: 1px;
153
153
  padding-right: @spacing-200;
154
154
  }
155
155
 
156
156
  .page-notice__footer {
157
- justify-self: end;
157
+ justify-self: flex-end;
158
158
  margin-top: 0;
159
159
  }
160
160
  }
package/src/less/section-notice/section-notice.less CHANGED
@@ -81,7 +81,7 @@ span[role="region"].section-notice {
81
81
  .section-notice__footer {
82
82
  grid-column: 4;
83
83
  grid-row: 1;
84
- justify-self: end;
84
+ justify-self: flex-end;
85
85
  margin-top: 2px;
86
86
  }
87
87
 
@@ -93,7 +93,7 @@ span[role="region"].section-notice {
93
93
  p.section-notice__cta {
94
94
  grid-column: 2;
95
95
  grid-row: 2;
96
- justify-self: start;
96
+ justify-self: flex-start;
97
97
  margin-right: @spacing-200;
98
98
  margin-top: @spacing-200;
99
99
  }
@@ -114,7 +114,7 @@ p.section-notice__cta {
114
114
  p.section-notice__cta {
115
115
  grid-column: 4;
116
116
  grid-row: 1;
117
- justify-self: end;
117
+ justify-self: flex-end;
118
118
  margin-bottom: 0;
119
119
  margin-top: 0;
120
120
  padding-right: @spacing-200;
@@ -132,7 +132,7 @@ p.section-notice__cta {
132
132
  }
133
133
 
134
134
  .section-notice__footer {
135
- justify-self: start;
135
+ justify-self: flex-start;
136
136
  margin-left: initial;
137
137
  margin-right: auto;
138
138
  padding-left: initial;