@ebay/skin 19.7.0 → 19.8.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 (9) hide show
  1. package/dist/bundles/skin-default.css +21 -23
  2. package/dist/bundles/skin-full.css +21 -23
  3. package/dist/bundles/skin-headless.css +15 -17
  4. package/dist/marketsans/marketsans.css +4 -24
  5. package/dist/panel-dialog/panel-dialog.css +10 -1
  6. package/dist/progress-bar-expressive/progress-bar-expressive.css +4 -12
  7. package/dist/svg/icons.svg +449 -445
  8. package/dist/tokens/evo-core.css +8 -8
  9. package/package.json +3 -3
package/dist/bundles/skin-default.css CHANGED
@@ -64,10 +64,10 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
64
64
  --color-indigo-800:#01193d;
65
65
  --color-blue-100:#f5f9ff;
66
66
  --color-blue-200:#d4e5fe;
67
- --color-blue-300:#93c9ff;
68
- --color-blue-400:#659eff;
69
- --color-blue-500:#3665f3;
70
- --color-blue-600:#382aef;
67
+ --color-blue-300:#84b4fb;
68
+ --color-blue-400:#4d93fc;
69
+ --color-blue-500:#0968f6;
70
+ --color-blue-600:#0049b8;
71
71
  --color-blue-650:#003aa5;
72
72
  --color-blue-700:#002a69;
73
73
  --color-blue-800:#19133a;
@@ -95,11 +95,11 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
95
95
  --color-green-600:#507d17;
96
96
  --color-green-700:#345110;
97
97
  --color-green-800:#1c2d06;
98
- --color-jade-100:#f7fdfd;
98
+ --color-jade-100:#f7fdfb;
99
99
  --color-jade-200:#d8f8ee;
100
100
  --color-jade-300:#8feace;
101
101
  --color-jade-400:#1ed49e;
102
- --color-jade-500:#1ed49e;
102
+ --color-jade-500:#17c28f;
103
103
  --color-jade-600:#0f805e;
104
104
  --color-jade-700:#055743;
105
105
  --color-jade-800:#002b20;
@@ -434,16 +434,14 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
434
434
  font-family:Market Sans;
435
435
  font-style:normal;
436
436
  font-weight:400;
437
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
438
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS) format("svg");
437
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2");
439
438
  }
440
439
  @font-face{
441
440
  font-display:swap;
442
441
  font-family:Market Sans;
443
442
  font-style:normal;
444
443
  font-weight:700;
445
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
446
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS) format("svg");
444
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2");
447
445
  }
