@kaizen/components 1.68.5 → 1.68.6

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 (24) hide show
  1. package/dist/cjs/__actions__/Button/v3/Button.cjs +5 -3
  2. package/dist/esm/__actions__/Button/v3/Button.mjs +5 -3
  3. package/dist/styles.css +106 -294
  4. package/dist/types/__actions__/Button/v3/Button.d.ts +5 -0
  5. package/package.json +1 -1
  6. package/src/AvatarGroup/AvatarGroup.module.scss +1 -4
  7. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +1 -5
  8. package/src/DateRangePicker/DateRangePicker.module.scss +5 -29
  9. package/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss +1 -5
  10. package/src/GuidanceBlock/GuidanceBlock.module.css +5 -42
  11. package/src/Input/Input/Input.module.scss +5 -40
  12. package/src/LikertScaleLegacy/LikertScaleLegacy.module.scss +11 -63
  13. package/src/Tag/_docs/Tag.mdx +7 -6
  14. package/src/TextField/_docs/TextField.mdx +1 -1
  15. package/src/TitleBlockZen/subcomponents/NavigationTabs.module.scss +2 -14
  16. package/src/TitleBlockZen/subcomponents/TitleBlockMenuItem.module.scss +1 -5
  17. package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss +2 -14
  18. package/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css +1 -7
  19. package/src/__actions__/Button/v3/Button.tsx +9 -2
  20. package/src/__actions__/Button/v3/_docs/Button--api-specification.mdx +2 -2
  21. package/src/__actions__/Menu/v1/subcomponents/MenuDropdown/MenuDropdown.module.scss +1 -5
  22. package/src/__actions__/Menu/v1/subcomponents/MenuItem/MenuItem.module.scss +1 -5
  23. package/src/__future__/Icon/Icon.module.css +7 -11
  24. package/src/__future__/Tag/Tag/_docs/Tag.mdx +1 -3
package/dist/styles.css CHANGED
@@ -32,6 +32,54 @@
32
32
  }
33
33
  }
34
34
 
35
+ .MenuItem-module_item__uImZI {
36
+ display: block;
37
+ font-family: var(--typography-paragraph-body-font-family);
38
+ font-size: var(--typography-paragraph-body-font-size);
39
+ letter-spacing: var(--typography-paragraph-body-letter-spacing);
40
+ font-weight: var(--typography-paragraph-body-font-weight);
41
+ line-height: var(--typography-paragraph-body-line-height);
42
+ color: rgba(var(--color-purple-800-rgb), 0.7);
43
+ padding: var(--spacing-6) var(--spacing-8);
44
+ border: var(--border-focus-ring-border-width)
45
+ var(--border-focus-ring-border-style) transparent;
46
+ border-radius: 4px;
47
+ margin-inline: var(--spacing-6);
48
+ text-decoration: none;
49
+ cursor: pointer;
50
+ }
51
+
52
+ .MenuItem-module_flexWrapper__hiXro {
53
+ display: flex;
54
+ gap: 0 var(--spacing-8);
55
+ align-items: center;
56
+ }
57
+
58
+ .MenuItem-module_iconWrapper__QoZgd {
59
+ flex-shrink: 0;
60
+ display: flex;
61
+ align-items: center;
62
+ }
63
+
64
+ .MenuItem-module_item__uImZI:focus {
65
+ outline: none;
66
+ }
67
+
68
+ .MenuItem-module_item__uImZI[data-hovered],
69
+ .MenuItem-module_item__uImZI[data-focus-visible] {
70
+ background-color: var(--color-blue-100);
71
+ color: var(--color-blue-500);
72
+ }
73
+
74
+ .MenuItem-module_item__uImZI[data-focus-visible] {
75
+ outline: var(--border-focus-ring-border-width)
76
+ var(--border-focus-ring-border-style) var(--color-blue-500);
77
+ }
78
+
79
+ .MenuItem-module_item__uImZI[data-disabled] {
80
+ opacity: 0.3;
81
+ }
82
+
35
83
  .Button-module_button__vlUCI {
36
84
  /* RESET */
37
85
  appearance: none;
@@ -268,52 +316,21 @@
268
316
  visibility: hidden;
269
317
  }
