@ebay/skin 16.1.0-0 → 16.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.
Files changed (13) hide show
  1. package/README.md +1 -1
  2. package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-default.min.css +1 -1
  3. package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-full.min.css +1 -1
  4. package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-headless.min.css +1 -1
  5. package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-legacy.min.css +1 -1
  6. package/package.json +1 -1
  7. package/src/less/button/stories/button/base.stories.js +2 -2
  8. package/src/less/button/stories/button/cascade.stories.js +2 -2
  9. package/src/less/button/stories/button/dimensions.stories.js +1 -1
  10. package/src/less/button/stories/fake-button/base.stories.js +2 -2
  11. package/src/less/button/stories/fake-button/cascade.stories.js +3 -3
  12. package/src/less/button/stories/fake-button/dimensions.stories.js +1 -1
  13. package/src/less/icon-button/stories/alignment.stories.js +2 -2
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- [![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/79bdc98e/eBay-Skin)
1
+ [![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/f1364dca/eBay-Skin)
2
2
 
3
3
  # Skin
4
4
 
package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-default.min.css RENAMED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Skin v16.1.0-0
2
+ Skin v16.1.0
3
3
  Copyright 2017 eBay! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/eBay/skin/blob/master/LICENSE.txt"
package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-full.min.css RENAMED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Skin v16.1.0-0
2
+ Skin v16.1.0
3
3
  Copyright 2017 eBay! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/eBay/skin/blob/master/LICENSE.txt"
package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-headless.min.css RENAMED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Skin v16.1.0-0
2
+ Skin v16.1.0
3
3
  Copyright 2017 eBay! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/eBay/skin/blob/master/LICENSE.txt"
package/_cdn/skin/{v16.1.0-0 → v16.1.0}/skin-legacy.min.css RENAMED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Skin v16.1.0-0
2
+ Skin v16.1.0
3
3
  Copyright 2017 eBay! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/eBay/skin/blob/master/LICENSE.txt"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
3
  "description": "Skin - CSS modules that represent the brand eBay",
4
- "version": "16.1.0-0",
4
+ "version": "16.1.0",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",
7
7
  "maintainers": [
package/src/less/button/stories/button/base.stories.js CHANGED
@@ -10,7 +10,7 @@ export const formSlim = () =>
10
10
  export const iconAndText = () => `
11
11
  <button type="button" class="btn">
12
12
  <span class="btn__cell">
13
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
13
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
14
14
  <span>Button</span>
15
15
  </span>
16
16
  </button>
@@ -19,7 +19,7 @@ export const iconAndText = () => `
19
19
  export const disabled = () => `
20
20
  <button type="button" class="btn" disabled>
21
21
  <span class="btn__cell">
22
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
22
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
23
23
  <span>Button</span>
24
24
  </span>
25
25
  </button>
package/src/less/button/stories/button/cascade.stories.js CHANGED
@@ -3,7 +3,7 @@ export default { title: "Button/Cascade" };
3
3
  export const color = () => `
4
4
  <button type="button" class="btn" style="color: red;">
5
5
  <span class="btn__cell">
6
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
6
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
7
7
  <span>Button</span>
8
8
  </span>
9
9
  </button>
@@ -13,7 +13,7 @@ export const fontSize = () => `
13
13
  <div style="font-size: 200%;">
14
14
  <button type="button" class="btn">
15
15
  <span class="btn__cell">
16
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
16
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
17
17
  <span>Button</span>
18
18
  </span>
19
19
  </button>
package/src/less/button/stories/button/dimensions.stories.js CHANGED
@@ -3,7 +3,7 @@ export default { title: "Button/Dimensions" };
3
3
  export const large = () => `
4
4
  <button type="button" class="btn btn--large">
5
5
  <span class="btn__cell">
6
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
6
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
7
7
  <span>Button</span>
8
8
  </span>
9
9
  </button>
package/src/less/button/stories/fake-button/base.stories.js CHANGED
@@ -6,7 +6,7 @@ export const textOnly = () =>
6
6
  export const iconAndText = () => `
7
7
  <a class="fake-btn" href="http://www.ebay.com">
8
8
  <span class="fake-btn__cell">
9
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
9
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
10
10
  <span>Fake Button</span>
11
11
  </span>
12
12
  </a>
@@ -15,7 +15,7 @@ export const iconAndText = () => `
15
15
  export const disabled = () => `
16
16
  <a class="fake-btn">
17
17
  <span class="fake-btn__cell">
18
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
18
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
19
19
  <span>Fake Button</span>
20
20
  </span>
21
21
  </a>
package/src/less/button/stories/fake-button/cascade.stories.js CHANGED
@@ -4,7 +4,7 @@ export const RTL = () => `
4
4
  <div dir="rtl">
5
5
  <a class="fake-btn" href="http://www.ebay.com">
6
6
  <span class="fake-btn__cell">
7
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
7
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
8
8
  <span>Fake Button</span>
9
9
  </span>
10
10
  </a>
@@ -15,7 +15,7 @@ export const color = () => `
15
15
  <div style="color: red;">
16
16
  <a class="fake-btn" href="http://www.ebay.com">
17
17
  <span class="fake-btn__cell">
18
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
18
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
19
19
  <span>Fake Button</span>
20
20
  </span>
21
21
  </a>
@@ -26,7 +26,7 @@ export const fontSize = () => `
26
26
  <div style="font-size: 200%">
27
27
  <a class="fake-btn" href="http://www.ebay.com">
28
28
  <span class="fake-btn__cell">
29
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
29
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
30
30
  <span>Fake Button</span>
31
31
  </span>
32
32
  </a>
package/src/less/button/stories/fake-button/dimensions.stories.js CHANGED
@@ -3,7 +3,7 @@ export default { title: "Fake Button/Dimensions" };
3
3
  export const large = () => `
4
4
  <a class="fake-btn fake-btn--large" href="http://www.ebay.com">
5
5
  <span class="fake-btn__cell">
6
- <svg class="icon icon--settings-24" width="16" height="16"><use href="#icon-settings-24"></use></svg>
6
+ <svg class="icon icon--settings-16" width="16" height="16"><use href="#icon-settings-16"></use></svg>
7
7
  <span>Fake Button</span>
8
8
  </span>
9
9
  </a>
package/src/less/icon-button/stories/alignment.stories.js CHANGED
@@ -2,10 +2,10 @@ export default { title: "Icon Button/Alignment" };
2
2
 
3
3
  export const menu = () => `
4
4
  <button aria-label="menu" type="button" class="icon-btn">
5
- <svg class="icon icon--menu-16" aria-hidden="true" focusable="false" width="16" height="16"><use href="#icon-menu-16"></use></svg>
5
+ <svg class="icon icon--menu-20" aria-hidden="true" focusable="false" width="16" height="16"><use href="#icon-menu-20"></use></svg>
6
6
  </button>
7
7
  <a aria-label="menu" class="icon-link" href="http://www.ebay.com">
8
- <svg class="icon icon--menu-16" aria-hidden="true" focusable="false" width="16" height="16"><use href="#icon-menu-16"></use></svg>
8
+ <svg class="icon icon--menu-20" aria-hidden="true" focusable="false" width="16" height="16"><use href="#icon-menu-20"></use></svg>
9
9
  </a>
10
10
  `;
11
11