448
446
  body{
449
447
  background-color:var(--color-background-primary);
@@ -8850,7 +8848,7 @@ nav.pagination--fluid ol.pagination__items li{
8850
8848
  .panel-dialog__footer>:not(:first-child){
8851
8849
  margin-top:var(--spacing-200);
8852
8850
  }
8853
- button.icon-btn.panel-dialog__close{
8851
+ button.icon-btn.panel-dialog__close,button.icon-btn.panel-dialog__prev{
8854
8852
  align-self:flex-start;
8855
8853
  border:0;
8856
8854
  height:32px;
@@ -8861,6 +8859,10 @@ button.icon-btn.panel-dialog__close{
8861
8859
  z-index:1;
8862
8860
  }
8863
8861
 
8862
+ button.icon-btn.panel-dialog__prev{
8863
+ margin-inline-end:var(--spacing-200);
8864
+ }
8865
+
8864
8866
  .panel-dialog__title:not(:first-child){
8865
8867
  margin-left:var(--spacing-200);
8866
8868
  }
@@ -8905,6 +8907,10 @@ button.icon-btn.panel-dialog__close{
8905
8907
  .panel-dialog--hide-init .panel-dialog__window--slide,.panel-dialog--show .panel-dialog__window--slide{
8906
8908
  transform:translateX(0);
8907
8909
  }
8910
+
8911
+ [dir=rtl] button.icon-btn.panel-dialog__prev .icon{
8912
+ transform:rotate(180deg);
8913
+ }
8908
8914
  @media (min-width:512px){
8909
8915
  .panel-dialog__window{
8910
8916
  width:384px;
@@ -9068,10 +9074,10 @@ button.icon-btn.panel-dialog__close{
9068
9074
  }
9069
9075
  }
9070
9076
  :root{
9071
- --progress-bar-expressive-color-1:#e53238;
9072
- --progress-bar-expressive-color-2:#0064d2;
9073
- --progress-bar-expressive-color-3:#f5af02;
9074
- --progress-bar-expressive-color-4:#86b817;
9077
+ --progress-bar-expressive-color-1:var(--color-red-500);
9078
+ --progress-bar-expressive-color-2:var(--color-blue-500);
9079
+ --progress-bar-expressive-color-3:var(--color-yellow-400);
9080
+ --progress-bar-expressive-color-4:var(--color-green-500);
9075
9081
  --progress-bar-expressive-line-border-radius:2px;
9076
9082
  --progress-bar-expressive-line-count:12;
9077
9083
  --progress-bar-expressive-line-gap:var(--spacing-50);
@@ -9093,14 +9099,6 @@ button.icon-btn.panel-dialog__close{
9093
9099
  --progress-bar-expressive-message-animatein-duration:833ms;
9094
9100
  --progress-bar-expressive-message-animateout-duration:400ms;
9095
9101
  }
9096
- @media (prefers-color-scheme:dark){
9097
- :root{
9098
- --progress-bar-expressive-color-1:#f0343b;
9099
- --progress-bar-expressive-color-2:#0078fc;
9100
- --progress-bar-expressive-color-3:#e8a502;
9101
- --progress-bar-expressive-color-4:#86b817;
9102
- }
9103
- }
9104
9102
 
9105
9103
  .progress-bar-expressive{
9106
9104
  align-items:stretch;
package/dist/bundles/skin-full.css CHANGED
@@ -64,10 +64,10 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
64
64
  --color-indigo-800:#01193d;
65
65
  --color-blue-100:#f5f9ff;
66
66
  --color-blue-200:#d4e5fe;
67
- --color-blue-300:#93c9ff;
68
- --color-blue-400:#659eff;
69
- --color-blue-500:#3665f3;
70
- --color-blue-600:#382aef;
67
+ --color-blue-300:#84b4fb;
68
+ --color-blue-400:#4d93fc;
69
+ --color-blue-500:#0968f6;
70
+ --color-blue-600:#0049b8;
71
71
  --color-blue-650:#003aa5;
72
72
  --color-blue-700:#002a69;
73
73
  --color-blue-800:#19133a;
@@ -95,11 +95,11 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
95
95
  --color-green-600:#507d17;
96
96
  --color-green-700:#345110;
97
97
  --color-green-800:#1c2d06;
98
- --color-jade-100:#f7fdfd;
98
+ --color-jade-100:#f7fdfb;
99
99
  --color-jade-200:#d8f8ee;
100
100
  --color-jade-300:#8feace;
101
101
  --color-jade-400:#1ed49e;
102
- --color-jade-500:#1ed49e;
102
+ --color-jade-500:#17c28f;
103
103
  --color-jade-600:#0f805e;
104
104
  --color-jade-700:#055743;
105
105
  --color-jade-800:#002b20;
@@ -637,16 +637,14 @@ https://github.com/eBay/skin/blob/master/LICENSE.txt
637
637
  font-family:Market Sans;
638
638
  font-style:normal;
639
639
  font-weight:400;
640
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
641
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS) format("svg");
640
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2");
642
641
  }
643
642
  @font-face{
644
643
  font-display:swap;
645
644
  font-family:Market Sans;
646
645
  font-style:normal;
647
646
  font-weight:700;
648
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
649
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS) format("svg");
647
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2");
650
648
  }
651
649
  body{
652
650
  background-color:var(--color-background-primary);
@@ -9053,7 +9051,7 @@ nav.pagination--fluid ol.pagination__items li{
9053
9051
  .panel-dialog__footer>:not(:first-child){
9054
9052
  margin-top:var(--spacing-200);
9055
9053
  }
9056
- button.icon-btn.panel-dialog__close{
9054
+ button.icon-btn.panel-dialog__close,button.icon-btn.panel-dialog__prev{
9057
9055
  align-self:flex-start;
9058
9056
  border:0;
9059
9057
  height:32px;
@@ -9064,6 +9062,10 @@ button.icon-btn.panel-dialog__close{
9064
9062
  z-index:1;
9065
9063
  }
9066
9064
 
9065
+ button.icon-btn.panel-dialog__prev{
9066
+ margin-inline-end:var(--spacing-200);
9067
+ }
9068
+
9067
9069
  .panel-dialog__title:not(:first-child){
9068
9070
  margin-left:var(--spacing-200);
9069
9071
  }
@@ -9108,6 +9110,10 @@ button.icon-btn.panel-dialog__close{
9108
9110
  .panel-dialog--hide-init .panel-dialog__window--slide,.panel-dialog--show .panel-dialog__window--slide{
9109
9111
  transform:translateX(0);
9110
9112
  }
9113
+
9114
+ [dir=rtl] button.icon-btn.panel-dialog__prev .icon{
9115
+ transform:rotate(180deg);
9116
+ }
9111
9117
  @media (min-width:512px){
9112
9118
  .panel-dialog__window{
9113
9119
  width:384px;
@@ -9271,10 +9277,10 @@ button.icon-btn.panel-dialog__close{
9271
9277
  }
9272
9278
  }
9273
9279
  :root{
9274
- --progress-bar-expressive-color-1:#e53238;
9275
- --progress-bar-expressive-color-2:#0064d2;
9276
- --progress-bar-expressive-color-3:#f5af02;
9277
- --progress-bar-expressive-color-4:#86b817;
9280
+ --progress-bar-expressive-color-1:var(--color-red-500);
9281
+ --progress-bar-expressive-color-2:var(--color-blue-500);
9282
+ --progress-bar-expressive-color-3:var(--color-yellow-400);
9283
+ --progress-bar-expressive-color-4:var(--color-green-500);
9278
9284
  --progress-bar-expressive-line-border-radius:2px;
9279
9285
  --progress-bar-expressive-line-count:12;
9280
9286
  --progress-bar-expressive-line-gap:var(--spacing-50);
@@ -9296,14 +9302,6 @@ button.icon-btn.panel-dialog__close{
9296
9302
  --progress-bar-expressive-message-animatein-duration:833ms;
9297
9303
  --progress-bar-expressive-message-animateout-duration:400ms;
9298
9304
  }
9299
- @media (prefers-color-scheme:dark){
9300
- :root{
9301
- --progress-bar-expressive-color-1:#f0343b;
9302
- --progress-bar-expressive-color-2:#0078fc;
9303
- --progress-bar-expressive-color-3:#e8a502;
9304
- --progress-bar-expressive-color-4:#86b817;
9305
- }
9306
- }
9307
9305
 
9308
9306
  .progress-bar-expressive{
9309
9307
  align-items:stretch;
package/dist/bundles/skin-headless.css CHANGED
@@ -4,16 +4,14 @@
4
4
  font-family:Market Sans;
5
5
  font-style:normal;
6
6
  font-weight:400;
7
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
8
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS) format("svg");
7
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2) format("woff2");
9
8
  }
10
9
  @font-face{
11
10
  font-display:swap;
12
11
  font-family:Market Sans;
13
12
  font-style:normal;
14
13
  font-weight:700;
15
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
16
- src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix) format("embedded-opentype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff) format("woff"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf) format("truetype"), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS) format("svg");
14
+ src:url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2) format("woff2");
17
15
  }
18
16
  body{
19
17
  background-color:var(--color-background-primary);
@@ -8420,7 +8418,7 @@ nav.pagination--fluid ol.pagination__items li{
8420
8418
  .panel-dialog__footer>:not(:first-child){
8421
8419
  margin-top:var(--spacing-200);
8422
8420
  }
8423
- button.icon-btn.panel-dialog__close{
8421
+ button.icon-btn.panel-dialog__close,button.icon-btn.panel-dialog__prev{
8424
8422
  align-self:flex-start;
8425
8423
  border:0;
8426
8424
  height:32px;
@@ -8431,6 +8429,10 @@ button.icon-btn.panel-dialog__close{
8431
8429
  z-index:1;
8432
8430
  }
8433
8431
 
8432
+ button.icon-btn.panel-dialog__prev{
8433
+ margin-inline-end:var(--spacing-200);
8434
+ }
8435
+
8434
8436
  .panel-dialog__title:not(:first-child){
8435
8437
  margin-left:var(--spacing-200);
8436
8438
  }
@@ -8475,6 +8477,10 @@ button.icon-btn.panel-dialog__close{
8475
8477
  .panel-dialog--hide-init .panel-dialog__window--slide,.panel-dialog--show .panel-dialog__window--slide{
8476
8478
  transform:translateX(0);
8477
8479
  }
8480
+
8481
+ [dir=rtl] button.icon-btn.panel-dialog__prev .icon{
8482
+ transform:rotate(180deg);
8483
+ }
8478
8484
  @media (min-width:512px){
8479
8485
  .panel-dialog__window{
8480
8486
  width:384px;
@@ -8638,10 +8644,10 @@ button.icon-btn.panel-dialog__close{
8638
8644
  }
8639
8645
  }
8640
8646
  :root{
8641
- --progress-bar-expressive-color-1:#e53238;
8642
- --progress-bar-expressive-color-2:#0064d2;
8643
- --progress-bar-expressive-color-3:#f5af02;
8644
- --progress-bar-expressive-color-4:#86b817;
8647
+ --progress-bar-expressive-color-1:var(--color-red-500);
8648
+ --progress-bar-expressive-color-2:var(--color-blue-500);
8649
+ --progress-bar-expressive-color-3:var(--color-yellow-400);
8650
+ --progress-bar-expressive-color-4:var(--color-green-500);
8645
8651
  --progress-bar-expressive-line-border-radius:2px;
8646
8652
  --progress-bar-expressive-line-count:12;
8647
8653
  --progress-bar-expressive-line-gap:var(--spacing-50);
@@ -8663,14 +8669,6 @@ button.icon-btn.panel-dialog__close{
8663
8669
  --progress-bar-expressive-message-animatein-duration:833ms;
8664
8670
  --progress-bar-expressive-message-animateout-duration:400ms;
8665
8671
  }
8666
- @media (prefers-color-scheme:dark){
8667
- :root{
8668
- --progress-bar-expressive-color-1:#f0343b;
8669
- --progress-bar-expressive-color-2:#0078fc;
8670
- --progress-bar-expressive-color-3:#e8a502;
8671
- --progress-bar-expressive-color-4:#86b817;
8672
- }
8673
- }
8674
8672
 
8675
8673
  .progress-bar-expressive{
8676
8674
  align-items:stretch;
package/dist/marketsans/marketsans.css CHANGED
@@ -3,34 +3,14 @@
3
3
  font-family: Market Sans;
4
4
  font-style: normal;
5
5
  font-weight: 400;
6
- src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot);
7
- src:
8
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.eot?#iefix)
9
- format("embedded-opentype"),
10
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2)
11
- format("woff2"),
12
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff)
13
- format("woff"),
14
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.ttf)
15
- format("truetype"),
16
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS)
17
- format("svg");
6
+ src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Regular-WebS.woff2)
7
+ format("woff2");
18
8
  }
19
9
  @font-face {
20
10
  font-display: swap;
21
11
  font-family: Market Sans;
22
12
  font-style: normal;
23
13
  font-weight: 700;
24
- src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot);
25
- src:
26
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.eot?#iefix)
27
- format("embedded-opentype"),
28
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2)
29
- format("woff2"),
30
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff)
31
- format("woff"),
32
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.ttf)
33
- format("truetype"),
34
- url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.svg#MarketSans-Bold-WebS)
35
- format("svg");
14
+ src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v2.0/MarketSans-Bold-WebS.woff2)
15
+ format("woff2");
36
16
  }
package/dist/panel-dialog/panel-dialog.css CHANGED
@@ -94,7 +94,8 @@
94
94
  .panel-dialog__footer > :not(:first-child) {
95
95
  margin-top: var(--spacing-200);
96
96
  }
97
- button.icon-btn.panel-dialog__close {
97
+ button.icon-btn.panel-dialog__close,
98
+ button.icon-btn.panel-dialog__prev {
98
99
  align-self: flex-start;
99
100
  border: 0;
100
101
  height: 32px;
@@ -105,6 +106,10 @@ button.icon-btn.panel-dialog__close {
105
106
  z-index: 1;
106
107
  }
107
108
 
109
+ button.icon-btn.panel-dialog__prev {
110
+ margin-inline-end: var(--spacing-200);
111
+ }
112
+
108
113
  .panel-dialog__title:not(:first-child) {
109
114
  margin-left: var(--spacing-200);
110
115
  }
@@ -170,6 +175,10 @@ button.icon-btn.panel-dialog__close {
170
175
  .panel-dialog--show .panel-dialog__window--slide {
171
176
  transform: translateX(0);
172
177
  }
178
+
179
+ [dir="rtl"] button.icon-btn.panel-dialog__prev .icon {
180
+ transform: rotate(180deg);
181
+ }
173
182
  @media (min-width: 512px) {
174
183
  .panel-dialog__window {
175
184
  width: 384px;
package/dist/progress-bar-expressive/progress-bar-expressive.css CHANGED
@@ -1,8 +1,8 @@
1
1
  :root {
2
- --progress-bar-expressive-color-1: #e53238;
3
- --progress-bar-expressive-color-2: #0064d2;
4
- --progress-bar-expressive-color-3: #f5af02;
5
- --progress-bar-expressive-color-4: #86b817;
2
+ --progress-bar-expressive-color-1: var(--color-red-500);
3
+ --progress-bar-expressive-color-2: var(--color-blue-500);
4
+ --progress-bar-expressive-color-3: var(--color-yellow-400);
5
+ --progress-bar-expressive-color-4: var(--color-green-500);
6
6
  --progress-bar-expressive-line-border-radius: 2px;
7
7
  --progress-bar-expressive-line-count: 12;
8
8
  --progress-bar-expressive-line-gap: var(--spacing-50);
@@ -24,14 +24,6 @@
24
24
  --progress-bar-expressive-message-animatein-duration: 833ms;
25
25
  --progress-bar-expressive-message-animateout-duration: 400ms;
26
26
  }
27
- @media (prefers-color-scheme: dark) {
28
- :root {
29
- --progress-bar-expressive-color-1: #f0343b;
30
- --progress-bar-expressive-color-2: #0078fc;
31
- --progress-bar-expressive-color-3: #e8a502;
32
- --progress-bar-expressive-color-4: #86b817;
33
- }
34
- }
35
27
 
36
28
  .progress-bar-expressive {
37
29
  align-items: stretch;