270
318
 
271
- .MenuItem-module_item__uImZI {
272
- display: block;
273
- font-family: var(--typography-paragraph-body-font-family);
274
- font-size: var(--typography-paragraph-body-font-size);
275
- letter-spacing: var(--typography-paragraph-body-letter-spacing);
276
- font-weight: var(--typography-paragraph-body-font-weight);
277
- line-height: var(--typography-paragraph-body-line-height);
278
- color: rgba(var(--color-purple-800-rgb), 0.7);
279
- padding: var(--spacing-6) var(--spacing-8);
280
- border: var(--border-focus-ring-border-width)
281
- var(--border-focus-ring-border-style) transparent;
282
- border-radius: 4px;
283
- margin-inline: var(--spacing-6);
284
- text-decoration: none;
285
- cursor: pointer;
286
- }
287
-
288
- .MenuItem-module_flexWrapper__hiXro {
289
- display: flex;
290
- gap: 0 var(--spacing-8);
291
- align-items: center;
292
- }
293
-
294
- .MenuItem-module_iconWrapper__QoZgd {
295
- flex-shrink: 0;
296
- display: flex;
319
+ .PendingContent-module_pendingContent__c4IFS {
320
+ display: inline-flex;
297
321
  align-items: center;
322
+ gap: var(--button-pending-content-gap, var(--spacing-6));
298
323
  }
299
324
 
300
- .MenuItem-module_item__uImZI:focus {
301
- outline: none;
302
- }
303
-
304
- .MenuItem-module_item__uImZI[data-hovered],
305
- .MenuItem-module_item__uImZI[data-focus-visible] {
306
- background-color: var(--color-blue-100);
307
- color: var(--color-blue-500);
308
- }
309
-
310
- .MenuItem-module_item__uImZI[data-focus-visible] {
311
- outline: var(--border-focus-ring-border-width)
312
- var(--border-focus-ring-border-style) var(--color-blue-500);
325
+ .PendingContent-module_large__ypTxk {
326
+ --button-pending-content-gap: var(--spacing-8);
313
327
  }
314
328
 
315
- .MenuItem-module_item__uImZI[data-disabled] {
316
- opacity: 0.3;
329
+ .PendingContent-module_centerSpinner__EYn7L {
330
+ position: absolute;
331
+ left: 50%;
332
+ top: 50%;
333
+ transform: translate(-50%, -50%);
317
334
  }
318
335
 
319
336
  .ButtonContent-module_buttonContent__v5mHZ {
@@ -336,23 +353,9 @@
336
353
  align-items: center;
337
354
  }
338
355
 
339
- .PendingContent-module_pendingContent__c4IFS {
356
+ .Focusable-module_focusableWrapper__NfuIi {
340
357
  display: inline-flex;
341
- align-items: center;
342
- gap: var(--button-pending-content-gap, var(--spacing-6));
343
358
  }
344
-
345
- .PendingContent-module_large__ypTxk {
346
- --button-pending-content-gap: var(--spacing-8);
347
- }
348
-
349
- .PendingContent-module_centerSpinner__EYn7L {
350
- position: absolute;
351
- left: 50%;
352
- top: 50%;
353
- transform: translate(-50%, -50%);
354
- }
355
-
356
359
  /** THIS IS AN AUTOGENERATED FILE **/
357
360
  /** THIS IS AN AUTOGENERATED FILE **/
358
361
  .OverlayArrow-module_overlayArrow__hoDyK {
@@ -381,9 +384,6 @@
381
384
  .OverlayArrow-module_overlayArrow__hoDyK.OverlayArrow-module_reversed__-WGcR path {
382
385
  fill: var(--color-white, #ffffff);
383
386
  }
384
- .Focusable-module_focusableWrapper__NfuIi {
385
- display: inline-flex;
386
- }
387
387
  /** THIS IS AN AUTOGENERATED FILE **/
388
388
  /** THIS IS AN AUTOGENERATED FILE **/
389
389
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -474,24 +474,20 @@
474
474
  --icon-fill: 1;
475
475
  }
476
476
 
477
- .Icon-module_shouldMirrorInRTL__kxncF {
478
- [dir="rtl"] & {
479
- transform: scale(-1, 1);
480
- }
477
+ [dir="rtl"] .Icon-module_shouldMirrorInRTL__kxncF {
478
+ transform: scale(-1, 1);
481
479
  }
482
480
 
483
- .Icon-module_iconLTR__b3GoB {
484
- [dir="rtl"] & {
485
- display: none;
486
- }
481
+ [dir="rtl"] .Icon-module_iconLTR__b3GoB {
482
+ display: none;
487
483
  }
488
484
 
489
485
  .Icon-module_iconRTL__lpVw5 {
490
486
  display: none;
487
+ }
491
488
 
492
- [dir="rtl"] & {
493
- display: inherit;
494
- }
489
+ [dir="rtl"] .Icon-module_iconRTL__lpVw5 {
490
+ display: inherit;
495
491
  }
496
492
 
497
493
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -638,6 +634,7 @@
638
634
  }
639
635
 
640
636
  .AvatarGroup-module_AvatarCounter__PKFzl {
637
+ direction: ltr;
641
638
  align-items: center;
642
639
  background: var(--color-gray-300, #eaeaec);
643
640
  border: 3px solid var(--color-white, #ffffff);
@@ -648,9 +645,6 @@
648
645
  justify-content: center;
649
646
  overflow: hidden;
650
647
  }
651
- [dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl {
652
- direction: ltr;
653
- }
654
648
 
655
649
  .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
656
650
  margin-inline-start: calc(1.25rem / -2);
@@ -978,10 +972,7 @@
978
972
  max-height: 22rem;
979
973
  overflow: auto;
980
974
  padding: var(--spacing-xs, 0.375rem) 0;
981
- text-align: left;
982
- }
983
- [dir=rtl] .MenuDropdown-module_menuContainer__X4272 {
984
- text-align: right;
975
+ text-align: start;
985
976
  }
986
977
 
987
978
  .MenuDropdown-module_defaultWidth__8jWqB {
@@ -1019,7 +1010,7 @@
1019
1010
  box-sizing: border-box;
1020
1011
  background: none;
1021
1012
  border: 2px transparent solid;
1022
- text-align: left;
1013
+ text-align: start;
1023
1014
  padding: 6px calc(var(--spacing-sm, 0.75rem) - 2px);
1024
1015
  margin: 0 var(--spacing-xs, 0.375rem);
1025
1016
  min-height: calc(1.75 * var(--spacing-md, 1.5rem));
@@ -1055,9 +1046,6 @@
1055
1046
  .MenuItem-module_menuItem__3gZEN:focus-visible {
1056
1047
  border-color: var(--color-blue-500, #0168b3);
1057
1048
  }
1058
- [dir=rtl] .MenuItem-module_menuItem__3gZEN {
1059
- text-align: right;
1060
- }
1061
1049
 
1062
1050
  .MenuItem-module_menuItem--disabled__V3N8q {
1063
1051
  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
@@ -3046,23 +3034,13 @@
3046
3034
  top: 50%;
3047
3035
  transform: translateY(-50%);
3048
3036
  z-index: 1;
3049
- right: auto;
3050
- left: var(--spacing-sm, 0.75rem);
3051
- }
3052
- .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b[dir=rtl], [dir=rtl] .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
3053
- right: var(--spacing-sm, 0.75rem);
3054
- left: auto;
3037
+ inset-inline: var(--spacing-sm, 0.75rem) auto;
3055
3038
  }
3056
3039
  .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
3057
3040
  opacity: 0.3;
3058
3041
  }
3059
3042
  .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh {
3060
- padding-right: var(--spacing-sm, 0.75rem);
3061
- padding-left: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3062
- }
3063
- .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh[dir=rtl], [dir=rtl] .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh {
3064
- padding-right: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3065
- padding-left: var(--spacing-sm, 0.75rem);
3043
+ padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) var(--spacing-sm, 0.75rem);
3066
3044
  }
3067
3045
 
3068
3046
  .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL {
@@ -3071,32 +3049,17 @@
3071
3049
  top: 50%;
3072
3050
  transform: translateY(-50%);
3073
3051
  z-index: 1;
3074
- right: var(--spacing-sm, 0.75rem);
3075
- left: auto;
3076
- }
3077
- .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL[dir=rtl], [dir=rtl] .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL {
3078
- right: auto;
3079
- left: var(--spacing-sm, 0.75rem);
3052
+ inset-inline: auto var(--spacing-sm, 0.75rem);
3080
3053
  }
3081
3054
  .Input-module_withEndIconAdornment__fSBPl.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL {
3082
3055
  opacity: 0.3;
3083
3056
  }
3084
3057
  .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
3085
- padding-right: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3086
- padding-left: var(--spacing-sm, 0.75rem);
3087
- }
3088
- .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh[dir=rtl], [dir=rtl] .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
3089
- padding-right: var(--spacing-sm, 0.75rem);
3090
- padding-left: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3058
+ padding-inline: var(--spacing-sm, 0.75rem) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3091
3059
  }
3092
3060
 
3093
3061
  .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
3094
- padding-right: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3095
- padding-left: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3096
- }
3097
- .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh[dir=rtl], [dir=rtl] .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
3098
- padding-right: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3099
- padding-left: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3062
+ padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
3100
3063
  }
3101
3064
 
3102
3065
  /* stylelint-disable-next-line no-duplicate-selectors */
@@ -3708,12 +3671,9 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3708
3671
  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
3709
3672
  border-radius: var(--border-solid-border-radius, 7px);
3710
3673
  position: relative;
3711
- right: -0.35rem;
3674
+ inset-inline-end: -0.35rem;
3712
3675
  top: -40%;
3713
3676
  }
3714
- [dir=rtl] .DateInputWithIconButton-module_iconButton__W7YMX {
3715
- right: 0.25rem;
3716
- }
3717
3677
  .DateInputWithIconButton-module_iconButton__W7YMX :focus {
3718
3678
  outline: none;
3719
3679
  }
@@ -3865,7 +3825,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3865
3825
  font-weight: var(--typography-paragraph-body-font-weight, 400);
3866
3826
  line-height: 1.5;
3867
3827
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
3868
- text-align: left;
3828
+ text-align: start;
3869
3829
  background-color: var(--color-white, #ffffff);
3870
3830
  background-clip: padding-box;
3871
3831
  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
@@ -3873,9 +3833,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3873
3833
  margin-top: var(--spacing-6, 0.375rem);
3874
3834
  padding: 0 var(--spacing-sm, 0.75rem);
3875
3835
  }
3876
- [dir=rtl] .DateRangePicker-module_button__cA-Ss {
3877
- text-align: right;
3878
- }
3879
3836
  .DateRangePicker-module_button__cA-Ss:focus-visible:not([disabled]), .DateRangePicker-module_button__cA-Ss:hover:not([disabled]) {
3880
3837
  background-color: var(--color-gray-200, #f4f4f5);
3881
3838
  border-color: var(--color-gray-600, #524e56);
@@ -3895,12 +3852,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3895
3852
  border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.7);
3896
3853
  }
3897
3854
  .DateRangePicker-module_button__cA-Ss .DateRangePicker-module_value__dtZAj {
3898
- padding-right: var(--spacing-sm, 0.75rem);
3899
- padding-left: 1.75rem;
3900
- }
3901
- .DateRangePicker-module_button__cA-Ss .DateRangePicker-module_value__dtZAj[dir=rtl], [dir=rtl] .DateRangePicker-module_button__cA-Ss .DateRangePicker-module_value__dtZAj {
3902
- padding-right: 1.75rem;
3903
- padding-left: var(--spacing-sm, 0.75rem);
3855
+ padding-inline: 1.75rem var(--spacing-sm, 0.75rem);
3904
3856
  }
3905
3857
 
3906
3858
  .DateRangePicker-module_startIconAdornment__lCw3l {
@@ -3915,23 +3867,13 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3915
3867
  transform: translateY(-50%);
3916
3868
  color: var(--color-purple-800, #2f2438);
3917
3869
  opacity: 0.5;
3918
- right: auto;
3919
- left: var(--spacing-sm, 0.75rem);
3920
- }
3921
- .DateRangePicker-module_withStartIconAdornment__auP6u .DateRangePicker-module_startIconAdornment__lCw3l[dir=rtl], [dir=rtl] .DateRangePicker-module_withStartIconAdornment__auP6u .DateRangePicker-module_startIconAdornment__lCw3l {
3922
- right: var(--spacing-sm, 0.75rem);
3923
- left: auto;
3870
+ inset-inline: var(--spacing-sm, 0.75rem) auto;
3924
3871
  }
3925
3872
  .DateRangePicker-module_withStartIconAdornment__auP6u:focus-within:not(.DateRangePicker-module_disabled__f0zmt) .DateRangePicker-module_startIconAdornment__lCw3l, .DateRangePicker-module_withStartIconAdornment__auP6u:hover:not(.DateRangePicker-module_disabled__f0zmt) .DateRangePicker-module_startIconAdornment__lCw3l {
3926
3873
  opacity: 0.7;
3927
3874
  }
3928
3875
  .DateRangePicker-module_withStartIconAdornment__auP6u .DateRangePicker-module_button__cA-Ss {
3929
- padding-right: var(--spacing-sm, 0.75rem);
3930
- padding-left: calc(var(--spacing-md, 1.5rem) + 1.25rem);
3931
- }
3932
- .DateRangePicker-module_withStartIconAdornment__auP6u .DateRangePicker-module_button__cA-Ss[dir=rtl], [dir=rtl] .DateRangePicker-module_withStartIconAdornment__auP6u .DateRangePicker-module_button__cA-Ss {
3933
- padding-right: calc(var(--spacing-md, 1.5rem) + 1.25rem);
3934
- padding-left: var(--spacing-sm, 0.75rem);
3876
+ padding-inline: calc(var(--spacing-md, 1.5rem) + 1.25rem) var(--spacing-sm, 0.75rem);
3935
3877
  }
3936
3878
 
3937
3879
  /* stylelint-enable no-descending-specificity */
@@ -4388,12 +4330,9 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4388
4330
  box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
4389
4331
  padding: var(--spacing-sm, 0.75rem) 0;
4390
4332
  margin-top: var(--spacing-xs, 0.375rem);
4391
- text-align: left;
4333
+ text-align: start;
4392
4334
  width: 294px;
4393
4335
  }
4394
- [dir=rtl] .MenuPopup-module_menuPopup__UVgnP {
4395
- text-align: right;
4396
- }
4397
4336
  /** THIS IS AN AUTOGENERATED FILE **/
4398
4337
  /** THIS IS AN AUTOGENERATED FILE **/
4399
4338
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -4932,20 +4871,13 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4932
4871
 
4933
4872
  @media (width >= 1024px) {
4934
4873
  padding: 0 var(--spacing-12);
4935
- text-align: left;
4874
+ text-align: start;
4936
4875
  }
4937
4876
 
4938
4877
  @media (width <= 767px) {
4939
4878
  margin: var(--spacing-12);
4940
4879
  max-width: 100%;
4941
4880
  }
4942
-
4943
- [dir="rtl"] & {
4944
- @media (width >= 1024px) {
4945
- padding: 0 var(--spacing-12);
4946
- text-align: right;
4947
- }
4948
- }
4949
4881
  }
4950
4882
 
4951
4883
  .GuidanceBlock-module_descriptionAndActions__aQhc9 {
@@ -4979,10 +4911,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4979
4911
  width: 100%;
4980
4912
  margin-top: var(--spacing-6);
4981
4913
  }
4982
-
4983
- [dir="rtl"] & svg {
4984
- transform: rotate(180deg);
4985
- }
4986
4914
  }
4987
4915
 
4988
4916
  .GuidanceBlock-module_hidden__mwvrs {
@@ -5037,12 +4965,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5037
4965
  }
5038
4966
 
5039
4967
  .GuidanceBlock-module_illustrationWrapper__tK4Xr {
5040
- margin-right: var(--spacing-12);
5041
-
5042
- [dir="rtl"] & {
5043
- margin-left: var(--spacing-12);
5044
- margin-right: inherit;
5045
- }
4968
+ margin-inline-end: var(--spacing-12);
5046
4969
 
5047
4970
  @media (768px <= width <= 1023px) {
5048
4971
  padding: 0;
@@ -5058,7 +4981,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5058
4981
  }
5059
4982
 
5060
4983
  .GuidanceBlock-module_descriptionContainer__w1-P- {
5061
- text-align: left;
4984
+ text-align: start;
5062
4985
  max-width: unset;
5063
4986
  min-width: 320px;
5064
4987
 
@@ -5069,18 +4992,10 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5069
4992
  @media (width <= 767px) {
5070
4993
  margin: 0;
5071
4994
  }
5072
-
5073
- [dir="rtl"] & {
5074
- text-align: right;
5075
-
5076
- @media (width >= 1024px) {
5077
- padding: 0;
5078
- }
5079
- }
5080
4995
  }
5081
4996
 
5082
4997
  .GuidanceBlock-module_buttonContainer__bcVmB {
5083
- padding-left: var(--spacing-12);
4998
+ padding-inline-start: var(--spacing-12);
5084
4999
  justify-content: flex-start;
5085
5000
  width: unset;
5086
5001
  min-width: unset;
@@ -5089,11 +5004,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5089
5004
  flex-direction: row-reverse;
5090
5005
  }
5091
5006
 
5092
- [dir="rtl"] & {
5093
- padding-left: 0;
5094
- padding-right: var(--spacing-12);
5095
- }
5096
-
5097
5007
  > * {
5098
5008
  width: unset;
5099
5009
  }
@@ -5118,10 +5028,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5118
5028
  .GuidanceBlock-module_descriptionContainer__w1-P- {
5119
5029
  text-align: center;
5120
5030
  min-width: unset;
5121
-
5122
- [dir="rtl"] & {
5123
- text-align: center;
5124
- }
5125
5031
  }
5126
5032
 
5127
5033
  .GuidanceBlock-module_buttonContainer__bcVmB {
@@ -5134,11 +5040,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5134
5040
 
5135
5041
  &.GuidanceBlock-module_centerContent__9Vlup.GuidanceBlock-module_smallScreenTextAlignment__-UXo9 {
5136
5042
  .GuidanceBlock-module_descriptionContainer__w1-P- {
5137
- text-align: left;
5138
-
5139
- [dir="rtl"] & {
5140
- text-align: right;
5141
- }
5043
+ text-align: start;
5142
5044
  }
5143
5045
  }
5144
5046
  }
@@ -5889,8 +5791,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5889
5791
  }
5890
5792
 
5891
5793
  .LikertScaleLegacy-module_likertItem__LwX2w {
5892
- margin-right: 2px;
5893
- margin-left: 2px;
5794
+ margin-inline: 2px;
5894
5795
  font-size: 1px;
5895
5796
  line-height: 1;
5896
5797
  padding: 0;
@@ -5899,55 +5800,19 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5899
5800
  width: 18.5%;
5900
5801
  position: relative;
5901
5802
  }
5902
- .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:first-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
5903
- margin-left: 2px;
5904
- }
5905
- .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:last-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
5906
- margin-right: 2px;
5907
- }
5908
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
5909
- border-top-left-radius: 35px;
5910
- border-bottom-left-radius: 35px;
5911
- }
5912
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
5913
- border-radius: 0;
5914
- border-top-right-radius: 35px;
5915
- border-bottom-right-radius: 35px;
5916
- }
5917
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5918
- border-top-left-radius: 35px;
5919
- border-bottom-left-radius: 35px;
5920
- }
5921
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5922
- border-radius: 0;
5923
- border-top-right-radius: 35px;
5924
- border-bottom-right-radius: 35px;
5925
- }
5926
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
5927
- border-top-right-radius: 35px;
5928
- border-bottom-right-radius: 35px;
5929
- }
5930
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
5931
- border-radius: 0;
5932
- border-top-left-radius: 35px;
5933
- border-bottom-left-radius: 35px;
5934
- }
5935
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5936
- border-top-right-radius: 35px;
5937
- border-bottom-right-radius: 35px;
5803
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC, .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5804
+ border-start-start-radius: 35px;
5805
+ border-end-start-radius: 35px;
5938
5806
  }
