@deriv-web-design/ui 0.1.38 → 0.1.40

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.
package/dist/index.css CHANGED
@@ -6014,6 +6014,10 @@
6014
6014
  display: block;
6015
6015
  pointer-events: none;
6016
6016
  }
6017
+ [dir=rtl] .dnt__bg {
6018
+ transform: scaleX(-1);
6019
+ transform-origin: center;
6020
+ }
6017
6021
  .dnt__bg--day {
6018
6022
  z-index: 0;
6019
6023
  }
@@ -6056,6 +6060,11 @@
6056
6060
  background-size: cover;
6057
6061
  background-position: 100% 100%;
6058
6062
  }
6063
+ [dir=rtl] .dnt__v2-bg-day,
6064
+ [dir=rtl] .dnt__v2-bg-night {
6065
+ transform: scaleX(-1);
6066
+ transform-origin: center;
6067
+ }
6059
6068
  .dnt--webflow-v2 .dnt__v2-bg-day,
6060
6069
  .dnt--webflow-v2 .dnt__v2-bg-night {
6061
6070
  background-attachment: fixed;
@@ -6110,8 +6119,7 @@
6110
6119
  padding: var(--spacing-80) var(--dnt-content-px) var(--dnt-content-py) var(--dnt-content-px);
6111
6120
  }
6112
6121
  .dnt--layout-v2 .dnt__inner {
6113
- padding-left: var(--spacing-16);
6114
- padding-right: var(--spacing-16);
6122
+ padding-inline: var(--spacing-16);
6115
6123
  }
6116
6124
  .dnt--webflow-v2.dnt--headline-h1 .dnt__headline {
6117
6125
  font-size: 3.5rem;
@@ -7470,11 +7478,16 @@
7470
7478
  width: var(--tbl-col-main-width);
7471
7479
  min-width: var(--tbl-col-main-width);
7472
7480
  position: sticky;
7473
- left: 0;
7481
+ inset-inline-start: 0;
7482
+ left: auto;
7474
7483
  z-index: 2;
7475
7484
  background-color: var(--tbl-bg);
7476
7485
  box-shadow: 4px 0 12px rgba(0, 0, 0, 0.03);
7477
7486
  }
7487
+ [dir=rtl] .tbl__th--main,
7488
+ [dir=rtl] .tbl__td--main {
7489
+ box-shadow: -4px 0 12px rgba(0, 0, 0, 0.03);
7490
+ }
7478
7491
  .tbl__tbody .tbl__tr:hover .tbl__td--main {
7479
7492
  background-color: var(--tbl-row-hover-bg);
7480
7493
  }
@@ -9526,7 +9539,7 @@
9526
9539
  .fa__title {
9527
9540
  margin: 0;
9528
9541
  width: 100%;
9529
- text-align: left;
9542
+ text-align: start;
9530
9543
  font-family: var(--typography-h2-font-family);
9531
9544
  font-size: var(--typography-h2-font-size);
9532
9545
  font-weight: var(--typography-h2-font-weight);
@@ -9570,7 +9583,7 @@
9570
9583
  display: flex;
9571
9584
  flex-shrink: 0;
9572
9585
  gap: var(--fa-item-gap-x);
9573
- padding-right: var(--fa-item-gap-x);
9586
+ padding-inline-end: var(--fa-item-gap-x);
9574
9587
  }
9575
9588
  .fa__track--auto {
9576
9589
  animation: fa-marquee var(--fa-duration, 32s) linear infinite;
@@ -11266,8 +11279,7 @@
11266
11279
  }
11267
11280
  .tchow-stripWrap {
11268
11281
  width: 100%;
11269
- overflow-x: hidden;
11270
- overflow-y: visible;
11282
+ overflow: hidden;
11271
11283
  }
11272
11284
  .tchow-strip {
11273
11285
  display: inline-grid;