@ebay/skin 19.5.0 → 19.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 (23) hide show
  1. package/dist/alert-dialog/alert-dialog.css +2 -2
  2. package/dist/bundles/skin-default.css +3 -3
  3. package/dist/bundles/skin-full.css +3 -3
  4. package/dist/bundles/skin-headless.css +3 -3
  5. package/dist/combobox/combobox.css +1 -1
  6. package/dist/confirm-dialog/confirm-dialog.css +2 -2
  7. package/dist/date-textbox/date-textbox.css +1 -1
  8. package/dist/drawer-dialog/drawer-dialog.css +2 -2
  9. package/dist/filter-menu-button/filter-menu-button.css +1 -1
  10. package/dist/fullscreen-dialog/fullscreen-dialog.css +2 -2
  11. package/dist/infotip/infotip.css +1 -1
  12. package/dist/lightbox-dialog/lightbox-dialog.css +2 -2
  13. package/dist/listbox/listbox.css +1 -1
  14. package/dist/listbox-button/listbox-button.css +1 -1
  15. package/dist/menu/menu.css +1 -1
  16. package/dist/menu-button/menu-button.css +1 -1
  17. package/dist/mixins/_utility-mixins.scss +1 -1
  18. package/dist/panel-dialog/panel-dialog.css +2 -2
  19. package/dist/snackbar-dialog/snackbar-dialog.css +2 -2
  20. package/dist/toast-dialog/toast-dialog.css +2 -2
  21. package/dist/tooltip/tooltip.css +1 -1
  22. package/dist/tourtip/tourtip.css +1 -1
  23. package/package.json +1 -1
package/dist/alert-dialog/alert-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .alert-dialog[role="alertdialog"] {
package/dist/bundles/skin-default.css CHANGED
@@ -10852,8 +10852,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
10852
10852
  width:100%;
10853
10853
  }
10854
10854
  :root{
10855
- --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
10856
- --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
10855
+ --dialog-scrim-color-hide:rgb(17 24 32 / 0);
10856
+ --dialog-scrim-color-show:rgb(17 24 32 / 0.7);
10857
10857
  --dialog-lightbox-max-width:616px;
10858
10858
  }
10859
10859
  .toast-dialog{
@@ -11954,7 +11954,7 @@ button.tooltip__close{
11954
11954
  }
11955
11955
  }
11956
11956
  :root{
11957
- --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
11957
+ --bubble-shadow:0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
11958
11958
  }
11959
11959
  .tourtip{
11960
11960
  position:relative;
package/dist/bundles/skin-full.css CHANGED
@@ -11051,8 +11051,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
11051
11051
  width:100%;
11052
11052
  }
11053
11053
  :root{
11054
- --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
11055
- --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
11054
+ --dialog-scrim-color-hide:rgb(17 24 32 / 0);
11055
+ --dialog-scrim-color-show:rgb(17 24 32 / 0.7);
11056
11056
  --dialog-lightbox-max-width:616px;
11057
11057
  }
11058
11058
  .toast-dialog{
@@ -12153,7 +12153,7 @@ button.tooltip__close{
12153
12153
  }
12154
12154
  }
12155
12155
  :root{
12156
- --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
12156
+ --bubble-shadow:0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
12157
12157
  }
12158
12158
  .tourtip{
12159
12159
  position:relative;
package/dist/bundles/skin-headless.css CHANGED
@@ -10426,8 +10426,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
10426
10426
  width:100%;
10427
10427
  }
10428
10428
  :root{
10429
- --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
10430
- --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
10429
+ --dialog-scrim-color-hide:rgb(17 24 32 / 0);
10430
+ --dialog-scrim-color-show:rgb(17 24 32 / 0.7);
10431
10431
  --dialog-lightbox-max-width:616px;
10432
10432
  }
10433
10433
  .toast-dialog{
@@ -11528,7 +11528,7 @@ button.tooltip__close{
11528
11528
  }
11529
11529
  }
11530
11530
  :root{
11531
- --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
11531
+ --bubble-shadow:0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
11532
11532
  }
11533
11533
  .tourtip{
11534
11534
  position:relative;
package/dist/combobox/combobox.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .combobox {
5
5
  box-sizing: border-box;
package/dist/confirm-dialog/confirm-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .confirm-dialog[role="dialog"] {
package/dist/date-textbox/date-textbox.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .date-textbox {
5
5
  --calendar-month-width: 311px;
package/dist/drawer-dialog/drawer-dialog.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! DEPRECATED COMPONENT. Will be removed next major version */
2
2
  :root {
3
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
4
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
3
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
4
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
5
5
  --dialog-lightbox-max-width: 616px;
6
6
  }
7
7
  .drawer-dialog[role="dialog"] {
package/dist/filter-menu-button/filter-menu-button.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  div.filter-group {
5
5
  display: flex;
package/dist/fullscreen-dialog/fullscreen-dialog.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! DEPRECATED COMPONENT. Will be removed next major version */
2
2
  :root {
3
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
4
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
3
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
4
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
5
5
  --dialog-lightbox-max-width: 616px;
6
6
  }
7
7
  .fullscreen-dialog[role="dialog"] {
package/dist/infotip/infotip.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .infotip {
5
5
  position: relative;
package/dist/lightbox-dialog/lightbox-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  --dialog-lightbox-wide-max-width: 896px;
6
6
  --dialog-lightbox-narrow-max-width: 480px;
package/dist/listbox/listbox.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  div.listbox {
5
5
  margin: var(--spacing-200) 0;
package/dist/listbox-button/listbox-button.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .listbox-button {
5
5
  line-height: normal;
package/dist/menu/menu.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .fake-menu__items,
5
5
  .menu__items {
package/dist/menu-button/menu-button.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .fake-menu-button,
5
5
  .menu-button {
package/dist/mixins/_utility-mixins.scss CHANGED
@@ -32,7 +32,7 @@
32
32
  position: relative;
33
33
 
34
34
  &::after {
35
- background: rgb(0, 0, 0, 0.05);
35
+ background: rgb(0 0 0 / 0.05);
36
36
  bottom: 0;
37
37
  content: "";
38
38
  display: block;
package/dist/panel-dialog/panel-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .panel-dialog[role="dialog"] {
package/dist/snackbar-dialog/snackbar-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .snackbar-dialog {
package/dist/toast-dialog/toast-dialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
2
+ --dialog-scrim-color-hide: rgb(17 24 32 / 0);
3
+ --dialog-scrim-color-show: rgb(17 24 32 / 0.7);
4
4
  --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .toast-dialog {
package/dist/tooltip/tooltip.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .tooltip {
5
5
  position: relative;
package/dist/tourtip/tourtip.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
2
+ --bubble-shadow: 0 2px 7px rgb(0 0 0 / 0.15), 0 5px 17px rgb(0 0 0 / 0.2);
3
3
  }
4
4
  .tourtip {
5
5
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.5.0",
3
+ "version": "19.5.1",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",