5939
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5940
- border-radius: 0;
5941
- border-top-left-radius: 35px;
5942
- border-bottom-left-radius: 35px;
5807
+ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC, .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5808
+ border-start-end-radius: 35px;
5809
+ border-end-end-radius: 35px;
5943
5810
  }
5944
5811
  .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
5945
- margin-right: 2px;
5946
- margin-left: 0;
5812
+ margin-inline-start: 0;
5947
5813
  }
5948
5814
  .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
5949
- margin-left: 2px;
5950
- margin-right: 0;
5815
+ margin-inline-end: 0;
5951
5816
  }
5952
5817
  .LikertScaleLegacy-module_likertItem__LwX2w::before, .LikertScaleLegacy-module_likertItem__LwX2w::after {
5953
5818
  content: "";
@@ -6081,41 +5946,13 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6081
5946
  .LikertScaleLegacy-module_itemContainer__9Vfq0 {
6082
5947
  height: 50px;
6083
5948
  }
6084
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6085
- border-top-left-radius: 48px;
6086
- border-bottom-left-radius: 48px;
6087
- }
6088
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6089
- border-radius: 0;
6090
- border-top-right-radius: 48px;
6091
- border-bottom-right-radius: 48px;
6092
- }
6093
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6094
- border-top-left-radius: 48px;
6095
- border-bottom-left-radius: 48px;
6096
- }
6097
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6098
- border-radius: 0;
6099
- border-top-right-radius: 48px;
6100
- border-bottom-right-radius: 48px;
5949
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC, .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5950
+ border-start-start-radius: 48px;
5951
+ border-end-start-radius: 48px;
6101
5952
  }
