@ebay/skin 16.0.0-0 → 16.0.0-2

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 (28) hide show
  1. package/.storybook/preview-head.html +28 -0
  2. package/_cdn/skin/v16.0.0-2/skin-default.min.css +6 -0
  3. package/_cdn/skin/v16.0.0-2/skin-full.min.css +6 -0
  4. package/_cdn/skin/v16.0.0-2/skin-headless.min.css +6 -0
  5. package/_cdn/skin/v16.0.0-2/skin-legacy.min.css +6 -0
  6. package/dist/button/button.css +4 -4
  7. package/dist/icon/icon.css +16 -0
  8. package/dist/svg/icon/icon-stepper-attention-24.svg +6 -0
  9. package/dist/svg/icon/icon-stepper-confirmation-24.svg +6 -0
  10. package/dist/svg/icon/icon-stepper-current-24.svg +8 -0
  11. package/dist/svg/icon/icon-stepper-upcoming-24.svg +5 -0
  12. package/dist/svg/icons.svg +28 -0
  13. package/package.json +1 -1
  14. package/src/less/button/button.less +4 -4
  15. package/src/less/button/stories/button/primary.stories.js +0 -12
  16. package/src/less/button/stories/destructive-button/primary.stories.js +0 -10
  17. package/src/less/icon/generated/icon.less +16 -0
  18. package/src/less/progress-stepper/stories/progress-stepper.stories.js +65 -65
  19. package/src/svg/icon/icon-stepper-attention-24.svg +6 -0
  20. package/src/svg/icon/icon-stepper-confirmation-24.svg +6 -0
  21. package/src/svg/icon/icon-stepper-current-24.svg +8 -0
  22. package/src/svg/icon/icon-stepper-upcoming-24.svg +5 -0
  23. package/src/svg/icons.svg +28 -0
  24. package/svg.svg +28 -0
  25. package/_cdn/skin/v16.0.0-0/skin-default.min.css +0 -6
  26. package/_cdn/skin/v16.0.0-0/skin-full.min.css +0 -6
  27. package/_cdn/skin/v16.0.0-0/skin-headless.min.css +0 -6
  28. package/_cdn/skin/v16.0.0-0/skin-legacy.min.css +0 -6
package/src/less/button/button.less CHANGED
@@ -132,8 +132,8 @@ a.fake-btn--primary.fake-btn--destructive {
132
132
 
133
133
  button.btn--primary.btn--destructive[disabled],
134
134
  button.btn--primary.btn--destructive[aria-disabled="true"] {
135
- .background-color-token(btn-primary-destructive-disabled-background, color-background-attention);
136
- .border-color-token(btn-primary-destructive-disabled-border, color-stroke-attention);
135
+ .background-color-token(btn-primary-destructive-disabled-background, color-background-disabled);
136
+ .border-color-token(btn-primary-destructive-disabled-border, color-stroke-disabled);
137
137
  }
138
138
 
139
139
  button.btn--primary.btn--destructive:not([disabled], [aria-disabled="true"]),
@@ -181,8 +181,8 @@ a.fake-btn--large svg.icon {
181
181
 
182
182
  button.btn--primary[disabled],
183
183
  button.btn--primary[aria-disabled="true"] {
184
- .background-color-token(btn-primary-disabled-background-color, color-background-accent);
185
- .border-color-token(btn-primary-disabled-border-color, color-background-accent);
184
+ .background-color-token(btn-primary-disabled-background-color, color-foreground-disabled);
185
+ .border-color-token(btn-primary-disabled-border-color, color-foreground-disabled);
186
186
  .color-token(btn-primary-foreground-color, color-foreground-on-accent);
187
187
 
188
188
  svg.icon {
package/src/less/button/stories/button/primary.stories.js CHANGED
@@ -40,15 +40,3 @@ export const busy = () => `
40
40
  </span>
41
41
  </button>
42
42
  `;
43
-
44
- export const busyDisabled = () => `
45
- <button class="btn btn--primary" aria-label="Busy" aria-disabled="true" disabled>
46
- <span class="btn__cell">
47
- <span class="progress-spinner">
48
- <svg class="icon icon--spinner-24" focusable="false" aria-hidden="true">
49
- <use href="#icon-spinner-24"></use>
50
- </svg>
51
- </span>
52
- </span>
53
- </button>
54
- `;
package/src/less/button/stories/destructive-button/primary.stories.js CHANGED
@@ -34,13 +34,3 @@ export const busy = () => `
34
34
  </span>
35
35
  </button>
36
36
  `;
37
-
38
- export const busyDisabled = () => `
39
- <button class="btn btn--primary btn--destructive" aria-label="Busy" aria-disabled="true" disabled>
40
- <span class="progress-spinner">
41
- <svg aria-hidden="true" class="icon icon--spinner-24" focusable="false">
42
- <use href="#icon-spinner-24"></use>
43
- </svg>
44
- </span>
45
- </button>
46
- `;
package/src/less/icon/generated/icon.less CHANGED
@@ -2059,6 +2059,22 @@ svg.icon--star-half-dark-24-colored {
2059
2059
  height: 24px;
2060
2060
  width: 24px;
2061
2061
  }
2062
+ svg.icon--stepper-attention-24 {
2063
+ height: 24px;
2064
+ width: 24px;
2065
+ }
2066
+ svg.icon--stepper-confirmation-24 {
2067
+ height: 24px;
2068
+ width: 24px;
2069
+ }
2070
+ svg.icon--stepper-current-24 {
2071
+ height: 24px;
2072
+ width: 24px;
2073
+ }
2074
+ svg.icon--stepper-upcoming-24 {
2075
+ height: 25px;
2076
+ width: 24px;
2077
+ }
2062
2078
  svg.icon--store-16 {
2063
2079
  height: 16px;
2064
2080
  width: 16px;