6102
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6103
- border-top-right-radius: 48px;
6104
- border-bottom-right-radius: 48px;
6105
- }
6106
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6107
- border-radius: 0;
6108
- border-top-left-radius: 48px;
6109
- border-bottom-left-radius: 48px;
6110
- }
6111
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6112
- border-top-right-radius: 48px;
6113
- border-bottom-right-radius: 48px;
6114
- }
6115
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6116
- border-radius: 0;
6117
- border-top-left-radius: 48px;
6118
- border-bottom-left-radius: 48px;
5953
+ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC, .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5954
+ border-start-end-radius: 48px;
5955
+ border-end-end-radius: 48px;
6119
5956
  }
6120
5957
  .LikertScaleLegacy-module_likertItemFill__yj0tC {
6121
5958
  height: 48px;
@@ -10405,7 +10242,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10405
10242
  box-sizing: border-box;
10406
10243
  background: none;
10407
10244
  border: 2px transparent solid;
10408
- text-align: left;
10245
+ text-align: start;
10409
10246
  padding: 6px calc(var(--spacing-sm, 0.75rem) - 2px);
10410
10247
  margin: 0 var(--spacing-xs, 0.375rem);
10411
10248
  min-height: calc(1.75 * var(--spacing-md, 1.5rem));
@@ -10441,9 +10278,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
10441
10278
  .TitleBlockMenuItem-module_menuItem__v9hGL:focus-visible {
10442
10279
  border-color: var(--color-blue-500, #0168b3);
10443
10280
  }
10444
- [dir=rtl] .TitleBlockMenuItem-module_menuItem__v9hGL {
10445
- text-align: right;
10446
- }
10447
10281
 
10448
10282
  .TitleBlockMenuItem-module_menuItem--disabled__lrGIn {
10449
10283
  color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
@@ -11442,11 +11276,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
11442
11276
  letter-spacing: var(--typography-heading-4-letter-spacing, normal);
11443
11277
  text-decoration: none;
11444
11278
  white-space: nowrap;
11445
- margin-right: var(--spacing-md, 1.5rem);
11446
- }
11447
- .NavigationTabs-module_linkAnchor__oUsWX[dir=rtl], [dir=rtl] .NavigationTabs-module_linkAnchor__oUsWX {
11448
- margin-left: var(--spacing-md, 1.5rem);
11449
- margin-right: 0;
11279
+ margin-inline-end: var(--spacing-md, 1.5rem);
11450
11280
  }
11451
11281
  .NavigationTabs-module_linkAnchor__oUsWX:hover {
11452
11282
  color: var(--color-white, #ffffff);
@@ -11463,11 +11293,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
11463
11293
  }
11464
11294
  @media (max-width: 1439px) {
11465
11295
  .NavigationTabs-module_linkAnchor__oUsWX {
11466
- margin-right: var(--spacing-xs, 0.375rem);
11467
- }
11468
- .NavigationTabs-module_linkAnchor__oUsWX[dir=rtl], [dir=rtl] .NavigationTabs-module_linkAnchor__oUsWX {
11469
- margin-left: var(--spacing-xs, 0.375rem);
11470
- margin-right: 0;
11296
+ margin-inline-end: var(--spacing-xs, 0.375rem);
11471
11297
  }
11472
11298
  }
11473
11299
  @media (max-width: 1189px) {
@@ -11618,11 +11444,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
11618
11444
  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
11619
11445
  position: relative;
11620
11446
  right: auto;
11621
- left: calc(var(--spacing-md, 1.5rem) * 1.1);
11622
- }
11623
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
11624
- right: calc(var(--spacing-md, 1.5rem) * 1.1);
11625
- left: auto;
11447
+ inset-inline-start: calc(var(--spacing-md, 1.5rem) * 1.1);
11626
11448
  }
11627
11449
  .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkIcon__8iitB {
11628
11450
  opacity: 100%;
@@ -11636,11 +11458,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
11636
11458
  .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
11637
11459
  position: relative;
11638
11460
  right: auto;
11639
- left: calc(var(--spacing-md, 1.5rem) * -0.05);
11640
- }
11641
- .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
11642
- right: calc(var(--spacing-md, 1.5rem) * -0.05);
11643
- left: auto;
11461
+ inset-inline-start: calc(var(--spacing-md, 1.5rem) * -0.05);
11644
11462
  }
11645
11463
 
11646
11464
  .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
@@ -11874,17 +11692,11 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
11874
11692
  border: solid var(--spacing-1) var(--color-gray-300);
11875
11693
  margin: 0;
11876
11694
  border-radius: var(--border-solid-border-radius);
11877
- left: 100%;
11695
+ inset-inline-start: 100%;
11878
11696
 
11879
11697
  /* sets fron the bottom to the centre of the dot */
11880
11698
  top: calc(100% - calc(var(--progress-stepper-indicator-size) / 2));
11881
11699
  transform: translateX(-50%);
11882
-
11883
- [dir="rtl"] & {
11884
- left: unset;
11885
- right: 100%;
11886
- transform: translateX(50%);
11887
- }
11888
11700
  }
11889
11701
 
11890
11702
  .ProgressStepper-module_stepperDescription__KplV3 {