@react-ui-org/react-ui 0.56.0 → 0.58.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. package/.nvmrc +1 -1
  2. package/dist/react-ui.css +17 -17
  3. package/dist/react-ui.development.css +2551 -831
  4. package/dist/react-ui.development.js +106 -66
  5. package/dist/react-ui.js +1 -1
  6. package/package.json +13 -2
  7. package/src/CNAME +1 -0
  8. package/src/components/Alert/Alert.jsx +5 -6
  9. package/src/components/Alert/Alert.module.scss +12 -34
  10. package/src/components/Alert/README.md +28 -15
  11. package/src/components/Alert/_settings.scss +5 -0
  12. package/src/components/Alert/_theme.scss +0 -43
  13. package/src/components/Badge/Badge.jsx +5 -3
  14. package/src/components/Badge/Badge.module.scss +29 -74
  15. package/src/components/Badge/README.md +19 -2
  16. package/src/components/Badge/_settings.scss +8 -0
  17. package/src/components/Button/Button.jsx +4 -3
  18. package/src/components/Button/Button.module.scss +183 -2
  19. package/src/components/Button/README.md +8 -6
  20. package/src/components/Button/_settings.scss +8 -3
  21. package/src/components/Button/_theme.scss +0 -3
  22. package/src/components/Button/_tools.scss +7 -71
  23. package/src/components/ButtonGroup/ButtonGroup.jsx +2 -2
  24. package/src/components/Card/Card.jsx +3 -2
  25. package/src/components/Card/Card.module.scss +13 -33
  26. package/src/components/Card/CardBody.jsx +1 -1
  27. package/src/components/Card/CardFooter.jsx +1 -1
  28. package/src/components/Card/README.md +28 -6
  29. package/src/components/Card/_settings.scss +5 -0
  30. package/src/components/Card/_theme.scss +0 -43
  31. package/src/components/CheckboxField/CheckboxField.jsx +9 -3
  32. package/src/components/CheckboxField/README.md +110 -5
  33. package/src/components/FileInputField/FileInputField.jsx +1 -1
  34. package/src/components/FormLayout/FormLayout.jsx +1 -1
  35. package/src/components/FormLayout/FormLayoutCustomField.jsx +1 -1
  36. package/src/components/Grid/Grid.jsx +1 -1
  37. package/src/components/Grid/Grid.module.scss +9 -2
  38. package/src/components/Grid/GridSpan.jsx +1 -1
  39. package/src/components/InputGroup/InputGroup.jsx +2 -2
  40. package/src/components/InputGroup/InputGroup.module.scss +9 -5
  41. package/src/components/Modal/Modal.jsx +1 -1
  42. package/src/components/Modal/ModalBody.jsx +1 -1
  43. package/src/components/Modal/ModalCloseButton.jsx +3 -5
  44. package/src/components/Modal/ModalContent.jsx +1 -1
  45. package/src/components/Modal/ModalFooter.jsx +1 -1
  46. package/src/components/Modal/ModalHeader.jsx +1 -1
  47. package/src/components/Modal/ModalTitle.jsx +1 -1
  48. package/src/components/Modal/README.md +18 -18
  49. package/src/components/Paper/Paper.jsx +1 -1
  50. package/src/components/Popover/Popover.jsx +58 -13
  51. package/src/components/Popover/Popover.module.scss +51 -23
  52. package/src/components/Popover/PopoverWrapper.jsx +1 -1
  53. package/src/components/Popover/README.md +60 -3
  54. package/src/components/Popover/_helpers/cleanPlacementStyle.js +20 -0
  55. package/src/components/Popover/_theme.scss +4 -2
  56. package/src/components/Radio/README.md +103 -0
  57. package/src/components/Radio/Radio.jsx +9 -3
  58. package/src/components/Radio/Radio.module.scss +4 -0
  59. package/src/components/ScrollView/ScrollView.jsx +3 -5
  60. package/src/components/SelectField/README.md +103 -0
  61. package/src/components/SelectField/SelectField.jsx +9 -3
  62. package/src/components/Table/Table.jsx +1 -1
  63. package/src/components/Tabs/Tabs.jsx +1 -1
  64. package/src/components/Tabs/TabsItem.jsx +1 -1
  65. package/src/components/Text/Text.jsx +1 -1
  66. package/src/components/TextArea/TextArea.jsx +1 -1
  67. package/src/components/TextField/README.md +14 -2
  68. package/src/components/TextField/TextField.jsx +1 -1
  69. package/src/components/TextLink/README.md +10 -3
  70. package/src/components/TextLink/TextLink.jsx +1 -1
  71. package/src/components/TextLink/_theme.scss +3 -3
  72. package/src/components/Toggle/README.md +83 -1
  73. package/src/components/Toggle/Toggle.jsx +9 -3
  74. package/src/components/Toolbar/Toolbar.jsx +1 -1
  75. package/src/components/Toolbar/ToolbarGroup.jsx +1 -1
  76. package/src/components/Toolbar/ToolbarItem.jsx +1 -1
  77. package/src/components/_helpers/getRootPriorityClassName.js +1 -1
  78. package/src/components/_helpers/resolveContextOrProp.js +6 -3
  79. package/src/index.js +3 -2
  80. package/src/providers/globalProps/GlobalPropsContext.jsx +5 -0
  81. package/src/providers/globalProps/GlobalPropsProvider.jsx +33 -0
  82. package/src/providers/globalProps/index.js +3 -0
  83. package/src/{provider → providers/globalProps}/withGlobalProps.jsx +16 -16
  84. package/src/providers/translations/TranslationsContext.jsx +6 -0
  85. package/src/providers/translations/TranslationsProvider.jsx +33 -0
  86. package/src/providers/translations/index.js +2 -0
  87. package/src/styles/elements/_links.scss +7 -2
  88. package/src/styles/settings/_collections.scss +9 -0
  89. package/src/styles/theme/_form-fields.scss +19 -0
  90. package/src/styles/theme/_links.scss +4 -3
  91. package/src/styles/tools/_collections.scss +265 -0
  92. package/src/styles/tools/_string.scss +5 -2
  93. package/src/styles/tools/form-fields/_box-field-layout.scss +7 -1
  94. package/src/styles/tools/form-fields/_foundation.scss +6 -4
  95. package/src/styles/tools/form-fields/_variants.scss +5 -1
  96. package/src/theme.scss +66 -1
  97. package/src/components/Alert/_tools.scss +0 -10
  98. package/src/components/Button/_base.scss +0 -156
  99. package/src/components/Button/_priorities.scss +0 -149
  100. package/src/components/Card/_tools.scss +0 -10
  101. package/src/provider/RUIContext.jsx +0 -9
  102. package/src/provider/RUIProvider.jsx +0 -42
  103. package/src/provider/index.js +0 -3
package/dist/react-ui.development.css CHANGED
@@ -51,7 +51,8 @@
51
51
  --rui-font-size-6: 1.802rem;
52
52
  --rui-line-height-base: 1.5;
53
53
  --rui-line-height-small: 1.25;
54
- --rui-text-decoration-link: none;
54
+ --rui-underline-offset-link: 0.1875em;
55
+ --rui-text-decoration-link: underline;
55
56
  --rui-text-decoration-link-hover: underline;
56
57
  --rui-text-decoration-link-active: underline;
57
58
  --rui-list-style-unordered: square;
@@ -170,6 +171,30 @@
170
171
  --rui-Alert--dark__color: var(--rui-color-neutral-on-dark);
171
172
  --rui-Alert--dark__foreground-color: var(--rui-color-neutral-on-dark);
172
173
  --rui-Alert--dark__background-color: var(--rui-color-background-dark);
174
+ --rui-Badge--filled--success__color: var(--rui-color-feedback-on-success);
175
+ --rui-Badge--filled--success__background-color: var(--rui-color-feedback-success);
176
+ --rui-Badge--filled--warning__color: var(--rui-color-feedback-on-warning);
177
+ --rui-Badge--filled--warning__background-color: var(--rui-color-feedback-warning);
178
+ --rui-Badge--filled--danger__color: var(--rui-color-feedback-on-danger);
179
+ --rui-Badge--filled--danger__background-color: var(--rui-color-feedback-danger);
180
+ --rui-Badge--filled--help__color: var(--rui-color-feedback-on-help);
181
+ --rui-Badge--filled--help__background-color: var(--rui-color-feedback-help);
182
+ --rui-Badge--filled--info__color: var(--rui-color-feedback-on-info);
183
+ --rui-Badge--filled--info__background-color: var(--rui-color-feedback-info);
184
+ --rui-Badge--filled--note__color: var(--rui-color-feedback-on-note);
185
+ --rui-Badge--filled--note__background-color: var(--rui-color-feedback-note);
186
+ --rui-Badge--filled--light__color: var(--rui-color-neutral-on-light);
187
+ --rui-Badge--filled--light__background-color: var(--rui-color-neutral-light);
188
+ --rui-Badge--filled--dark__color: var(--rui-color-neutral-on-dark);
189
+ --rui-Badge--filled--dark__background-color: var(--rui-color-neutral-dark);
190
+ --rui-Badge--outline--success__color: var(--rui-color-feedback-success);
191
+ --rui-Badge--outline--warning__color: var(--rui-color-feedback-warning);
192
+ --rui-Badge--outline--danger__color: var(--rui-color-feedback-danger);
193
+ --rui-Badge--outline--help__color: var(--rui-color-feedback-help);
194
+ --rui-Badge--outline--info__color: var(--rui-color-feedback-info);
195
+ --rui-Badge--outline--note__color: var(--rui-color-feedback-note);
196
+ --rui-Badge--outline--light__color: var(--rui-color-neutral-light);
197
+ --rui-Badge--outline--dark__color: var(--rui-color-neutral-dark);
173
198
  --rui-Button__font-weight: var(--rui-font-weight-base);
174
199
  --rui-Button__letter-spacing: 0;
175
200
  --rui-Button__text-transform: none;
@@ -1072,12 +1097,18 @@
1072
1097
  a {
1073
1098
  -webkit-text-decoration: var(--rui-text-decoration-link);
1074
1099
  text-decoration: var(--rui-text-decoration-link);
1075
- color: var(--rui-color-text-link);
1100
+ text-underline-offset: var(--rui-underline-offset-link);
1101
+ color: var(--rui-local-link-color, var(--rui-color-text-link));
1076
1102
  }
1077
- a:hover, a:focus {
1103
+ a:hover {
1078
1104
  -webkit-text-decoration: var(--rui-text-decoration-link-hover);
1079
1105
  text-decoration: var(--rui-text-decoration-link-hover);
1080
- color: var(--rui-color-text-link-hover);
1106
+ color: var(--rui-local-link-color-hover, var(--rui-color-text-link-hover));
1107
+ }
1108
+ a:active {
1109
+ -webkit-text-decoration: var(--rui-text-decoration-link-active);
1110
+ text-decoration: var(--rui-text-decoration-link-active);
1111
+ color: var(--rui-local-link-color-active, var(--rui-color-text-link-active));
1081
1112
  }
1082
1113
  ol,
1083
1114
  ul {
@@ -3423,8 +3454,8 @@
3423
3454
  .Alert-module__message__oZQVuqmd {
3424
3455
  padding: var(--rui-Alert__padding);
3425
3456
  }
3426
- .Alert-module__close__zxS8ZLxY,
3427
- .Alert-module__icon__THa5zFHI {
3457
+ .Alert-module__icon__THa5zFHI,
3458
+ .Alert-module__close__zxS8ZLxY {
3428
3459
  height: calc(var(--rui-font-size-1) * var(--rui-line-height-base) + 2 * var(--rui-Alert__padding));
3429
3460
  color: var(--rui-local-foreground-color);
3430
3461
  }
@@ -3441,7 +3472,6 @@
3441
3472
  font-size: var(--rui-font-size-1);
3442
3473
  line-height: var(--rui-line-height-base);
3443
3474
  }
3444
- .Alert-module__message__oZQVuqmd a,
3445
3475
  .Alert-module__message__oZQVuqmd strong {
3446
3476
  font-weight: var(--rui-Alert__emphasis__font-weight);
3447
3477
  color: var(--rui-local-foreground-color);
@@ -3477,44 +3507,164 @@
3477
3507
  top: -0.1em;
3478
3508
  }
3479
3509
  .Alert-module__isRootColorSuccess__LgGW3hVL {
3480
- --rui-local-color: var(--rui-Alert--success__color);
3481
- --rui-local-foreground-color: var(--rui-Alert--success__foreground-color);
3482
- --rui-local-background-color: var(--rui-Alert--success__background-color);
3510
+ --rui-local-color:
3511
+ var(
3512
+ --rui-Alert--success__color
3513
+
3514
+ );
3515
+ --rui-local-foreground-color:
3516
+ var(
3517
+ --rui-Alert--success__foreground-color
3518
+
3519
+ );
3520
+ --rui-local-background-color:
3521
+ var(
3522
+ --rui-Alert--success__background-color
3523
+
3524
+ );
3525
+ --rui-local-link-color: var(--rui-color-feedback-success);
3526
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
3527
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
3483
3528
  }
3484
3529
  .Alert-module__isRootColorWarning__Tv1F5qUb {
3485
- --rui-local-color: var(--rui-Alert--warning__color);
3486
- --rui-local-foreground-color: var(--rui-Alert--warning__foreground-color);
3487
- --rui-local-background-color: var(--rui-Alert--warning__background-color);
3530
+ --rui-local-color:
3531
+ var(
3532
+ --rui-Alert--warning__color
3533
+
3534
+ );
3535
+ --rui-local-foreground-color:
3536
+ var(
3537
+ --rui-Alert--warning__foreground-color
3538
+
3539
+ );
3540
+ --rui-local-background-color:
3541
+ var(
3542
+ --rui-Alert--warning__background-color
3543
+
3544
+ );
3545
+ --rui-local-link-color: var(--rui-color-feedback-warning);
3546
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
3547
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
3488
3548
  }
3489
3549
  .Alert-module__isRootColorDanger__vSuahf3N {
3490
- --rui-local-color: var(--rui-Alert--danger__color);
3491
- --rui-local-foreground-color: var(--rui-Alert--danger__foreground-color);
3492
- --rui-local-background-color: var(--rui-Alert--danger__background-color);
3493
- }
3494
- .Alert-module__isRootColorHelp__ftSYT6_4 {
3495
- --rui-local-color: var(--rui-Alert--help__color);
3496
- --rui-local-foreground-color: var(--rui-Alert--help__foreground-color);
3497
- --rui-local-background-color: var(--rui-Alert--help__background-color);
3550
+ --rui-local-color:
3551
+ var(
3552
+ --rui-Alert--danger__color
3553
+
3554
+ );
3555
+ --rui-local-foreground-color:
3556
+ var(
3557
+ --rui-Alert--danger__foreground-color
3558
+
3559
+ );
3560
+ --rui-local-background-color:
3561
+ var(
3562
+ --rui-Alert--danger__background-color
3563
+
3564
+ );
3565
+ --rui-local-link-color: var(--rui-color-feedback-danger);
3566
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
3567
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
3498
3568
  }
3499
3569
  .Alert-module__isRootColorInfo__CydUTawd {
3500
- --rui-local-color: var(--rui-Alert--info__color);
3501
- --rui-local-foreground-color: var(--rui-Alert--info__foreground-color);
3502
- --rui-local-background-color: var(--rui-Alert--info__background-color);
3570
+ --rui-local-color:
3571
+ var(
3572
+ --rui-Alert--info__color
3573
+
3574
+ );
3575
+ --rui-local-foreground-color:
3576
+ var(
3577
+ --rui-Alert--info__foreground-color
3578
+
3579
+ );
3580
+ --rui-local-background-color:
3581
+ var(
3582
+ --rui-Alert--info__background-color
3583
+
3584
+ );
3585
+ --rui-local-link-color: var(--rui-color-feedback-info);
3586
+ --rui-local-link-color-hover: var(--rui-color-feedback-info-hover);
3587
+ --rui-local-link-color-active: var(--rui-color-feedback-info-active);
3588
+ }
3589
+ .Alert-module__isRootColorHelp__ftSYT6_4 {
3590
+ --rui-local-color:
3591
+ var(
3592
+ --rui-Alert--help__color
3593
+
3594
+ );
3595
+ --rui-local-foreground-color:
3596
+ var(
3597
+ --rui-Alert--help__foreground-color
3598
+
3599
+ );
3600
+ --rui-local-background-color:
3601
+ var(
3602
+ --rui-Alert--help__background-color
3603
+
3604
+ );
3605
+ --rui-local-link-color: var(--rui-color-feedback-help);
3606
+ --rui-local-link-color-hover: var(--rui-color-feedback-help-hover);
3607
+ --rui-local-link-color-active: var(--rui-color-feedback-help-active);
3503
3608
  }
3504
3609
  .Alert-module__isRootColorNote__tl_nYMy0 {
3505
- --rui-local-color: var(--rui-Alert--note__color);
3506
- --rui-local-foreground-color: var(--rui-Alert--note__foreground-color);
3507
- --rui-local-background-color: var(--rui-Alert--note__background-color);
3610
+ --rui-local-color:
3611
+ var(
3612
+ --rui-Alert--note__color
3613
+
3614
+ );
3615
+ --rui-local-foreground-color:
3616
+ var(
3617
+ --rui-Alert--note__foreground-color
3618
+
3619
+ );
3620
+ --rui-local-background-color:
3621
+ var(
3622
+ --rui-Alert--note__background-color
3623
+
3624
+ );
3625
+ --rui-local-link-color: var(--rui-color-feedback-note);
3626
+ --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
3627
+ --rui-local-link-color-active: var(--rui-color-feedback-note-active);
3508
3628
  }
3509
3629
  .Alert-module__isRootColorLight__LBWCo24o {
3510
- --rui-local-color: var(--rui-Alert--light__color);
3511
- --rui-local-foreground-color: var(--rui-Alert--light__foreground-color);
3512
- --rui-local-background-color: var(--rui-Alert--light__background-color);
3630
+ --rui-local-color:
3631
+ var(
3632
+ --rui-Alert--light__color
3633
+
3634
+ );
3635
+ --rui-local-foreground-color:
3636
+ var(
3637
+ --rui-Alert--light__foreground-color
3638
+
3639
+ );
3640
+ --rui-local-background-color:
3641
+ var(
3642
+ --rui-Alert--light__background-color
3643
+
3644
+ );
3645
+ --rui-local-link-color: var(--rui-color-neutral-dark);
3646
+ --rui-local-link-color-hover: var(--rui-color-neutral-dark-hover);
3647
+ --rui-local-link-color-active: var(--rui-color-neutral-dark-active);
3513
3648
  }
3514
3649
  .Alert-module__isRootColorDark__ro4AYKc8 {
3515
- --rui-local-color: var(--rui-Alert--dark__color);
3516
- --rui-local-foreground-color: var(--rui-Alert--dark__foreground-color);
3517
- --rui-local-background-color: var(--rui-Alert--dark__background-color);
3650
+ --rui-local-color:
3651
+ var(
3652
+ --rui-Alert--dark__color
3653
+
3654
+ );
3655
+ --rui-local-foreground-color:
3656
+ var(
3657
+ --rui-Alert--dark__foreground-color
3658
+
3659
+ );
3660
+ --rui-local-background-color:
3661
+ var(
3662
+ --rui-Alert--dark__background-color
3663
+
3664
+ );
3665
+ --rui-local-link-color: var(--rui-color-neutral-light);
3666
+ --rui-local-link-color-hover: var(--rui-color-neutral-light-hover);
3667
+ --rui-local-link-color-active: var(--rui-color-neutral-light-active);
3518
3668
  }
3519
3669
  }
3520
3670
  /*!***********************************************************************************************************************************************************************************************************************************!*\
@@ -3535,73 +3685,171 @@
3535
3685
  vertical-align: baseline;
3536
3686
  color: var(--rui-local-color);
3537
3687
  border-radius: 0.625rem;
3688
+ }
3689
+ .Badge-module__isRootPriorityFilled__AytEFTss {
3538
3690
  background-color: var(--rui-local-background-color);
3539
3691
  box-shadow: var(--rui-local-box-shadow, 0 0 0 2px rgba(255, 255, 255, 0.8));
3540
3692
  }
3541
- .Badge-module__isRootColorSuccess__hbKJcElC {
3542
- --rui-local-color: var(--rui-color-feedback-on-success);
3543
- --rui-local-background-color: var(--rui-color-feedback-success);
3693
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorSuccess__hbKJcElC {
3694
+ --rui-local-color:
3695
+ var(
3696
+ --rui-Badge--filled--success__color
3697
+
3698
+ );
3699
+ --rui-local-background-color:
3700
+ var(
3701
+ --rui-Badge--filled--success__background-color
3702
+
3703
+ );
3544
3704
  }
3545
- .Badge-module__isRootColorWarning__ZnaYefrh {
3546
- --rui-local-color: var(--rui-color-feedback-on-warning);
3547
- --rui-local-background-color: var(--rui-color-feedback-warning);
3705
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorWarning__ZnaYefrh {
3706
+ --rui-local-color:
3707
+ var(
3708
+ --rui-Badge--filled--warning__color
3709
+
3710
+ );
3711
+ --rui-local-background-color:
3712
+ var(
3713
+ --rui-Badge--filled--warning__background-color
3714
+
3715
+ );
3548
3716
  }
3549
- .Badge-module__isRootColorDanger__uuKn9tdf {
3550
- --rui-local-color: var(--rui-color-feedback-on-danger);
3551
- --rui-local-background-color: var(--rui-color-feedback-danger);
3717
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorDanger__uuKn9tdf {
3718
+ --rui-local-color:
3719
+ var(
3720
+ --rui-Badge--filled--danger__color
3721
+
3722
+ );
3723
+ --rui-local-background-color:
3724
+ var(
3725
+ --rui-Badge--filled--danger__background-color
3726
+
3727
+ );
3552
3728
  }
3553
- .Badge-module__isRootColorHelp__GN2nWxdl {
3554
- --rui-local-color: var(--rui-color-feedback-on-help);
3555
- --rui-local-background-color: var(--rui-color-feedback-help);
3729
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorInfo__acWmEZT7 {
3730
+ --rui-local-color:
3731
+ var(
3732
+ --rui-Badge--filled--info__color
3733
+
3734
+ );
3735
+ --rui-local-background-color:
3736
+ var(
3737
+ --rui-Badge--filled--info__background-color
3738
+
3739
+ );
3556
3740
  }
3557
- .Badge-module__isRootColorInfo__acWmEZT7 {
3558
- --rui-local-color: var(--rui-color-feedback-on-info);
3559
- --rui-local-background-color: var(--rui-color-feedback-info);
3741
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorHelp__GN2nWxdl {
3742
+ --rui-local-color:
3743
+ var(
3744
+ --rui-Badge--filled--help__color
3745
+
3746
+ );
3747
+ --rui-local-background-color:
3748
+ var(
3749
+ --rui-Badge--filled--help__background-color
3750
+
3751
+ );
3560
3752
  }
3561
- .Badge-module__isRootColorNote__dbEn03XY {
3562
- --rui-local-color: var(--rui-color-feedback-on-note);
3563
- --rui-local-background-color: var(--rui-color-feedback-note);
3753
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorNote__dbEn03XY {
3754
+ --rui-local-color:
3755
+ var(
3756
+ --rui-Badge--filled--note__color
3757
+
3758
+ );
3759
+ --rui-local-background-color:
3760
+ var(
3761
+ --rui-Badge--filled--note__background-color
3762
+
3763
+ );
3564
3764
  }
3565
- .Badge-module__isRootColorLight__RyhhQTot {
3566
- --rui-local-color: var(--rui-color-neutral-on-light);
3567
- --rui-local-background-color: var(--rui-color-neutral-light);
3568
- --rui-local-box-shadow: none;
3765
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorLight__RyhhQTot {
3766
+ --rui-local-color:
3767
+ var(
3768
+ --rui-Badge--filled--light__color
3769
+
3770
+ );
3771
+ --rui-local-background-color:
3772
+ var(
3773
+ --rui-Badge--filled--light__background-color
3774
+
3775
+ );
3776
+ }
3777
+ .Badge-module__isRootPriorityFilled__AytEFTss.Badge-module__isRootColorDark__HJmPIFXR {
3778
+ --rui-local-color:
3779
+ var(
3780
+ --rui-Badge--filled--dark__color
3781
+
3782
+ );
3783
+ --rui-local-background-color:
3784
+ var(
3785
+ --rui-Badge--filled--dark__background-color
3786
+
3787
+ );
3569
3788
  }
3789
+ .Badge-module__isRootColorLight__RyhhQTot,
3570
3790
  .Badge-module__isRootColorDark__HJmPIFXR {
3571
- --rui-local-color: var(--rui-color-neutral-on-dark);
3572
- --rui-local-background-color: var(--rui-color-neutral-dark);
3573
3791
  --rui-local-box-shadow: none;
3574
3792
  }
3575
3793
  .Badge-module__isRootPriorityOutline__ePkxknR_ {
3576
- --rui-local-background-color: transparent;
3577
- --rui-local-box-shadow: none;
3578
3794
  padding-top: 0.1875rem;
3579
3795
  padding-bottom: 0.1875rem;
3580
3796
  border: var(--rui-dimension-border-width-1) solid currentcolor;
3581
3797
  }
3582
3798
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorSuccess__hbKJcElC {
3583
- --rui-local-color: var(--rui-color-feedback-success);
3799
+ --rui-local-color:
3800
+ var(
3801
+ --rui-Badge--outline--success__color
3802
+
3803
+ );
3584
3804
  }
3585
3805
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorWarning__ZnaYefrh {
3586
- --rui-local-color: var(--rui-color-feedback-warning);
3806
+ --rui-local-color:
3807
+ var(
3808
+ --rui-Badge--outline--warning__color
3809
+
3810
+ );
3587
3811
  }
3588
3812
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorDanger__uuKn9tdf {
3589
- --rui-local-color: var(--rui-color-feedback-danger);
3590
- }
3591
- .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorHelp__GN2nWxdl {
3592
- --rui-local-color: var(--rui-color-feedback-help);
3813
+ --rui-local-color:
3814
+ var(
3815
+ --rui-Badge--outline--danger__color
3816
+
3817
+ );
3593
3818
  }
3594
3819
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorInfo__acWmEZT7 {
3595
- --rui-local-color: var(--rui-color-feedback-info);
3820
+ --rui-local-color:
3821
+ var(
3822
+ --rui-Badge--outline--info__color
3823
+
3824
+ );
3825
+ }
3826
+ .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorHelp__GN2nWxdl {
3827
+ --rui-local-color:
3828
+ var(
3829
+ --rui-Badge--outline--help__color
3830
+
3831
+ );
3596
3832
  }
3597
3833
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorNote__dbEn03XY {
3598
- --rui-local-color: var(--rui-color-feedback-note);
3834
+ --rui-local-color:
3835
+ var(
3836
+ --rui-Badge--outline--note__color
3837
+
3838
+ );
3599
3839
  }
3600
3840
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorLight__RyhhQTot {
3601
- --rui-local-color: var(--rui-color-neutral-light);
3841
+ --rui-local-color:
3842
+ var(
3843
+ --rui-Badge--outline--light__color
3844
+
3845
+ );
3602
3846
  }
3603
3847
  .Badge-module__isRootPriorityOutline__ePkxknR_.Badge-module__isRootColorDark__HJmPIFXR {
3604
- --rui-local-color: var(--rui-color-neutral-dark);
3848
+ --rui-local-color:
3849
+ var(
3850
+ --rui-Badge--outline--dark__color
3851
+
3852
+ );
3605
3853
  }
3606
3854
  }
3607
3855
  /*!***********************************************************************************************************************************************************************************************************************************************!*\
@@ -3754,6 +4002,16 @@
3754
4002
  .Button-module__isRootInButtonGroup__veDQ8de2:not(:first-child) {
3755
4003
  margin-inline-start: var(--rui-local-gap);
3756
4004
  }
4005
+ .Button-module__isRootInButtonGroup__veDQ8de2:not(:first-child)::before {
4006
+ content: "";
4007
+ position: absolute;
4008
+ top: calc(-1 * var(--rui-Button__border-width));
4009
+ bottom: calc(-1 * var(--rui-Button__border-width));
4010
+ left: calc(-1 * var(--rui-Button__border-width));
4011
+ z-index: 2;
4012
+ border-left: var(--rui-local-separator-width) solid var(--rui-local-separator-color);
4013
+ transform: translateX(calc(-0.5 * var(--rui-local-gap) - 50%));
4014
+ }
3757
4015
  .Button-module__isRootInButtonGroup__veDQ8de2:focus,
3758
4016
  .Button-module__isRootInButtonGroup__veDQ8de2:not(:disabled):hover {
3759
4017
  z-index: 1;
@@ -3874,1073 +4132,2249 @@
3874
4132
  white-space: unset;
3875
4133
  }
3876
4134
  }
3877
- }
3878
- @layer components.button {
3879
4135
  .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH {
3880
- --rui-local-color: var(--rui-Button--filled--primary--default__color);
3881
- --rui-local-border-color: var(--rui-Button--filled--primary--default__border-color);
3882
- --rui-local-background: var(--rui-Button--filled--primary--default__background);
3883
- --rui-local-box-shadow: var(--rui-Button--filled--primary--default__box-shadow);
3884
- }
3885
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
3886
4136
  --rui-local-color:
3887
4137
  var(
3888
- --rui-Button--filled--primary--disabled__color,
3889
- var(--rui-Button--filled--primary--default__color)
4138
+ --rui-Button--filled--primary--default__color
4139
+
3890
4140
  );
3891
4141
  --rui-local-border-color:
3892
4142
  var(
3893
- --rui-Button--filled--primary--disabled__border-color,
3894
- var(--rui-Button--filled--primary--default__border-color)
4143
+ --rui-Button--filled--primary--default__border-color
4144
+
3895
4145
  );
3896
4146
  --rui-local-background:
3897
4147
  var(
3898
- --rui-Button--filled--primary--disabled__background,
3899
- var(--rui-Button--filled--primary--default__background)
4148
+ --rui-Button--filled--primary--default__background
4149
+
3900
4150
  );
3901
4151
  --rui-local-box-shadow:
3902
4152
  var(
3903
- --rui-Button--filled--primary--disabled__box-shadow,
3904
- var(--rui-Button--filled--primary--default__box-shadow)
4153
+ --rui-Button--filled--primary--default__box-shadow
4154
+
3905
4155
  );
3906
4156
  }
3907
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
3908
- --rui-local-color: var(--rui-Button--filled--primary--hover__color);
3909
- --rui-local-border-color: var(--rui-Button--filled--primary--hover__border-color);
3910
- --rui-local-background: var(--rui-Button--filled--primary--hover__background);
3911
- --rui-local-box-shadow: var(--rui-Button--filled--primary--hover__box-shadow);
3912
- }
3913
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
3914
- --rui-local-color: var(--rui-Button--filled--primary--active__color);
3915
- --rui-local-border-color: var(--rui-Button--filled--primary--active__border-color);
3916
- --rui-local-background: var(--rui-Button--filled--primary--active__background);
3917
- --rui-local-box-shadow: var(--rui-Button--filled--primary--active__box-shadow);
3918
- }
3919
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj {
3920
- --rui-local-color: var(--rui-Button--filled--secondary--default__color);
3921
- --rui-local-border-color: var(--rui-Button--filled--secondary--default__border-color);
3922
- --rui-local-background: var(--rui-Button--filled--secondary--default__background);
3923
- --rui-local-box-shadow: var(--rui-Button--filled--secondary--default__box-shadow);
3924
- }
3925
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:disabled {
4157
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
3926
4158
  --rui-local-color:
3927
4159
  var(
3928
- --rui-Button--filled--secondary--disabled__color,
3929
- var(--rui-Button--filled--secondary--default__color)
4160
+ --rui-Button--filled--primary--disabled__color
4161
+ , var(--rui-Button--filled--primary--default__color)
3930
4162
  );
3931
4163
  --rui-local-border-color:
3932
4164
  var(
3933
- --rui-Button--filled--secondary--disabled__border-color,
3934
- var(--rui-Button--filled--secondary--default__border-color)
4165
+ --rui-Button--filled--primary--disabled__border-color
4166
+ , var(--rui-Button--filled--primary--default__border-color)
3935
4167
  );
3936
4168
  --rui-local-background:
3937
4169
  var(
3938
- --rui-Button--filled--secondary--disabled__background,
3939
- var(--rui-Button--filled--secondary--default__background)
4170
+ --rui-Button--filled--primary--disabled__background
4171
+ , var(--rui-Button--filled--primary--default__background)
3940
4172
  );
3941
4173
  --rui-local-box-shadow:
3942
4174
  var(
3943
- --rui-Button--filled--secondary--disabled__box-shadow,
3944
- var(--rui-Button--filled--secondary--default__box-shadow)
4175
+ --rui-Button--filled--primary--disabled__box-shadow
4176
+ , var(--rui-Button--filled--primary--default__box-shadow)
3945
4177
  );
3946
4178
  }
3947
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
3948
- --rui-local-color: var(--rui-Button--filled--secondary--hover__color);
3949
- --rui-local-border-color: var(--rui-Button--filled--secondary--hover__border-color);
3950
- --rui-local-background: var(--rui-Button--filled--secondary--hover__background);
3951
- --rui-local-box-shadow: var(--rui-Button--filled--secondary--hover__box-shadow);
3952
- }
3953
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
3954
- --rui-local-color: var(--rui-Button--filled--secondary--active__color);
3955
- --rui-local-border-color: var(--rui-Button--filled--secondary--active__border-color);
3956
- --rui-local-background: var(--rui-Button--filled--secondary--active__background);
3957
- --rui-local-box-shadow: var(--rui-Button--filled--secondary--active__box-shadow);
3958
- }
3959
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i {
3960
- --rui-local-color: var(--rui-Button--filled--selected--default__color);
3961
- --rui-local-border-color: var(--rui-Button--filled--selected--default__border-color);
3962
- --rui-local-background: var(--rui-Button--filled--selected--default__background);
3963
- --rui-local-box-shadow: var(--rui-Button--filled--selected--default__box-shadow);
3964
- }
3965
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:disabled {
4179
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
3966
4180
  --rui-local-color:
3967
4181
  var(
3968
- --rui-Button--filled--selected--disabled__color,
3969
- var(--rui-Button--filled--selected--default__color)
4182
+ --rui-Button--filled--primary--hover__color
4183
+
3970
4184
  );
3971
4185
  --rui-local-border-color:
3972
4186
  var(
3973
- --rui-Button--filled--selected--disabled__border-color,
3974
- var(--rui-Button--filled--selected--default__border-color)
4187
+ --rui-Button--filled--primary--hover__border-color
4188
+
3975
4189
  );
3976
4190
  --rui-local-background:
3977
4191
  var(
3978
- --rui-Button--filled--selected--disabled__background,
3979
- var(--rui-Button--filled--selected--default__background)
4192
+ --rui-Button--filled--primary--hover__background
4193
+
3980
4194
  );
3981
4195
  --rui-local-box-shadow:
3982
4196
  var(
3983
- --rui-Button--filled--selected--disabled__box-shadow,
3984
- var(--rui-Button--filled--selected--default__box-shadow)
4197
+ --rui-Button--filled--primary--hover__box-shadow
4198
+
3985
4199
  );
3986
4200
  }
3987
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
3988
- --rui-local-color: var(--rui-Button--filled--selected--hover__color);
3989
- --rui-local-border-color: var(--rui-Button--filled--selected--hover__border-color);
3990
- --rui-local-background: var(--rui-Button--filled--selected--hover__background);
3991
- --rui-local-box-shadow: var(--rui-Button--filled--selected--hover__box-shadow);
3992
- }
3993
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
3994
- --rui-local-color: var(--rui-Button--filled--selected--active__color);
3995
- --rui-local-border-color: var(--rui-Button--filled--selected--active__border-color);
3996
- --rui-local-background: var(--rui-Button--filled--selected--active__background);
3997
- --rui-local-box-shadow: var(--rui-Button--filled--selected--active__box-shadow);
3998
- }
3999
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5 {
4000
- --rui-local-color: var(--rui-Button--filled--success--default__color);
4001
- --rui-local-border-color: var(--rui-Button--filled--success--default__border-color);
4002
- --rui-local-background: var(--rui-Button--filled--success--default__background);
4003
- --rui-local-box-shadow: var(--rui-Button--filled--success--default__box-shadow);
4004
- }
4005
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
4201
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
4006
4202
  --rui-local-color:
4007
4203
  var(
4008
- --rui-Button--filled--success--disabled__color,
4009
- var(--rui-Button--filled--success--default__color)
4204
+ --rui-Button--filled--primary--active__color
4205
+
4010
4206
  );
4011
4207
  --rui-local-border-color:
4012
4208
  var(
4013
- --rui-Button--filled--success--disabled__border-color,
4014
- var(--rui-Button--filled--success--default__border-color)
4209
+ --rui-Button--filled--primary--active__border-color
4210
+
4015
4211
  );
4016
4212
  --rui-local-background:
4017
4213
  var(
4018
- --rui-Button--filled--success--disabled__background,
4019
- var(--rui-Button--filled--success--default__background)
4214
+ --rui-Button--filled--primary--active__background
4215
+
4020
4216
  );
4021
4217
  --rui-local-box-shadow:
4022
4218
  var(
4023
- --rui-Button--filled--success--disabled__box-shadow,
4024
- var(--rui-Button--filled--success--default__box-shadow)
4219
+ --rui-Button--filled--primary--active__box-shadow
4220
+
4025
4221
  );
4026
4222
  }
4027
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
4028
- --rui-local-color: var(--rui-Button--filled--success--hover__color);
4029
- --rui-local-border-color: var(--rui-Button--filled--success--hover__border-color);
4030
- --rui-local-background: var(--rui-Button--filled--success--hover__background);
4031
- --rui-local-box-shadow: var(--rui-Button--filled--success--hover__box-shadow);
4032
- }
4033
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
4034
- --rui-local-color: var(--rui-Button--filled--success--active__color);
4035
- --rui-local-border-color: var(--rui-Button--filled--success--active__border-color);
4036
- --rui-local-background: var(--rui-Button--filled--success--active__background);
4037
- --rui-local-box-shadow: var(--rui-Button--filled--success--active__box-shadow);
4038
- }
4039
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H {
4040
- --rui-local-color: var(--rui-Button--filled--warning--default__color);
4041
- --rui-local-border-color: var(--rui-Button--filled--warning--default__border-color);
4042
- --rui-local-background: var(--rui-Button--filled--warning--default__background);
4043
- --rui-local-box-shadow: var(--rui-Button--filled--warning--default__box-shadow);
4044
- }
4045
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:disabled {
4223
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj {
4046
4224
  --rui-local-color:
4047
4225
  var(
4048
- --rui-Button--filled--warning--disabled__color,
4049
- var(--rui-Button--filled--warning--default__color)
4226
+ --rui-Button--filled--secondary--default__color
4227
+
4050
4228
  );
4051
4229
  --rui-local-border-color:
4052
4230
  var(
4053
- --rui-Button--filled--warning--disabled__border-color,
4054
- var(--rui-Button--filled--warning--default__border-color)
4231
+ --rui-Button--filled--secondary--default__border-color
4232
+
4055
4233
  );
4056
4234
  --rui-local-background:
4057
4235
  var(
4058
- --rui-Button--filled--warning--disabled__background,
4059
- var(--rui-Button--filled--warning--default__background)
4236
+ --rui-Button--filled--secondary--default__background
4237
+
4060
4238
  );
4061
4239
  --rui-local-box-shadow:
4062
4240
  var(
4063
- --rui-Button--filled--warning--disabled__box-shadow,
4064
- var(--rui-Button--filled--warning--default__box-shadow)
4241
+ --rui-Button--filled--secondary--default__box-shadow
4242
+
4065
4243
  );
4066
4244
  }
4067
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
4068
- --rui-local-color: var(--rui-Button--filled--warning--hover__color);
4069
- --rui-local-border-color: var(--rui-Button--filled--warning--hover__border-color);
4070
- --rui-local-background: var(--rui-Button--filled--warning--hover__background);
4071
- --rui-local-box-shadow: var(--rui-Button--filled--warning--hover__box-shadow);
4072
- }
4073
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
4074
- --rui-local-color: var(--rui-Button--filled--warning--active__color);
4075
- --rui-local-border-color: var(--rui-Button--filled--warning--active__border-color);
4076
- --rui-local-background: var(--rui-Button--filled--warning--active__background);
4077
- --rui-local-box-shadow: var(--rui-Button--filled--warning--active__box-shadow);
4078
- }
4079
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf {
4080
- --rui-local-color: var(--rui-Button--filled--danger--default__color);
4081
- --rui-local-border-color: var(--rui-Button--filled--danger--default__border-color);
4082
- --rui-local-background: var(--rui-Button--filled--danger--default__background);
4083
- --rui-local-box-shadow: var(--rui-Button--filled--danger--default__box-shadow);
4084
- }
4085
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:disabled {
4245
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:disabled {
4086
4246
  --rui-local-color:
4087
4247
  var(
4088
- --rui-Button--filled--danger--disabled__color,
4089
- var(--rui-Button--filled--danger--default__color)
4248
+ --rui-Button--filled--secondary--disabled__color
4249
+ , var(--rui-Button--filled--secondary--default__color)
4090
4250
  );
4091
4251
  --rui-local-border-color:
4092
4252
  var(
4093
- --rui-Button--filled--danger--disabled__border-color,
4094
- var(--rui-Button--filled--danger--default__border-color)
4253
+ --rui-Button--filled--secondary--disabled__border-color
4254
+ , var(--rui-Button--filled--secondary--default__border-color)
4095
4255
  );
4096
4256
  --rui-local-background:
4097
4257
  var(
4098
- --rui-Button--filled--danger--disabled__background,
4099
- var(--rui-Button--filled--danger--default__background)
4258
+ --rui-Button--filled--secondary--disabled__background
4259
+ , var(--rui-Button--filled--secondary--default__background)
4100
4260
  );
4101
4261
  --rui-local-box-shadow:
4102
4262
  var(
4103
- --rui-Button--filled--danger--disabled__box-shadow,
4104
- var(--rui-Button--filled--danger--default__box-shadow)
4263
+ --rui-Button--filled--secondary--disabled__box-shadow
4264
+ , var(--rui-Button--filled--secondary--default__box-shadow)
4105
4265
  );
4106
4266
  }
4107
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
4108
- --rui-local-color: var(--rui-Button--filled--danger--hover__color);
4109
- --rui-local-border-color: var(--rui-Button--filled--danger--hover__border-color);
4110
- --rui-local-background: var(--rui-Button--filled--danger--hover__background);
4111
- --rui-local-box-shadow: var(--rui-Button--filled--danger--hover__box-shadow);
4112
- }
4113
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
4114
- --rui-local-color: var(--rui-Button--filled--danger--active__color);
4115
- --rui-local-border-color: var(--rui-Button--filled--danger--active__border-color);
4116
- --rui-local-background: var(--rui-Button--filled--danger--active__background);
4117
- --rui-local-box-shadow: var(--rui-Button--filled--danger--active__box-shadow);
4118
- }
4119
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048 {
4120
- --rui-local-color: var(--rui-Button--filled--help--default__color);
4121
- --rui-local-border-color: var(--rui-Button--filled--help--default__border-color);
4122
- --rui-local-background: var(--rui-Button--filled--help--default__background);
4123
- --rui-local-box-shadow: var(--rui-Button--filled--help--default__box-shadow);
4124
- }
4125
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:disabled {
4267
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
4126
4268
  --rui-local-color:
4127
4269
  var(
4128
- --rui-Button--filled--help--disabled__color,
4129
- var(--rui-Button--filled--help--default__color)
4270
+ --rui-Button--filled--secondary--hover__color
4271
+
4130
4272
  );
4131
4273
  --rui-local-border-color:
4132
4274
  var(
4133
- --rui-Button--filled--help--disabled__border-color,
4134
- var(--rui-Button--filled--help--default__border-color)
4275
+ --rui-Button--filled--secondary--hover__border-color
4276
+
4135
4277
  );
4136
4278
  --rui-local-background:
4137
4279
  var(
4138
- --rui-Button--filled--help--disabled__background,
4139
- var(--rui-Button--filled--help--default__background)
4280
+ --rui-Button--filled--secondary--hover__background
4281
+
4140
4282
  );
4141
4283
  --rui-local-box-shadow:
4142
4284
  var(
4143
- --rui-Button--filled--help--disabled__box-shadow,
4144
- var(--rui-Button--filled--help--default__box-shadow)
4285
+ --rui-Button--filled--secondary--hover__box-shadow
4286
+
4145
4287
  );
4146
4288
  }
4147
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:not(:disabled):hover {
4148
- --rui-local-color: var(--rui-Button--filled--help--hover__color);
4149
- --rui-local-border-color: var(--rui-Button--filled--help--hover__border-color);
4150
- --rui-local-background: var(--rui-Button--filled--help--hover__background);
4151
- --rui-local-box-shadow: var(--rui-Button--filled--help--hover__box-shadow);
4152
- }
4153
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:not(:disabled):active {
4154
- --rui-local-color: var(--rui-Button--filled--help--active__color);
4155
- --rui-local-border-color: var(--rui-Button--filled--help--active__border-color);
4156
- --rui-local-background: var(--rui-Button--filled--help--active__background);
4157
- --rui-local-box-shadow: var(--rui-Button--filled--help--active__box-shadow);
4158
- }
4159
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci {
4160
- --rui-local-color: var(--rui-Button--filled--info--default__color);
4161
- --rui-local-border-color: var(--rui-Button--filled--info--default__border-color);
4162
- --rui-local-background: var(--rui-Button--filled--info--default__background);
4163
- --rui-local-box-shadow: var(--rui-Button--filled--info--default__box-shadow);
4164
- }
4165
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
4289
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
4166
4290
  --rui-local-color:
4167
4291
  var(
4168
- --rui-Button--filled--info--disabled__color,
4169
- var(--rui-Button--filled--info--default__color)
4292
+ --rui-Button--filled--secondary--active__color
4293
+
4170
4294
  );
4171
4295
  --rui-local-border-color:
4172
4296
  var(
4173
- --rui-Button--filled--info--disabled__border-color,
4174
- var(--rui-Button--filled--info--default__border-color)
4297
+ --rui-Button--filled--secondary--active__border-color
4298
+
4175
4299
  );
4176
4300
  --rui-local-background:
4177
4301
  var(
4178
- --rui-Button--filled--info--disabled__background,
4179
- var(--rui-Button--filled--info--default__background)
4302
+ --rui-Button--filled--secondary--active__background
4303
+
4180
4304
  );
4181
4305
  --rui-local-box-shadow:
4182
4306
  var(
4183
- --rui-Button--filled--info--disabled__box-shadow,
4184
- var(--rui-Button--filled--info--default__box-shadow)
4307
+ --rui-Button--filled--secondary--active__box-shadow
4308
+
4185
4309
  );
4186
4310
  }
4187
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
4188
- --rui-local-color: var(--rui-Button--filled--info--hover__color);
4189
- --rui-local-border-color: var(--rui-Button--filled--info--hover__border-color);
4190
- --rui-local-background: var(--rui-Button--filled--info--hover__background);
4191
- --rui-local-box-shadow: var(--rui-Button--filled--info--hover__box-shadow);
4192
- }
4193
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
4194
- --rui-local-color: var(--rui-Button--filled--info--active__color);
4195
- --rui-local-border-color: var(--rui-Button--filled--info--active__border-color);
4196
- --rui-local-background: var(--rui-Button--filled--info--active__background);
4197
- --rui-local-box-shadow: var(--rui-Button--filled--info--active__box-shadow);
4198
- }
4199
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e {
4200
- --rui-local-color: var(--rui-Button--filled--note--default__color);
4201
- --rui-local-border-color: var(--rui-Button--filled--note--default__border-color);
4202
- --rui-local-background: var(--rui-Button--filled--note--default__background);
4203
- --rui-local-box-shadow: var(--rui-Button--filled--note--default__box-shadow);
4204
- }
4205
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:disabled {
4311
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i {
4206
4312
  --rui-local-color:
4207
4313
  var(
4208
- --rui-Button--filled--note--disabled__color,
4209
- var(--rui-Button--filled--note--default__color)
4314
+ --rui-Button--filled--selected--default__color
4315
+
4210
4316
  );
4211
4317
  --rui-local-border-color:
4212
4318
  var(
4213
- --rui-Button--filled--note--disabled__border-color,
4214
- var(--rui-Button--filled--note--default__border-color)
4319
+ --rui-Button--filled--selected--default__border-color
4320
+
4215
4321
  );
4216
4322
  --rui-local-background:
4217
4323
  var(
4218
- --rui-Button--filled--note--disabled__background,
4219
- var(--rui-Button--filled--note--default__background)
4324
+ --rui-Button--filled--selected--default__background
4325
+
4220
4326
  );
4221
4327
  --rui-local-box-shadow:
4222
4328
  var(
4223
- --rui-Button--filled--note--disabled__box-shadow,
4224
- var(--rui-Button--filled--note--default__box-shadow)
4329
+ --rui-Button--filled--selected--default__box-shadow
4330
+
4225
4331
  );
4226
4332
  }
4227
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):hover {
4228
- --rui-local-color: var(--rui-Button--filled--note--hover__color);
4229
- --rui-local-border-color: var(--rui-Button--filled--note--hover__border-color);
4230
- --rui-local-background: var(--rui-Button--filled--note--hover__background);
4231
- --rui-local-box-shadow: var(--rui-Button--filled--note--hover__box-shadow);
4232
- }
4233
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):active {
4234
- --rui-local-color: var(--rui-Button--filled--note--active__color);
4235
- --rui-local-border-color: var(--rui-Button--filled--note--active__border-color);
4236
- --rui-local-background: var(--rui-Button--filled--note--active__background);
4237
- --rui-local-box-shadow: var(--rui-Button--filled--note--active__box-shadow);
4238
- }
4239
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH {
4240
- --rui-local-color: var(--rui-Button--filled--light--default__color);
4241
- --rui-local-border-color: var(--rui-Button--filled--light--default__border-color);
4242
- --rui-local-background: var(--rui-Button--filled--light--default__background);
4243
- --rui-local-box-shadow: var(--rui-Button--filled--light--default__box-shadow);
4244
- }
4245
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:disabled {
4333
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:disabled {
4246
4334
  --rui-local-color:
4247
4335
  var(
4248
- --rui-Button--filled--light--disabled__color,
4249
- var(--rui-Button--filled--light--default__color)
4336
+ --rui-Button--filled--selected--disabled__color
4337
+ , var(--rui-Button--filled--selected--default__color)
4250
4338
  );
4251
4339
  --rui-local-border-color:
4252
4340
  var(
4253
- --rui-Button--filled--light--disabled__border-color,
4254
- var(--rui-Button--filled--light--default__border-color)
4341
+ --rui-Button--filled--selected--disabled__border-color
4342
+ , var(--rui-Button--filled--selected--default__border-color)
4255
4343
  );
4256
4344
  --rui-local-background:
4257
4345
  var(
4258
- --rui-Button--filled--light--disabled__background,
4259
- var(--rui-Button--filled--light--default__background)
4346
+ --rui-Button--filled--selected--disabled__background
4347
+ , var(--rui-Button--filled--selected--default__background)
4260
4348
  );
4261
4349
  --rui-local-box-shadow:
4262
4350
  var(
4263
- --rui-Button--filled--light--disabled__box-shadow,
4264
- var(--rui-Button--filled--light--default__box-shadow)
4351
+ --rui-Button--filled--selected--disabled__box-shadow
4352
+ , var(--rui-Button--filled--selected--default__box-shadow)
4265
4353
  );
4266
4354
  }
4267
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):hover {
4268
- --rui-local-color: var(--rui-Button--filled--light--hover__color);
4269
- --rui-local-border-color: var(--rui-Button--filled--light--hover__border-color);
4270
- --rui-local-background: var(--rui-Button--filled--light--hover__background);
4271
- --rui-local-box-shadow: var(--rui-Button--filled--light--hover__box-shadow);
4272
- }
4273
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):active {
4274
- --rui-local-color: var(--rui-Button--filled--light--active__color);
4275
- --rui-local-border-color: var(--rui-Button--filled--light--active__border-color);
4276
- --rui-local-background: var(--rui-Button--filled--light--active__background);
4277
- --rui-local-box-shadow: var(--rui-Button--filled--light--active__box-shadow);
4278
- }
4279
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N {
4280
- --rui-local-color: var(--rui-Button--filled--dark--default__color);
4281
- --rui-local-border-color: var(--rui-Button--filled--dark--default__border-color);
4282
- --rui-local-background: var(--rui-Button--filled--dark--default__background);
4283
- --rui-local-box-shadow: var(--rui-Button--filled--dark--default__box-shadow);
4284
- }
4285
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:disabled {
4355
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
4286
4356
  --rui-local-color:
4287
4357
  var(
4288
- --rui-Button--filled--dark--disabled__color,
4289
- var(--rui-Button--filled--dark--default__color)
4358
+ --rui-Button--filled--selected--hover__color
4359
+
4290
4360
  );
4291
4361
  --rui-local-border-color:
4292
4362
  var(
4293
- --rui-Button--filled--dark--disabled__border-color,
4294
- var(--rui-Button--filled--dark--default__border-color)
4363
+ --rui-Button--filled--selected--hover__border-color
4364
+
4295
4365
  );
4296
4366
  --rui-local-background:
4297
4367
  var(
4298
- --rui-Button--filled--dark--disabled__background,
4299
- var(--rui-Button--filled--dark--default__background)
4368
+ --rui-Button--filled--selected--hover__background
4369
+
4300
4370
  );
4301
4371
  --rui-local-box-shadow:
4302
4372
  var(
4303
- --rui-Button--filled--dark--disabled__box-shadow,
4304
- var(--rui-Button--filled--dark--default__box-shadow)
4373
+ --rui-Button--filled--selected--hover__box-shadow
4374
+
4305
4375
  );
4306
4376
  }
4307
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:not(:disabled):hover {
4308
- --rui-local-color: var(--rui-Button--filled--dark--hover__color);
4309
- --rui-local-border-color: var(--rui-Button--filled--dark--hover__border-color);
4310
- --rui-local-background: var(--rui-Button--filled--dark--hover__background);
4311
- --rui-local-box-shadow: var(--rui-Button--filled--dark--hover__box-shadow);
4312
- }
4313
- .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:not(:disabled):active {
4314
- --rui-local-color: var(--rui-Button--filled--dark--active__color);
4315
- --rui-local-border-color: var(--rui-Button--filled--dark--active__border-color);
4316
- --rui-local-background: var(--rui-Button--filled--dark--active__background);
4317
- --rui-local-box-shadow: var(--rui-Button--filled--dark--active__box-shadow);
4318
- }
4319
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH {
4320
- --rui-local-color: var(--rui-Button--outline--primary--default__color);
4321
- --rui-local-border-color: var(--rui-Button--outline--primary--default__border-color);
4322
- --rui-local-background: var(--rui-Button--outline--primary--default__background);
4323
- }
4324
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
4377
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
4325
4378
  --rui-local-color:
4326
4379
  var(
4327
- --rui-Button--outline--primary--disabled__color,
4328
- var(--rui-Button--outline--primary--default__color)
4380
+ --rui-Button--filled--selected--active__color
4381
+
4329
4382
  );
4330
4383
  --rui-local-border-color:
4331
4384
  var(
4332
- --rui-Button--outline--primary--disabled__border-color,
4333
- var(--rui-Button--outline--primary--default__border-color)
4385
+ --rui-Button--filled--selected--active__border-color
4386
+
4334
4387
  );
4335
4388
  --rui-local-background:
4336
4389
  var(
4337
- --rui-Button--outline--primary--disabled__background,
4338
- var(--rui-Button--outline--primary--default__background)
4390
+ --rui-Button--filled--selected--active__background
4391
+
4392
+ );
4393
+ --rui-local-box-shadow:
4394
+ var(
4395
+ --rui-Button--filled--selected--active__box-shadow
4396
+
4339
4397
  );
4340
4398
  }
4341
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
4342
- --rui-local-color: var(--rui-Button--outline--primary--hover__color);
4343
- --rui-local-border-color: var(--rui-Button--outline--primary--hover__border-color);
4344
- --rui-local-background: var(--rui-Button--outline--primary--hover__background);
4345
- }
4346
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
4347
- --rui-local-color: var(--rui-Button--outline--primary--active__color);
4348
- --rui-local-border-color: var(--rui-Button--outline--primary--active__border-color);
4349
- --rui-local-background: var(--rui-Button--outline--primary--active__background);
4350
- }
4351
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj {
4352
- --rui-local-color: var(--rui-Button--outline--secondary--default__color);
4353
- --rui-local-border-color: var(--rui-Button--outline--secondary--default__border-color);
4354
- --rui-local-background: var(--rui-Button--outline--secondary--default__background);
4355
- }
4356
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:disabled {
4399
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5 {
4357
4400
  --rui-local-color:
4358
4401
  var(
4359
- --rui-Button--outline--secondary--disabled__color,
4360
- var(--rui-Button--outline--secondary--default__color)
4402
+ --rui-Button--filled--success--default__color
4403
+
4361
4404
  );
4362
4405
  --rui-local-border-color:
4363
4406
  var(
4364
- --rui-Button--outline--secondary--disabled__border-color,
4365
- var(--rui-Button--outline--secondary--default__border-color)
4407
+ --rui-Button--filled--success--default__border-color
4408
+
4366
4409
  );
4367
4410
  --rui-local-background:
4368
4411
  var(
4369
- --rui-Button--outline--secondary--disabled__background,
4370
- var(--rui-Button--outline--secondary--default__background)
4412
+ --rui-Button--filled--success--default__background
4413
+
4414
+ );
4415
+ --rui-local-box-shadow:
4416
+ var(
4417
+ --rui-Button--filled--success--default__box-shadow
4418
+
4419
+ );
4420
+ }
4421
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
4422
+ --rui-local-color:
4423
+ var(
4424
+ --rui-Button--filled--success--disabled__color
4425
+ , var(--rui-Button--filled--success--default__color)
4426
+ );
4427
+ --rui-local-border-color:
4428
+ var(
4429
+ --rui-Button--filled--success--disabled__border-color
4430
+ , var(--rui-Button--filled--success--default__border-color)
4431
+ );
4432
+ --rui-local-background:
4433
+ var(
4434
+ --rui-Button--filled--success--disabled__background
4435
+ , var(--rui-Button--filled--success--default__background)
4436
+ );
4437
+ --rui-local-box-shadow:
4438
+ var(
4439
+ --rui-Button--filled--success--disabled__box-shadow
4440
+ , var(--rui-Button--filled--success--default__box-shadow)
4441
+ );
4442
+ }
4443
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
4444
+ --rui-local-color:
4445
+ var(
4446
+ --rui-Button--filled--success--hover__color
4447
+
4448
+ );
4449
+ --rui-local-border-color:
4450
+ var(
4451
+ --rui-Button--filled--success--hover__border-color
4452
+
4453
+ );
4454
+ --rui-local-background:
4455
+ var(
4456
+ --rui-Button--filled--success--hover__background
4457
+
4458
+ );
4459
+ --rui-local-box-shadow:
4460
+ var(
4461
+ --rui-Button--filled--success--hover__box-shadow
4462
+
4463
+ );
4464
+ }
4465
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
4466
+ --rui-local-color:
4467
+ var(
4468
+ --rui-Button--filled--success--active__color
4469
+
4470
+ );
4471
+ --rui-local-border-color:
4472
+ var(
4473
+ --rui-Button--filled--success--active__border-color
4474
+
4475
+ );
4476
+ --rui-local-background:
4477
+ var(
4478
+ --rui-Button--filled--success--active__background
4479
+
4480
+ );
4481
+ --rui-local-box-shadow:
4482
+ var(
4483
+ --rui-Button--filled--success--active__box-shadow
4484
+
4485
+ );
4486
+ }
4487
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H {
4488
+ --rui-local-color:
4489
+ var(
4490
+ --rui-Button--filled--warning--default__color
4491
+
4492
+ );
4493
+ --rui-local-border-color:
4494
+ var(
4495
+ --rui-Button--filled--warning--default__border-color
4496
+
4497
+ );
4498
+ --rui-local-background:
4499
+ var(
4500
+ --rui-Button--filled--warning--default__background
4501
+
4502
+ );
4503
+ --rui-local-box-shadow:
4504
+ var(
4505
+ --rui-Button--filled--warning--default__box-shadow
4506
+
4507
+ );
4508
+ }
4509
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:disabled {
4510
+ --rui-local-color:
4511
+ var(
4512
+ --rui-Button--filled--warning--disabled__color
4513
+ , var(--rui-Button--filled--warning--default__color)
4514
+ );
4515
+ --rui-local-border-color:
4516
+ var(
4517
+ --rui-Button--filled--warning--disabled__border-color
4518
+ , var(--rui-Button--filled--warning--default__border-color)
4519
+ );
4520
+ --rui-local-background:
4521
+ var(
4522
+ --rui-Button--filled--warning--disabled__background
4523
+ , var(--rui-Button--filled--warning--default__background)
4524
+ );
4525
+ --rui-local-box-shadow:
4526
+ var(
4527
+ --rui-Button--filled--warning--disabled__box-shadow
4528
+ , var(--rui-Button--filled--warning--default__box-shadow)
4529
+ );
4530
+ }
4531
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
4532
+ --rui-local-color:
4533
+ var(
4534
+ --rui-Button--filled--warning--hover__color
4535
+
4536
+ );
4537
+ --rui-local-border-color:
4538
+ var(
4539
+ --rui-Button--filled--warning--hover__border-color
4540
+
4541
+ );
4542
+ --rui-local-background:
4543
+ var(
4544
+ --rui-Button--filled--warning--hover__background
4545
+
4546
+ );
4547
+ --rui-local-box-shadow:
4548
+ var(
4549
+ --rui-Button--filled--warning--hover__box-shadow
4550
+
4551
+ );
4552
+ }
4553
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
4554
+ --rui-local-color:
4555
+ var(
4556
+ --rui-Button--filled--warning--active__color
4557
+
4558
+ );
4559
+ --rui-local-border-color:
4560
+ var(
4561
+ --rui-Button--filled--warning--active__border-color
4562
+
4563
+ );
4564
+ --rui-local-background:
4565
+ var(
4566
+ --rui-Button--filled--warning--active__background
4567
+
4568
+ );
4569
+ --rui-local-box-shadow:
4570
+ var(
4571
+ --rui-Button--filled--warning--active__box-shadow
4572
+
4573
+ );
4574
+ }
4575
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf {
4576
+ --rui-local-color:
4577
+ var(
4578
+ --rui-Button--filled--danger--default__color
4579
+
4580
+ );
4581
+ --rui-local-border-color:
4582
+ var(
4583
+ --rui-Button--filled--danger--default__border-color
4584
+
4585
+ );
4586
+ --rui-local-background:
4587
+ var(
4588
+ --rui-Button--filled--danger--default__background
4589
+
4590
+ );
4591
+ --rui-local-box-shadow:
4592
+ var(
4593
+ --rui-Button--filled--danger--default__box-shadow
4594
+
4595
+ );
4596
+ }
4597
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:disabled {
4598
+ --rui-local-color:
4599
+ var(
4600
+ --rui-Button--filled--danger--disabled__color
4601
+ , var(--rui-Button--filled--danger--default__color)
4602
+ );
4603
+ --rui-local-border-color:
4604
+ var(
4605
+ --rui-Button--filled--danger--disabled__border-color
4606
+ , var(--rui-Button--filled--danger--default__border-color)
4607
+ );
4608
+ --rui-local-background:
4609
+ var(
4610
+ --rui-Button--filled--danger--disabled__background
4611
+ , var(--rui-Button--filled--danger--default__background)
4612
+ );
4613
+ --rui-local-box-shadow:
4614
+ var(
4615
+ --rui-Button--filled--danger--disabled__box-shadow
4616
+ , var(--rui-Button--filled--danger--default__box-shadow)
4617
+ );
4618
+ }
4619
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
4620
+ --rui-local-color:
4621
+ var(
4622
+ --rui-Button--filled--danger--hover__color
4623
+
4624
+ );
4625
+ --rui-local-border-color:
4626
+ var(
4627
+ --rui-Button--filled--danger--hover__border-color
4628
+
4629
+ );
4630
+ --rui-local-background:
4631
+ var(
4632
+ --rui-Button--filled--danger--hover__background
4633
+
4634
+ );
4635
+ --rui-local-box-shadow:
4636
+ var(
4637
+ --rui-Button--filled--danger--hover__box-shadow
4638
+
4639
+ );
4640
+ }
4641
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
4642
+ --rui-local-color:
4643
+ var(
4644
+ --rui-Button--filled--danger--active__color
4645
+
4646
+ );
4647
+ --rui-local-border-color:
4648
+ var(
4649
+ --rui-Button--filled--danger--active__border-color
4650
+
4651
+ );
4652
+ --rui-local-background:
4653
+ var(
4654
+ --rui-Button--filled--danger--active__background
4655
+
4656
+ );
4657
+ --rui-local-box-shadow:
4658
+ var(
4659
+ --rui-Button--filled--danger--active__box-shadow
4660
+
4661
+ );
4662
+ }
4663
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci {
4664
+ --rui-local-color:
4665
+ var(
4666
+ --rui-Button--filled--info--default__color
4667
+
4668
+ );
4669
+ --rui-local-border-color:
4670
+ var(
4671
+ --rui-Button--filled--info--default__border-color
4672
+
4673
+ );
4674
+ --rui-local-background:
4675
+ var(
4676
+ --rui-Button--filled--info--default__background
4677
+
4678
+ );
4679
+ --rui-local-box-shadow:
4680
+ var(
4681
+ --rui-Button--filled--info--default__box-shadow
4682
+
4683
+ );
4684
+ }
4685
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
4686
+ --rui-local-color:
4687
+ var(
4688
+ --rui-Button--filled--info--disabled__color
4689
+ , var(--rui-Button--filled--info--default__color)
4690
+ );
4691
+ --rui-local-border-color:
4692
+ var(
4693
+ --rui-Button--filled--info--disabled__border-color
4694
+ , var(--rui-Button--filled--info--default__border-color)
4695
+ );
4696
+ --rui-local-background:
4697
+ var(
4698
+ --rui-Button--filled--info--disabled__background
4699
+ , var(--rui-Button--filled--info--default__background)
4700
+ );
4701
+ --rui-local-box-shadow:
4702
+ var(
4703
+ --rui-Button--filled--info--disabled__box-shadow
4704
+ , var(--rui-Button--filled--info--default__box-shadow)
4705
+ );
4706
+ }
4707
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
4708
+ --rui-local-color:
4709
+ var(
4710
+ --rui-Button--filled--info--hover__color
4711
+
4712
+ );
4713
+ --rui-local-border-color:
4714
+ var(
4715
+ --rui-Button--filled--info--hover__border-color
4716
+
4717
+ );
4718
+ --rui-local-background:
4719
+ var(
4720
+ --rui-Button--filled--info--hover__background
4721
+
4722
+ );
4723
+ --rui-local-box-shadow:
4724
+ var(
4725
+ --rui-Button--filled--info--hover__box-shadow
4726
+
4727
+ );
4728
+ }
4729
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
4730
+ --rui-local-color:
4731
+ var(
4732
+ --rui-Button--filled--info--active__color
4733
+
4734
+ );
4735
+ --rui-local-border-color:
4736
+ var(
4737
+ --rui-Button--filled--info--active__border-color
4738
+
4739
+ );
4740
+ --rui-local-background:
4741
+ var(
4742
+ --rui-Button--filled--info--active__background
4743
+
4744
+ );
4745
+ --rui-local-box-shadow:
4746
+ var(
4747
+ --rui-Button--filled--info--active__box-shadow
4748
+
4749
+ );
4750
+ }
4751
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048 {
4752
+ --rui-local-color:
4753
+ var(
4754
+ --rui-Button--filled--help--default__color
4755
+
4756
+ );
4757
+ --rui-local-border-color:
4758
+ var(
4759
+ --rui-Button--filled--help--default__border-color
4760
+
4761
+ );
4762
+ --rui-local-background:
4763
+ var(
4764
+ --rui-Button--filled--help--default__background
4765
+
4766
+ );
4767
+ --rui-local-box-shadow:
4768
+ var(
4769
+ --rui-Button--filled--help--default__box-shadow
4770
+
4771
+ );
4772
+ }
4773
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:disabled {
4774
+ --rui-local-color:
4775
+ var(
4776
+ --rui-Button--filled--help--disabled__color
4777
+ , var(--rui-Button--filled--help--default__color)
4778
+ );
4779
+ --rui-local-border-color:
4780
+ var(
4781
+ --rui-Button--filled--help--disabled__border-color
4782
+ , var(--rui-Button--filled--help--default__border-color)
4783
+ );
4784
+ --rui-local-background:
4785
+ var(
4786
+ --rui-Button--filled--help--disabled__background
4787
+ , var(--rui-Button--filled--help--default__background)
4788
+ );
4789
+ --rui-local-box-shadow:
4790
+ var(
4791
+ --rui-Button--filled--help--disabled__box-shadow
4792
+ , var(--rui-Button--filled--help--default__box-shadow)
4793
+ );
4794
+ }
4795
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:not(:disabled):hover {
4796
+ --rui-local-color:
4797
+ var(
4798
+ --rui-Button--filled--help--hover__color
4799
+
4800
+ );
4801
+ --rui-local-border-color:
4802
+ var(
4803
+ --rui-Button--filled--help--hover__border-color
4804
+
4805
+ );
4806
+ --rui-local-background:
4807
+ var(
4808
+ --rui-Button--filled--help--hover__background
4809
+
4810
+ );
4811
+ --rui-local-box-shadow:
4812
+ var(
4813
+ --rui-Button--filled--help--hover__box-shadow
4814
+
4815
+ );
4816
+ }
4817
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorHelp__LHCsI048:not(:disabled):active {
4818
+ --rui-local-color:
4819
+ var(
4820
+ --rui-Button--filled--help--active__color
4821
+
4822
+ );
4823
+ --rui-local-border-color:
4824
+ var(
4825
+ --rui-Button--filled--help--active__border-color
4826
+
4827
+ );
4828
+ --rui-local-background:
4829
+ var(
4830
+ --rui-Button--filled--help--active__background
4831
+
4832
+ );
4833
+ --rui-local-box-shadow:
4834
+ var(
4835
+ --rui-Button--filled--help--active__box-shadow
4836
+
4837
+ );
4838
+ }
4839
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e {
4840
+ --rui-local-color:
4841
+ var(
4842
+ --rui-Button--filled--note--default__color
4843
+
4844
+ );
4845
+ --rui-local-border-color:
4846
+ var(
4847
+ --rui-Button--filled--note--default__border-color
4848
+
4849
+ );
4850
+ --rui-local-background:
4851
+ var(
4852
+ --rui-Button--filled--note--default__background
4853
+
4854
+ );
4855
+ --rui-local-box-shadow:
4856
+ var(
4857
+ --rui-Button--filled--note--default__box-shadow
4858
+
4859
+ );
4860
+ }
4861
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:disabled {
4862
+ --rui-local-color:
4863
+ var(
4864
+ --rui-Button--filled--note--disabled__color
4865
+ , var(--rui-Button--filled--note--default__color)
4866
+ );
4867
+ --rui-local-border-color:
4868
+ var(
4869
+ --rui-Button--filled--note--disabled__border-color
4870
+ , var(--rui-Button--filled--note--default__border-color)
4871
+ );
4872
+ --rui-local-background:
4873
+ var(
4874
+ --rui-Button--filled--note--disabled__background
4875
+ , var(--rui-Button--filled--note--default__background)
4876
+ );
4877
+ --rui-local-box-shadow:
4878
+ var(
4879
+ --rui-Button--filled--note--disabled__box-shadow
4880
+ , var(--rui-Button--filled--note--default__box-shadow)
4881
+ );
4882
+ }
4883
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):hover {
4884
+ --rui-local-color:
4885
+ var(
4886
+ --rui-Button--filled--note--hover__color
4887
+
4888
+ );
4889
+ --rui-local-border-color:
4890
+ var(
4891
+ --rui-Button--filled--note--hover__border-color
4892
+
4893
+ );
4894
+ --rui-local-background:
4895
+ var(
4896
+ --rui-Button--filled--note--hover__background
4897
+
4898
+ );
4899
+ --rui-local-box-shadow:
4900
+ var(
4901
+ --rui-Button--filled--note--hover__box-shadow
4902
+
4903
+ );
4904
+ }
4905
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):active {
4906
+ --rui-local-color:
4907
+ var(
4908
+ --rui-Button--filled--note--active__color
4909
+
4910
+ );
4911
+ --rui-local-border-color:
4912
+ var(
4913
+ --rui-Button--filled--note--active__border-color
4914
+
4915
+ );
4916
+ --rui-local-background:
4917
+ var(
4918
+ --rui-Button--filled--note--active__background
4919
+
4920
+ );
4921
+ --rui-local-box-shadow:
4922
+ var(
4923
+ --rui-Button--filled--note--active__box-shadow
4924
+
4925
+ );
4926
+ }
4927
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH {
4928
+ --rui-local-color:
4929
+ var(
4930
+ --rui-Button--filled--light--default__color
4931
+
4932
+ );
4933
+ --rui-local-border-color:
4934
+ var(
4935
+ --rui-Button--filled--light--default__border-color
4936
+
4937
+ );
4938
+ --rui-local-background:
4939
+ var(
4940
+ --rui-Button--filled--light--default__background
4941
+
4942
+ );
4943
+ --rui-local-box-shadow:
4944
+ var(
4945
+ --rui-Button--filled--light--default__box-shadow
4946
+
4947
+ );
4948
+ }
4949
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:disabled {
4950
+ --rui-local-color:
4951
+ var(
4952
+ --rui-Button--filled--light--disabled__color
4953
+ , var(--rui-Button--filled--light--default__color)
4954
+ );
4955
+ --rui-local-border-color:
4956
+ var(
4957
+ --rui-Button--filled--light--disabled__border-color
4958
+ , var(--rui-Button--filled--light--default__border-color)
4959
+ );
4960
+ --rui-local-background:
4961
+ var(
4962
+ --rui-Button--filled--light--disabled__background
4963
+ , var(--rui-Button--filled--light--default__background)
4964
+ );
4965
+ --rui-local-box-shadow:
4966
+ var(
4967
+ --rui-Button--filled--light--disabled__box-shadow
4968
+ , var(--rui-Button--filled--light--default__box-shadow)
4969
+ );
4970
+ }
4971
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):hover {
4972
+ --rui-local-color:
4973
+ var(
4974
+ --rui-Button--filled--light--hover__color
4975
+
4976
+ );
4977
+ --rui-local-border-color:
4978
+ var(
4979
+ --rui-Button--filled--light--hover__border-color
4980
+
4981
+ );
4982
+ --rui-local-background:
4983
+ var(
4984
+ --rui-Button--filled--light--hover__background
4985
+
4986
+ );
4987
+ --rui-local-box-shadow:
4988
+ var(
4989
+ --rui-Button--filled--light--hover__box-shadow
4990
+
4991
+ );
4992
+ }
4993
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):active {
4994
+ --rui-local-color:
4995
+ var(
4996
+ --rui-Button--filled--light--active__color
4997
+
4998
+ );
4999
+ --rui-local-border-color:
5000
+ var(
5001
+ --rui-Button--filled--light--active__border-color
5002
+
5003
+ );
5004
+ --rui-local-background:
5005
+ var(
5006
+ --rui-Button--filled--light--active__background
5007
+
5008
+ );
5009
+ --rui-local-box-shadow:
5010
+ var(
5011
+ --rui-Button--filled--light--active__box-shadow
5012
+
5013
+ );
5014
+ }
5015
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N {
5016
+ --rui-local-color:
5017
+ var(
5018
+ --rui-Button--filled--dark--default__color
5019
+
5020
+ );
5021
+ --rui-local-border-color:
5022
+ var(
5023
+ --rui-Button--filled--dark--default__border-color
5024
+
5025
+ );
5026
+ --rui-local-background:
5027
+ var(
5028
+ --rui-Button--filled--dark--default__background
5029
+
5030
+ );
5031
+ --rui-local-box-shadow:
5032
+ var(
5033
+ --rui-Button--filled--dark--default__box-shadow
5034
+
5035
+ );
5036
+ }
5037
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:disabled {
5038
+ --rui-local-color:
5039
+ var(
5040
+ --rui-Button--filled--dark--disabled__color
5041
+ , var(--rui-Button--filled--dark--default__color)
5042
+ );
5043
+ --rui-local-border-color:
5044
+ var(
5045
+ --rui-Button--filled--dark--disabled__border-color
5046
+ , var(--rui-Button--filled--dark--default__border-color)
5047
+ );
5048
+ --rui-local-background:
5049
+ var(
5050
+ --rui-Button--filled--dark--disabled__background
5051
+ , var(--rui-Button--filled--dark--default__background)
5052
+ );
5053
+ --rui-local-box-shadow:
5054
+ var(
5055
+ --rui-Button--filled--dark--disabled__box-shadow
5056
+ , var(--rui-Button--filled--dark--default__box-shadow)
5057
+ );
5058
+ }
5059
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:not(:disabled):hover {
5060
+ --rui-local-color:
5061
+ var(
5062
+ --rui-Button--filled--dark--hover__color
5063
+
5064
+ );
5065
+ --rui-local-border-color:
5066
+ var(
5067
+ --rui-Button--filled--dark--hover__border-color
5068
+
5069
+ );
5070
+ --rui-local-background:
5071
+ var(
5072
+ --rui-Button--filled--dark--hover__background
5073
+
5074
+ );
5075
+ --rui-local-box-shadow:
5076
+ var(
5077
+ --rui-Button--filled--dark--hover__box-shadow
5078
+
5079
+ );
5080
+ }
5081
+ .Button-module__isRootPriorityFilled__Sh3VpdOh.Button-module__isRootColorDark__u6r8j91N:not(:disabled):active {
5082
+ --rui-local-color:
5083
+ var(
5084
+ --rui-Button--filled--dark--active__color
5085
+
5086
+ );
5087
+ --rui-local-border-color:
5088
+ var(
5089
+ --rui-Button--filled--dark--active__border-color
5090
+
5091
+ );
5092
+ --rui-local-background:
5093
+ var(
5094
+ --rui-Button--filled--dark--active__background
5095
+
5096
+ );
5097
+ --rui-local-box-shadow:
5098
+ var(
5099
+ --rui-Button--filled--dark--active__box-shadow
5100
+
5101
+ );
5102
+ }
5103
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH {
5104
+ --rui-local-color:
5105
+ var(
5106
+ --rui-Button--outline--primary--default__color
5107
+
5108
+ );
5109
+ --rui-local-border-color:
5110
+ var(
5111
+ --rui-Button--outline--primary--default__border-color
5112
+
5113
+ );
5114
+ --rui-local-background:
5115
+ var(
5116
+ --rui-Button--outline--primary--default__background
5117
+
5118
+ );
5119
+ }
5120
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
5121
+ --rui-local-color:
5122
+ var(
5123
+ --rui-Button--outline--primary--disabled__color
5124
+ , var(--rui-Button--outline--primary--default__color)
5125
+ );
5126
+ --rui-local-border-color:
5127
+ var(
5128
+ --rui-Button--outline--primary--disabled__border-color
5129
+ , var(--rui-Button--outline--primary--default__border-color)
5130
+ );
5131
+ --rui-local-background:
5132
+ var(
5133
+ --rui-Button--outline--primary--disabled__background
5134
+ , var(--rui-Button--outline--primary--default__background)
5135
+ );
5136
+ }
5137
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
5138
+ --rui-local-color:
5139
+ var(
5140
+ --rui-Button--outline--primary--hover__color
5141
+
5142
+ );
5143
+ --rui-local-border-color:
5144
+ var(
5145
+ --rui-Button--outline--primary--hover__border-color
5146
+
5147
+ );
5148
+ --rui-local-background:
5149
+ var(
5150
+ --rui-Button--outline--primary--hover__background
5151
+
5152
+ );
5153
+ }
5154
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
5155
+ --rui-local-color:
5156
+ var(
5157
+ --rui-Button--outline--primary--active__color
5158
+
5159
+ );
5160
+ --rui-local-border-color:
5161
+ var(
5162
+ --rui-Button--outline--primary--active__border-color
5163
+
5164
+ );
5165
+ --rui-local-background:
5166
+ var(
5167
+ --rui-Button--outline--primary--active__background
5168
+
5169
+ );
5170
+ }
5171
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj {
5172
+ --rui-local-color:
5173
+ var(
5174
+ --rui-Button--outline--secondary--default__color
5175
+
5176
+ );
5177
+ --rui-local-border-color:
5178
+ var(
5179
+ --rui-Button--outline--secondary--default__border-color
5180
+
5181
+ );
5182
+ --rui-local-background:
5183
+ var(
5184
+ --rui-Button--outline--secondary--default__background
5185
+
5186
+ );
5187
+ }
5188
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:disabled {
5189
+ --rui-local-color:
5190
+ var(
5191
+ --rui-Button--outline--secondary--disabled__color
5192
+ , var(--rui-Button--outline--secondary--default__color)
5193
+ );
5194
+ --rui-local-border-color:
5195
+ var(
5196
+ --rui-Button--outline--secondary--disabled__border-color
5197
+ , var(--rui-Button--outline--secondary--default__border-color)
5198
+ );
5199
+ --rui-local-background:
5200
+ var(
5201
+ --rui-Button--outline--secondary--disabled__background
5202
+ , var(--rui-Button--outline--secondary--default__background)
5203
+ );
5204
+ }
5205
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
5206
+ --rui-local-color:
5207
+ var(
5208
+ --rui-Button--outline--secondary--hover__color
5209
+
5210
+ );
5211
+ --rui-local-border-color:
5212
+ var(
5213
+ --rui-Button--outline--secondary--hover__border-color
5214
+
5215
+ );
5216
+ --rui-local-background:
5217
+ var(
5218
+ --rui-Button--outline--secondary--hover__background
5219
+
5220
+ );
5221
+ }
5222
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
5223
+ --rui-local-color:
5224
+ var(
5225
+ --rui-Button--outline--secondary--active__color
5226
+
5227
+ );
5228
+ --rui-local-border-color:
5229
+ var(
5230
+ --rui-Button--outline--secondary--active__border-color
5231
+
5232
+ );
5233
+ --rui-local-background:
5234
+ var(
5235
+ --rui-Button--outline--secondary--active__background
5236
+
4371
5237
  );
4372
5238
  }
4373
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
4374
- --rui-local-color: var(--rui-Button--outline--secondary--hover__color);
4375
- --rui-local-border-color: var(--rui-Button--outline--secondary--hover__border-color);
4376
- --rui-local-background: var(--rui-Button--outline--secondary--hover__background);
4377
- }
4378
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
4379
- --rui-local-color: var(--rui-Button--outline--secondary--active__color);
4380
- --rui-local-border-color: var(--rui-Button--outline--secondary--active__border-color);
4381
- --rui-local-background: var(--rui-Button--outline--secondary--active__background);
4382
- }
4383
5239
  .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i {
4384
- --rui-local-color: var(--rui-Button--outline--selected--default__color);
4385
- --rui-local-border-color: var(--rui-Button--outline--selected--default__border-color);
4386
- --rui-local-background: var(--rui-Button--outline--selected--default__background);
5240
+ --rui-local-color:
5241
+ var(
5242
+ --rui-Button--outline--selected--default__color
5243
+
5244
+ );
5245
+ --rui-local-border-color:
5246
+ var(
5247
+ --rui-Button--outline--selected--default__border-color
5248
+
5249
+ );
5250
+ --rui-local-background:
5251
+ var(
5252
+ --rui-Button--outline--selected--default__background
5253
+
5254
+ );
5255
+ }
5256
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:disabled {
5257
+ --rui-local-color:
5258
+ var(
5259
+ --rui-Button--outline--selected--disabled__color
5260
+ , var(--rui-Button--outline--selected--default__color)
5261
+ );
5262
+ --rui-local-border-color:
5263
+ var(
5264
+ --rui-Button--outline--selected--disabled__border-color
5265
+ , var(--rui-Button--outline--selected--default__border-color)
5266
+ );
5267
+ --rui-local-background:
5268
+ var(
5269
+ --rui-Button--outline--selected--disabled__background
5270
+ , var(--rui-Button--outline--selected--default__background)
5271
+ );
5272
+ }
5273
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
5274
+ --rui-local-color:
5275
+ var(
5276
+ --rui-Button--outline--selected--hover__color
5277
+
5278
+ );
5279
+ --rui-local-border-color:
5280
+ var(
5281
+ --rui-Button--outline--selected--hover__border-color
5282
+
5283
+ );
5284
+ --rui-local-background:
5285
+ var(
5286
+ --rui-Button--outline--selected--hover__background
5287
+
5288
+ );
5289
+ }
5290
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
5291
+ --rui-local-color:
5292
+ var(
5293
+ --rui-Button--outline--selected--active__color
5294
+
5295
+ );
5296
+ --rui-local-border-color:
5297
+ var(
5298
+ --rui-Button--outline--selected--active__border-color
5299
+
5300
+ );
5301
+ --rui-local-background:
5302
+ var(
5303
+ --rui-Button--outline--selected--active__background
5304
+
5305
+ );
5306
+ }
5307
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5 {
5308
+ --rui-local-color:
5309
+ var(
5310
+ --rui-Button--outline--success--default__color
5311
+
5312
+ );
5313
+ --rui-local-border-color:
5314
+ var(
5315
+ --rui-Button--outline--success--default__border-color
5316
+
5317
+ );
5318
+ --rui-local-background:
5319
+ var(
5320
+ --rui-Button--outline--success--default__background
5321
+
5322
+ );
5323
+ }
5324
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
5325
+ --rui-local-color:
5326
+ var(
5327
+ --rui-Button--outline--success--disabled__color
5328
+ , var(--rui-Button--outline--success--default__color)
5329
+ );
5330
+ --rui-local-border-color:
5331
+ var(
5332
+ --rui-Button--outline--success--disabled__border-color
5333
+ , var(--rui-Button--outline--success--default__border-color)
5334
+ );
5335
+ --rui-local-background:
5336
+ var(
5337
+ --rui-Button--outline--success--disabled__background
5338
+ , var(--rui-Button--outline--success--default__background)
5339
+ );
5340
+ }
5341
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
5342
+ --rui-local-color:
5343
+ var(
5344
+ --rui-Button--outline--success--hover__color
5345
+
5346
+ );
5347
+ --rui-local-border-color:
5348
+ var(
5349
+ --rui-Button--outline--success--hover__border-color
5350
+
5351
+ );
5352
+ --rui-local-background:
5353
+ var(
5354
+ --rui-Button--outline--success--hover__background
5355
+
5356
+ );
5357
+ }
5358
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
5359
+ --rui-local-color:
5360
+ var(
5361
+ --rui-Button--outline--success--active__color
5362
+
5363
+ );
5364
+ --rui-local-border-color:
5365
+ var(
5366
+ --rui-Button--outline--success--active__border-color
5367
+
5368
+ );
5369
+ --rui-local-background:
5370
+ var(
5371
+ --rui-Button--outline--success--active__background
5372
+
5373
+ );
5374
+ }
5375
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H {
5376
+ --rui-local-color:
5377
+ var(
5378
+ --rui-Button--outline--warning--default__color
5379
+
5380
+ );
5381
+ --rui-local-border-color:
5382
+ var(
5383
+ --rui-Button--outline--warning--default__border-color
5384
+
5385
+ );
5386
+ --rui-local-background:
5387
+ var(
5388
+ --rui-Button--outline--warning--default__background
5389
+
5390
+ );
5391
+ }
5392
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:disabled {
5393
+ --rui-local-color:
5394
+ var(
5395
+ --rui-Button--outline--warning--disabled__color
5396
+ , var(--rui-Button--outline--warning--default__color)
5397
+ );
5398
+ --rui-local-border-color:
5399
+ var(
5400
+ --rui-Button--outline--warning--disabled__border-color
5401
+ , var(--rui-Button--outline--warning--default__border-color)
5402
+ );
5403
+ --rui-local-background:
5404
+ var(
5405
+ --rui-Button--outline--warning--disabled__background
5406
+ , var(--rui-Button--outline--warning--default__background)
5407
+ );
5408
+ }
5409
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
5410
+ --rui-local-color:
5411
+ var(
5412
+ --rui-Button--outline--warning--hover__color
5413
+
5414
+ );
5415
+ --rui-local-border-color:
5416
+ var(
5417
+ --rui-Button--outline--warning--hover__border-color
5418
+
5419
+ );
5420
+ --rui-local-background:
5421
+ var(
5422
+ --rui-Button--outline--warning--hover__background
5423
+
5424
+ );
5425
+ }
5426
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
5427
+ --rui-local-color:
5428
+ var(
5429
+ --rui-Button--outline--warning--active__color
5430
+
5431
+ );
5432
+ --rui-local-border-color:
5433
+ var(
5434
+ --rui-Button--outline--warning--active__border-color
5435
+
5436
+ );
5437
+ --rui-local-background:
5438
+ var(
5439
+ --rui-Button--outline--warning--active__background
5440
+
5441
+ );
5442
+ }
5443
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf {
5444
+ --rui-local-color:
5445
+ var(
5446
+ --rui-Button--outline--danger--default__color
5447
+
5448
+ );
5449
+ --rui-local-border-color:
5450
+ var(
5451
+ --rui-Button--outline--danger--default__border-color
5452
+
5453
+ );
5454
+ --rui-local-background:
5455
+ var(
5456
+ --rui-Button--outline--danger--default__background
5457
+
5458
+ );
5459
+ }
5460
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:disabled {
5461
+ --rui-local-color:
5462
+ var(
5463
+ --rui-Button--outline--danger--disabled__color
5464
+ , var(--rui-Button--outline--danger--default__color)
5465
+ );
5466
+ --rui-local-border-color:
5467
+ var(
5468
+ --rui-Button--outline--danger--disabled__border-color
5469
+ , var(--rui-Button--outline--danger--default__border-color)
5470
+ );
5471
+ --rui-local-background:
5472
+ var(
5473
+ --rui-Button--outline--danger--disabled__background
5474
+ , var(--rui-Button--outline--danger--default__background)
5475
+ );
5476
+ }
5477
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
5478
+ --rui-local-color:
5479
+ var(
5480
+ --rui-Button--outline--danger--hover__color
5481
+
5482
+ );
5483
+ --rui-local-border-color:
5484
+ var(
5485
+ --rui-Button--outline--danger--hover__border-color
5486
+
5487
+ );
5488
+ --rui-local-background:
5489
+ var(
5490
+ --rui-Button--outline--danger--hover__background
5491
+
5492
+ );
5493
+ }
5494
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
5495
+ --rui-local-color:
5496
+ var(
5497
+ --rui-Button--outline--danger--active__color
5498
+
5499
+ );
5500
+ --rui-local-border-color:
5501
+ var(
5502
+ --rui-Button--outline--danger--active__border-color
5503
+
5504
+ );
5505
+ --rui-local-background:
5506
+ var(
5507
+ --rui-Button--outline--danger--active__background
5508
+
5509
+ );
5510
+ }
5511
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci {
5512
+ --rui-local-color:
5513
+ var(
5514
+ --rui-Button--outline--info--default__color
5515
+
5516
+ );
5517
+ --rui-local-border-color:
5518
+ var(
5519
+ --rui-Button--outline--info--default__border-color
5520
+
5521
+ );
5522
+ --rui-local-background:
5523
+ var(
5524
+ --rui-Button--outline--info--default__background
5525
+
5526
+ );
5527
+ }
5528
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
5529
+ --rui-local-color:
5530
+ var(
5531
+ --rui-Button--outline--info--disabled__color
5532
+ , var(--rui-Button--outline--info--default__color)
5533
+ );
5534
+ --rui-local-border-color:
5535
+ var(
5536
+ --rui-Button--outline--info--disabled__border-color
5537
+ , var(--rui-Button--outline--info--default__border-color)
5538
+ );
5539
+ --rui-local-background:
5540
+ var(
5541
+ --rui-Button--outline--info--disabled__background
5542
+ , var(--rui-Button--outline--info--default__background)
5543
+ );
5544
+ }
5545
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
5546
+ --rui-local-color:
5547
+ var(
5548
+ --rui-Button--outline--info--hover__color
5549
+
5550
+ );
5551
+ --rui-local-border-color:
5552
+ var(
5553
+ --rui-Button--outline--info--hover__border-color
5554
+
5555
+ );
5556
+ --rui-local-background:
5557
+ var(
5558
+ --rui-Button--outline--info--hover__background
5559
+
5560
+ );
5561
+ }
5562
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
5563
+ --rui-local-color:
5564
+ var(
5565
+ --rui-Button--outline--info--active__color
5566
+
5567
+ );
5568
+ --rui-local-border-color:
5569
+ var(
5570
+ --rui-Button--outline--info--active__border-color
5571
+
5572
+ );
5573
+ --rui-local-background:
5574
+ var(
5575
+ --rui-Button--outline--info--active__background
5576
+
5577
+ );
5578
+ }
5579
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048 {
5580
+ --rui-local-color:
5581
+ var(
5582
+ --rui-Button--outline--help--default__color
5583
+
5584
+ );
5585
+ --rui-local-border-color:
5586
+ var(
5587
+ --rui-Button--outline--help--default__border-color
5588
+
5589
+ );
5590
+ --rui-local-background:
5591
+ var(
5592
+ --rui-Button--outline--help--default__background
5593
+
5594
+ );
5595
+ }
5596
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:disabled {
5597
+ --rui-local-color:
5598
+ var(
5599
+ --rui-Button--outline--help--disabled__color
5600
+ , var(--rui-Button--outline--help--default__color)
5601
+ );
5602
+ --rui-local-border-color:
5603
+ var(
5604
+ --rui-Button--outline--help--disabled__border-color
5605
+ , var(--rui-Button--outline--help--default__border-color)
5606
+ );
5607
+ --rui-local-background:
5608
+ var(
5609
+ --rui-Button--outline--help--disabled__background
5610
+ , var(--rui-Button--outline--help--default__background)
5611
+ );
5612
+ }
5613
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:not(:disabled):hover {
5614
+ --rui-local-color:
5615
+ var(
5616
+ --rui-Button--outline--help--hover__color
5617
+
5618
+ );
5619
+ --rui-local-border-color:
5620
+ var(
5621
+ --rui-Button--outline--help--hover__border-color
5622
+
5623
+ );
5624
+ --rui-local-background:
5625
+ var(
5626
+ --rui-Button--outline--help--hover__background
5627
+
5628
+ );
4387
5629
  }
4388
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:disabled {
5630
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:not(:disabled):active {
4389
5631
  --rui-local-color:
4390
5632
  var(
4391
- --rui-Button--outline--selected--disabled__color,
4392
- var(--rui-Button--outline--selected--default__color)
5633
+ --rui-Button--outline--help--active__color
5634
+
4393
5635
  );
4394
5636
  --rui-local-border-color:
4395
5637
  var(
4396
- --rui-Button--outline--selected--disabled__border-color,
4397
- var(--rui-Button--outline--selected--default__border-color)
5638
+ --rui-Button--outline--help--active__border-color
5639
+
4398
5640
  );
4399
5641
  --rui-local-background:
4400
5642
  var(
4401
- --rui-Button--outline--selected--disabled__background,
4402
- var(--rui-Button--outline--selected--default__background)
5643
+ --rui-Button--outline--help--active__background
5644
+
4403
5645
  );
4404
5646
  }
4405
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
4406
- --rui-local-color: var(--rui-Button--outline--selected--hover__color);
4407
- --rui-local-border-color: var(--rui-Button--outline--selected--hover__border-color);
4408
- --rui-local-background: var(--rui-Button--outline--selected--hover__background);
4409
- }
4410
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
4411
- --rui-local-color: var(--rui-Button--outline--selected--active__color);
4412
- --rui-local-border-color: var(--rui-Button--outline--selected--active__border-color);
4413
- --rui-local-background: var(--rui-Button--outline--selected--active__background);
4414
- }
4415
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5 {
4416
- --rui-local-color: var(--rui-Button--outline--success--default__color);
4417
- --rui-local-border-color: var(--rui-Button--outline--success--default__border-color);
4418
- --rui-local-background: var(--rui-Button--outline--success--default__background);
4419
- }
4420
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
5647
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e {
4421
5648
  --rui-local-color:
4422
5649
  var(
4423
- --rui-Button--outline--success--disabled__color,
4424
- var(--rui-Button--outline--success--default__color)
5650
+ --rui-Button--outline--note--default__color
5651
+
4425
5652
  );
4426
5653
  --rui-local-border-color:
4427
5654
  var(
4428
- --rui-Button--outline--success--disabled__border-color,
4429
- var(--rui-Button--outline--success--default__border-color)
5655
+ --rui-Button--outline--note--default__border-color
5656
+
4430
5657
  );
4431
5658
  --rui-local-background:
4432
5659
  var(
4433
- --rui-Button--outline--success--disabled__background,
4434
- var(--rui-Button--outline--success--default__background)
5660
+ --rui-Button--outline--note--default__background
5661
+
4435
5662
  );
4436
5663
  }
4437
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
4438
- --rui-local-color: var(--rui-Button--outline--success--hover__color);
4439
- --rui-local-border-color: var(--rui-Button--outline--success--hover__border-color);
4440
- --rui-local-background: var(--rui-Button--outline--success--hover__background);
4441
- }
4442
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
4443
- --rui-local-color: var(--rui-Button--outline--success--active__color);
4444
- --rui-local-border-color: var(--rui-Button--outline--success--active__border-color);
4445
- --rui-local-background: var(--rui-Button--outline--success--active__background);
5664
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:disabled {
5665
+ --rui-local-color:
5666
+ var(
5667
+ --rui-Button--outline--note--disabled__color
5668
+ , var(--rui-Button--outline--note--default__color)
5669
+ );
5670
+ --rui-local-border-color:
5671
+ var(
5672
+ --rui-Button--outline--note--disabled__border-color
5673
+ , var(--rui-Button--outline--note--default__border-color)
5674
+ );
5675
+ --rui-local-background:
5676
+ var(
5677
+ --rui-Button--outline--note--disabled__background
5678
+ , var(--rui-Button--outline--note--default__background)
5679
+ );
4446
5680
  }
4447
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H {
4448
- --rui-local-color: var(--rui-Button--outline--warning--default__color);
4449
- --rui-local-border-color: var(--rui-Button--outline--warning--default__border-color);
4450
- --rui-local-background: var(--rui-Button--outline--warning--default__background);
5681
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):hover {
5682
+ --rui-local-color:
5683
+ var(
5684
+ --rui-Button--outline--note--hover__color
5685
+
5686
+ );
5687
+ --rui-local-border-color:
5688
+ var(
5689
+ --rui-Button--outline--note--hover__border-color
5690
+
5691
+ );
5692
+ --rui-local-background:
5693
+ var(
5694
+ --rui-Button--outline--note--hover__background
5695
+
5696
+ );
4451
5697
  }
4452
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:disabled {
5698
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):active {
4453
5699
  --rui-local-color:
4454
5700
  var(
4455
- --rui-Button--outline--warning--disabled__color,
4456
- var(--rui-Button--outline--warning--default__color)
5701
+ --rui-Button--outline--note--active__color
5702
+
4457
5703
  );
4458
5704
  --rui-local-border-color:
4459
5705
  var(
4460
- --rui-Button--outline--warning--disabled__border-color,
4461
- var(--rui-Button--outline--warning--default__border-color)
5706
+ --rui-Button--outline--note--active__border-color
5707
+
4462
5708
  );
4463
5709
  --rui-local-background:
4464
5710
  var(
4465
- --rui-Button--outline--warning--disabled__background,
4466
- var(--rui-Button--outline--warning--default__background)
5711
+ --rui-Button--outline--note--active__background
5712
+
4467
5713
  );
4468
5714
  }
4469
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
4470
- --rui-local-color: var(--rui-Button--outline--warning--hover__color);
4471
- --rui-local-border-color: var(--rui-Button--outline--warning--hover__border-color);
4472
- --rui-local-background: var(--rui-Button--outline--warning--hover__background);
5715
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH {
5716
+ --rui-local-color:
5717
+ var(
5718
+ --rui-Button--outline--light--default__color
5719
+
5720
+ );
5721
+ --rui-local-border-color:
5722
+ var(
5723
+ --rui-Button--outline--light--default__border-color
5724
+
5725
+ );
5726
+ --rui-local-background:
5727
+ var(
5728
+ --rui-Button--outline--light--default__background
5729
+
5730
+ );
4473
5731
  }
4474
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
4475
- --rui-local-color: var(--rui-Button--outline--warning--active__color);
4476
- --rui-local-border-color: var(--rui-Button--outline--warning--active__border-color);
4477
- --rui-local-background: var(--rui-Button--outline--warning--active__background);
5732
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:disabled {
5733
+ --rui-local-color:
5734
+ var(
5735
+ --rui-Button--outline--light--disabled__color
5736
+ , var(--rui-Button--outline--light--default__color)
5737
+ );
5738
+ --rui-local-border-color:
5739
+ var(
5740
+ --rui-Button--outline--light--disabled__border-color
5741
+ , var(--rui-Button--outline--light--default__border-color)
5742
+ );
5743
+ --rui-local-background:
5744
+ var(
5745
+ --rui-Button--outline--light--disabled__background
5746
+ , var(--rui-Button--outline--light--default__background)
5747
+ );
4478
5748
  }
4479
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf {
4480
- --rui-local-color: var(--rui-Button--outline--danger--default__color);
4481
- --rui-local-border-color: var(--rui-Button--outline--danger--default__border-color);
4482
- --rui-local-background: var(--rui-Button--outline--danger--default__background);
5749
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):hover {
5750
+ --rui-local-color:
5751
+ var(
5752
+ --rui-Button--outline--light--hover__color
5753
+
5754
+ );
5755
+ --rui-local-border-color:
5756
+ var(
5757
+ --rui-Button--outline--light--hover__border-color
5758
+
5759
+ );
5760
+ --rui-local-background:
5761
+ var(
5762
+ --rui-Button--outline--light--hover__background
5763
+
5764
+ );
4483
5765
  }
4484
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:disabled {
5766
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):active {
4485
5767
  --rui-local-color:
4486
5768
  var(
4487
- --rui-Button--outline--danger--disabled__color,
4488
- var(--rui-Button--outline--danger--default__color)
5769
+ --rui-Button--outline--light--active__color
5770
+
4489
5771
  );
4490
5772
  --rui-local-border-color:
4491
5773
  var(
4492
- --rui-Button--outline--danger--disabled__border-color,
4493
- var(--rui-Button--outline--danger--default__border-color)
5774
+ --rui-Button--outline--light--active__border-color
5775
+
4494
5776
  );
4495
5777
  --rui-local-background:
4496
5778
  var(
4497
- --rui-Button--outline--danger--disabled__background,
4498
- var(--rui-Button--outline--danger--default__background)
5779
+ --rui-Button--outline--light--active__background
5780
+
4499
5781
  );
4500
5782
  }
4501
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
4502
- --rui-local-color: var(--rui-Button--outline--danger--hover__color);
4503
- --rui-local-border-color: var(--rui-Button--outline--danger--hover__border-color);
4504
- --rui-local-background: var(--rui-Button--outline--danger--hover__background);
5783
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N {
5784
+ --rui-local-color:
5785
+ var(
5786
+ --rui-Button--outline--dark--default__color
5787
+
5788
+ );
5789
+ --rui-local-border-color:
5790
+ var(
5791
+ --rui-Button--outline--dark--default__border-color
5792
+
5793
+ );
5794
+ --rui-local-background:
5795
+ var(
5796
+ --rui-Button--outline--dark--default__background
5797
+
5798
+ );
4505
5799
  }
4506
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
4507
- --rui-local-color: var(--rui-Button--outline--danger--active__color);
4508
- --rui-local-border-color: var(--rui-Button--outline--danger--active__border-color);
4509
- --rui-local-background: var(--rui-Button--outline--danger--active__background);
5800
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:disabled {
5801
+ --rui-local-color:
5802
+ var(
5803
+ --rui-Button--outline--dark--disabled__color
5804
+ , var(--rui-Button--outline--dark--default__color)
5805
+ );
5806
+ --rui-local-border-color:
5807
+ var(
5808
+ --rui-Button--outline--dark--disabled__border-color
5809
+ , var(--rui-Button--outline--dark--default__border-color)
5810
+ );
5811
+ --rui-local-background:
5812
+ var(
5813
+ --rui-Button--outline--dark--disabled__background
5814
+ , var(--rui-Button--outline--dark--default__background)
5815
+ );
4510
5816
  }
4511
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048 {
4512
- --rui-local-color: var(--rui-Button--outline--help--default__color);
4513
- --rui-local-border-color: var(--rui-Button--outline--help--default__border-color);
4514
- --rui-local-background: var(--rui-Button--outline--help--default__background);
5817
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:not(:disabled):hover {
5818
+ --rui-local-color:
5819
+ var(
5820
+ --rui-Button--outline--dark--hover__color
5821
+
5822
+ );
5823
+ --rui-local-border-color:
5824
+ var(
5825
+ --rui-Button--outline--dark--hover__border-color
5826
+
5827
+ );
5828
+ --rui-local-background:
5829
+ var(
5830
+ --rui-Button--outline--dark--hover__background
5831
+
5832
+ );
4515
5833
  }
4516
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:disabled {
5834
+ .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:not(:disabled):active {
4517
5835
  --rui-local-color:
4518
5836
  var(
4519
- --rui-Button--outline--help--disabled__color,
4520
- var(--rui-Button--outline--help--default__color)
5837
+ --rui-Button--outline--dark--active__color
5838
+
4521
5839
  );
4522
5840
  --rui-local-border-color:
4523
5841
  var(
4524
- --rui-Button--outline--help--disabled__border-color,
4525
- var(--rui-Button--outline--help--default__border-color)
5842
+ --rui-Button--outline--dark--active__border-color
5843
+
4526
5844
  );
4527
5845
  --rui-local-background:
4528
5846
  var(
4529
- --rui-Button--outline--help--disabled__background,
4530
- var(--rui-Button--outline--help--default__background)
5847
+ --rui-Button--outline--dark--active__background
5848
+
4531
5849
  );
4532
5850
  }
4533
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:not(:disabled):hover {
4534
- --rui-local-color: var(--rui-Button--outline--help--hover__color);
4535
- --rui-local-border-color: var(--rui-Button--outline--help--hover__border-color);
4536
- --rui-local-background: var(--rui-Button--outline--help--hover__background);
5851
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH {
5852
+ --rui-local-color:
5853
+ var(
5854
+ --rui-Button--flat--primary--default__color
5855
+
5856
+ );
5857
+ --rui-local-background:
5858
+ var(
5859
+ --rui-Button--flat--primary--default__background
5860
+
5861
+ );
4537
5862
  }
4538
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorHelp__LHCsI048:not(:disabled):active {
4539
- --rui-local-color: var(--rui-Button--outline--help--active__color);
4540
- --rui-local-border-color: var(--rui-Button--outline--help--active__border-color);
4541
- --rui-local-background: var(--rui-Button--outline--help--active__background);
5863
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
5864
+ --rui-local-color:
5865
+ var(
5866
+ --rui-Button--flat--primary--disabled__color
5867
+ , var(--rui-Button--flat--primary--default__color)
5868
+ );
5869
+ --rui-local-background:
5870
+ var(
5871
+ --rui-Button--flat--primary--disabled__background
5872
+ , var(--rui-Button--flat--primary--default__background)
5873
+ );
4542
5874
  }
4543
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci {
4544
- --rui-local-color: var(--rui-Button--outline--info--default__color);
4545
- --rui-local-border-color: var(--rui-Button--outline--info--default__border-color);
4546
- --rui-local-background: var(--rui-Button--outline--info--default__background);
5875
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
5876
+ --rui-local-color:
5877
+ var(
5878
+ --rui-Button--flat--primary--hover__color
5879
+
5880
+ );
5881
+ --rui-local-background:
5882
+ var(
5883
+ --rui-Button--flat--primary--hover__background
5884
+
5885
+ );
4547
5886
  }
4548
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
5887
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
4549
5888
  --rui-local-color:
4550
5889
  var(
4551
- --rui-Button--outline--info--disabled__color,
4552
- var(--rui-Button--outline--info--default__color)
5890
+ --rui-Button--flat--primary--active__color
5891
+
4553
5892
  );
4554
- --rui-local-border-color:
5893
+ --rui-local-background:
5894
+ var(
5895
+ --rui-Button--flat--primary--active__background
5896
+
5897
+ );
5898
+ }
5899
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj {
5900
+ --rui-local-color:
4555
5901
  var(
4556
- --rui-Button--outline--info--disabled__border-color,
4557
- var(--rui-Button--outline--info--default__border-color)
5902
+ --rui-Button--flat--secondary--default__color
5903
+
4558
5904
  );
4559
5905
  --rui-local-background:
4560
5906
  var(
4561
- --rui-Button--outline--info--disabled__background,
4562
- var(--rui-Button--outline--info--default__background)
5907
+ --rui-Button--flat--secondary--default__background
5908
+
4563
5909
  );
4564
5910
  }
4565
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
4566
- --rui-local-color: var(--rui-Button--outline--info--hover__color);
4567
- --rui-local-border-color: var(--rui-Button--outline--info--hover__border-color);
4568
- --rui-local-background: var(--rui-Button--outline--info--hover__background);
5911
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:disabled {
5912
+ --rui-local-color:
5913
+ var(
5914
+ --rui-Button--flat--secondary--disabled__color
5915
+ , var(--rui-Button--flat--secondary--default__color)
5916
+ );
5917
+ --rui-local-background:
5918
+ var(
5919
+ --rui-Button--flat--secondary--disabled__background
5920
+ , var(--rui-Button--flat--secondary--default__background)
5921
+ );
4569
5922
  }
4570
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
4571
- --rui-local-color: var(--rui-Button--outline--info--active__color);
4572
- --rui-local-border-color: var(--rui-Button--outline--info--active__border-color);
4573
- --rui-local-background: var(--rui-Button--outline--info--active__background);
5923
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
5924
+ --rui-local-color:
5925
+ var(
5926
+ --rui-Button--flat--secondary--hover__color
5927
+
5928
+ );
5929
+ --rui-local-background:
5930
+ var(
5931
+ --rui-Button--flat--secondary--hover__background
5932
+
5933
+ );
4574
5934
  }
4575
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e {
4576
- --rui-local-color: var(--rui-Button--outline--note--default__color);
4577
- --rui-local-border-color: var(--rui-Button--outline--note--default__border-color);
4578
- --rui-local-background: var(--rui-Button--outline--note--default__background);
5935
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
5936
+ --rui-local-color:
5937
+ var(
5938
+ --rui-Button--flat--secondary--active__color
5939
+
5940
+ );
5941
+ --rui-local-background:
5942
+ var(
5943
+ --rui-Button--flat--secondary--active__background
5944
+
5945
+ );
4579
5946
  }
4580
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:disabled {
5947
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i {
4581
5948
  --rui-local-color:
4582
5949
  var(
4583
- --rui-Button--outline--note--disabled__color,
4584
- var(--rui-Button--outline--note--default__color)
5950
+ --rui-Button--flat--selected--default__color
5951
+
4585
5952
  );
4586
- --rui-local-border-color:
5953
+ --rui-local-background:
5954
+ var(
5955
+ --rui-Button--flat--selected--default__background
5956
+
5957
+ );
5958
+ }
5959
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:disabled {
5960
+ --rui-local-color:
4587
5961
  var(
4588
- --rui-Button--outline--note--disabled__border-color,
4589
- var(--rui-Button--outline--note--default__border-color)
5962
+ --rui-Button--flat--selected--disabled__color
5963
+ , var(--rui-Button--flat--selected--default__color)
4590
5964
  );
4591
5965
  --rui-local-background:
4592
5966
  var(
4593
- --rui-Button--outline--note--disabled__background,
4594
- var(--rui-Button--outline--note--default__background)
5967
+ --rui-Button--flat--selected--disabled__background
5968
+ , var(--rui-Button--flat--selected--default__background)
4595
5969
  );
4596
5970
  }
4597
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):hover {
4598
- --rui-local-color: var(--rui-Button--outline--note--hover__color);
4599
- --rui-local-border-color: var(--rui-Button--outline--note--hover__border-color);
4600
- --rui-local-background: var(--rui-Button--outline--note--hover__background);
5971
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
5972
+ --rui-local-color:
5973
+ var(
5974
+ --rui-Button--flat--selected--hover__color
5975
+
5976
+ );
5977
+ --rui-local-background:
5978
+ var(
5979
+ --rui-Button--flat--selected--hover__background
5980
+
5981
+ );
4601
5982
  }
4602
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):active {
4603
- --rui-local-color: var(--rui-Button--outline--note--active__color);
4604
- --rui-local-border-color: var(--rui-Button--outline--note--active__border-color);
4605
- --rui-local-background: var(--rui-Button--outline--note--active__background);
5983
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
5984
+ --rui-local-color:
5985
+ var(
5986
+ --rui-Button--flat--selected--active__color
5987
+
5988
+ );
5989
+ --rui-local-background:
5990
+ var(
5991
+ --rui-Button--flat--selected--active__background
5992
+
5993
+ );
4606
5994
  }
4607
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH {
4608
- --rui-local-color: var(--rui-Button--outline--light--default__color);
4609
- --rui-local-border-color: var(--rui-Button--outline--light--default__border-color);
4610
- --rui-local-background: var(--rui-Button--outline--light--default__background);
5995
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5 {
5996
+ --rui-local-color:
5997
+ var(
5998
+ --rui-Button--flat--success--default__color
5999
+
6000
+ );
6001
+ --rui-local-background:
6002
+ var(
6003
+ --rui-Button--flat--success--default__background
6004
+
6005
+ );
4611
6006
  }
4612
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:disabled {
6007
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
4613
6008
  --rui-local-color:
4614
6009
  var(
4615
- --rui-Button--outline--light--disabled__color,
4616
- var(--rui-Button--outline--light--default__color)
6010
+ --rui-Button--flat--success--disabled__color
6011
+ , var(--rui-Button--flat--success--default__color)
4617
6012
  );
4618
- --rui-local-border-color:
6013
+ --rui-local-background:
6014
+ var(
6015
+ --rui-Button--flat--success--disabled__background
6016
+ , var(--rui-Button--flat--success--default__background)
6017
+ );
6018
+ }
6019
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
6020
+ --rui-local-color:
4619
6021
  var(
4620
- --rui-Button--outline--light--disabled__border-color,
4621
- var(--rui-Button--outline--light--default__border-color)
6022
+ --rui-Button--flat--success--hover__color
6023
+
4622
6024
  );
4623
6025
  --rui-local-background:
4624
6026
  var(
4625
- --rui-Button--outline--light--disabled__background,
4626
- var(--rui-Button--outline--light--default__background)
6027
+ --rui-Button--flat--success--hover__background
6028
+
4627
6029
  );
4628
6030
  }
4629
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):hover {
4630
- --rui-local-color: var(--rui-Button--outline--light--hover__color);
4631
- --rui-local-border-color: var(--rui-Button--outline--light--hover__border-color);
4632
- --rui-local-background: var(--rui-Button--outline--light--hover__background);
6031
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
6032
+ --rui-local-color:
6033
+ var(
6034
+ --rui-Button--flat--success--active__color
6035
+
6036
+ );
6037
+ --rui-local-background:
6038
+ var(
6039
+ --rui-Button--flat--success--active__background
6040
+
6041
+ );
4633
6042
  }
4634
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):active {
4635
- --rui-local-color: var(--rui-Button--outline--light--active__color);
4636
- --rui-local-border-color: var(--rui-Button--outline--light--active__border-color);
4637
- --rui-local-background: var(--rui-Button--outline--light--active__background);
6043
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H {
6044
+ --rui-local-color:
6045
+ var(
6046
+ --rui-Button--flat--warning--default__color
6047
+
6048
+ );
6049
+ --rui-local-background:
6050
+ var(
6051
+ --rui-Button--flat--warning--default__background
6052
+
6053
+ );
4638
6054
  }
4639
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N {
4640
- --rui-local-color: var(--rui-Button--outline--dark--default__color);
4641
- --rui-local-border-color: var(--rui-Button--outline--dark--default__border-color);
4642
- --rui-local-background: var(--rui-Button--outline--dark--default__background);
6055
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:disabled {
6056
+ --rui-local-color:
6057
+ var(
6058
+ --rui-Button--flat--warning--disabled__color
6059
+ , var(--rui-Button--flat--warning--default__color)
6060
+ );
6061
+ --rui-local-background:
6062
+ var(
6063
+ --rui-Button--flat--warning--disabled__background
6064
+ , var(--rui-Button--flat--warning--default__background)
6065
+ );
4643
6066
  }
4644
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:disabled {
6067
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
4645
6068
  --rui-local-color:
4646
6069
  var(
4647
- --rui-Button--outline--dark--disabled__color,
4648
- var(--rui-Button--outline--dark--default__color)
6070
+ --rui-Button--flat--warning--hover__color
6071
+
4649
6072
  );
4650
- --rui-local-border-color:
6073
+ --rui-local-background:
6074
+ var(
6075
+ --rui-Button--flat--warning--hover__background
6076
+
6077
+ );
6078
+ }
6079
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
6080
+ --rui-local-color:
6081
+ var(
6082
+ --rui-Button--flat--warning--active__color
6083
+
6084
+ );
6085
+ --rui-local-background:
6086
+ var(
6087
+ --rui-Button--flat--warning--active__background
6088
+
6089
+ );
6090
+ }
6091
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf {
6092
+ --rui-local-color:
6093
+ var(
6094
+ --rui-Button--flat--danger--default__color
6095
+
6096
+ );
6097
+ --rui-local-background:
6098
+ var(
6099
+ --rui-Button--flat--danger--default__background
6100
+
6101
+ );
6102
+ }
6103
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:disabled {
6104
+ --rui-local-color:
4651
6105
  var(
4652
- --rui-Button--outline--dark--disabled__border-color,
4653
- var(--rui-Button--outline--dark--default__border-color)
6106
+ --rui-Button--flat--danger--disabled__color
6107
+ , var(--rui-Button--flat--danger--default__color)
4654
6108
  );
4655
6109
  --rui-local-background:
4656
6110
  var(
4657
- --rui-Button--outline--dark--disabled__background,
4658
- var(--rui-Button--outline--dark--default__background)
6111
+ --rui-Button--flat--danger--disabled__background
6112
+ , var(--rui-Button--flat--danger--default__background)
4659
6113
  );
4660
6114
  }
4661
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:not(:disabled):hover {
4662
- --rui-local-color: var(--rui-Button--outline--dark--hover__color);
4663
- --rui-local-border-color: var(--rui-Button--outline--dark--hover__border-color);
4664
- --rui-local-background: var(--rui-Button--outline--dark--hover__background);
4665
- }
4666
- .Button-module__isRootPriorityOutline__hwyWG5PU.Button-module__isRootColorDark__u6r8j91N:not(:disabled):active {
4667
- --rui-local-color: var(--rui-Button--outline--dark--active__color);
4668
- --rui-local-border-color: var(--rui-Button--outline--dark--active__border-color);
4669
- --rui-local-background: var(--rui-Button--outline--dark--active__background);
4670
- }
4671
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH {
4672
- --rui-local-color: var(--rui-Button--flat--primary--default__color);
4673
- --rui-local-background: var(--rui-Button--flat--primary--default__background);
4674
- }
4675
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:disabled {
6115
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
4676
6116
  --rui-local-color:
4677
6117
  var(
4678
- --rui-Button--flat--primary--disabled__color,
4679
- var(--rui-Button--flat--primary--default__color)
6118
+ --rui-Button--flat--danger--hover__color
6119
+
4680
6120
  );
4681
6121
  --rui-local-background:
4682
6122
  var(
4683
- --rui-Button--flat--primary--disabled__background,
4684
- var(--rui-Button--flat--primary--default__background)
6123
+ --rui-Button--flat--danger--hover__background
6124
+
4685
6125
  );
4686
6126
  }
4687
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):hover {
4688
- --rui-local-color: var(--rui-Button--flat--primary--hover__color);
4689
- --rui-local-background: var(--rui-Button--flat--primary--hover__background);
4690
- }
4691
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorPrimary__EGtPZ8JH:not(:disabled):active {
4692
- --rui-local-color: var(--rui-Button--flat--primary--active__color);
4693
- --rui-local-background: var(--rui-Button--flat--primary--active__background);
4694
- }
4695
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj {
4696
- --rui-local-color: var(--rui-Button--flat--secondary--default__color);
4697
- --rui-local-background: var(--rui-Button--flat--secondary--default__background);
4698
- }
4699
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:disabled {
6127
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
4700
6128
  --rui-local-color:
4701
6129
  var(
4702
- --rui-Button--flat--secondary--disabled__color,
4703
- var(--rui-Button--flat--secondary--default__color)
6130
+ --rui-Button--flat--danger--active__color
6131
+
4704
6132
  );
4705
6133
  --rui-local-background:
4706
6134
  var(
4707
- --rui-Button--flat--secondary--disabled__background,
4708
- var(--rui-Button--flat--secondary--default__background)
6135
+ --rui-Button--flat--danger--active__background
6136
+
4709
6137
  );
4710
6138
  }
4711
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):hover {
4712
- --rui-local-color: var(--rui-Button--flat--secondary--hover__color);
4713
- --rui-local-background: var(--rui-Button--flat--secondary--hover__background);
4714
- }
4715
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSecondary__oX5RxITj:not(:disabled):active {
4716
- --rui-local-color: var(--rui-Button--flat--secondary--active__color);
4717
- --rui-local-background: var(--rui-Button--flat--secondary--active__background);
4718
- }
4719
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i {
4720
- --rui-local-color: var(--rui-Button--flat--selected--default__color);
4721
- --rui-local-background: var(--rui-Button--flat--selected--default__background);
4722
- }
4723
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:disabled {
6139
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci {
4724
6140
  --rui-local-color:
4725
6141
  var(
4726
- --rui-Button--flat--selected--disabled__color,
4727
- var(--rui-Button--flat--selected--default__color)
6142
+ --rui-Button--flat--info--default__color
6143
+
4728
6144
  );
4729
6145
  --rui-local-background:
4730
6146
  var(
4731
- --rui-Button--flat--selected--disabled__background,
4732
- var(--rui-Button--flat--selected--default__background)
6147
+ --rui-Button--flat--info--default__background
6148
+
4733
6149
  );
4734
6150
  }
4735
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:not(:disabled):hover {
4736
- --rui-local-color: var(--rui-Button--flat--selected--hover__color);
4737
- --rui-local-background: var(--rui-Button--flat--selected--hover__background);
4738
- }
4739
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSelected__driIG97i:not(:disabled):active {
4740
- --rui-local-color: var(--rui-Button--flat--selected--active__color);
4741
- --rui-local-background: var(--rui-Button--flat--selected--active__background);
4742
- }
4743
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5 {
4744
- --rui-local-color: var(--rui-Button--flat--success--default__color);
4745
- --rui-local-background: var(--rui-Button--flat--success--default__background);
4746
- }
4747
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:disabled {
6151
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
4748
6152
  --rui-local-color:
4749
6153
  var(
4750
- --rui-Button--flat--success--disabled__color,
4751
- var(--rui-Button--flat--success--default__color)
6154
+ --rui-Button--flat--info--disabled__color
6155
+ , var(--rui-Button--flat--info--default__color)
4752
6156
  );
4753
6157
  --rui-local-background:
4754
6158
  var(
4755
- --rui-Button--flat--success--disabled__background,
4756
- var(--rui-Button--flat--success--default__background)
6159
+ --rui-Button--flat--info--disabled__background
6160
+ , var(--rui-Button--flat--info--default__background)
4757
6161
  );
4758
6162
  }
4759
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):hover {
4760
- --rui-local-color: var(--rui-Button--flat--success--hover__color);
4761
- --rui-local-background: var(--rui-Button--flat--success--hover__background);
4762
- }
4763
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorSuccess__NMh6fjq5:not(:disabled):active {
4764
- --rui-local-color: var(--rui-Button--flat--success--active__color);
4765
- --rui-local-background: var(--rui-Button--flat--success--active__background);
4766
- }
4767
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H {
4768
- --rui-local-color: var(--rui-Button--flat--warning--default__color);
4769
- --rui-local-background: var(--rui-Button--flat--warning--default__background);
4770
- }
4771
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:disabled {
6163
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
4772
6164
  --rui-local-color:
4773
6165
  var(
4774
- --rui-Button--flat--warning--disabled__color,
4775
- var(--rui-Button--flat--warning--default__color)
6166
+ --rui-Button--flat--info--hover__color
6167
+
4776
6168
  );
4777
6169
  --rui-local-background:
4778
6170
  var(
4779
- --rui-Button--flat--warning--disabled__background,
4780
- var(--rui-Button--flat--warning--default__background)
6171
+ --rui-Button--flat--info--hover__background
6172
+
4781
6173
  );
4782
6174
  }
4783
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):hover {
4784
- --rui-local-color: var(--rui-Button--flat--warning--hover__color);
4785
- --rui-local-background: var(--rui-Button--flat--warning--hover__background);
4786
- }
4787
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorWarning__eD9HFp9H:not(:disabled):active {
4788
- --rui-local-color: var(--rui-Button--flat--warning--active__color);
4789
- --rui-local-background: var(--rui-Button--flat--warning--active__background);
4790
- }
4791
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf {
4792
- --rui-local-color: var(--rui-Button--flat--danger--default__color);
4793
- --rui-local-background: var(--rui-Button--flat--danger--default__background);
4794
- }
4795
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:disabled {
6175
+ .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
4796
6176
  --rui-local-color:
4797
6177
  var(
4798
- --rui-Button--flat--danger--disabled__color,
4799
- var(--rui-Button--flat--danger--default__color)
6178
+ --rui-Button--flat--info--active__color
6179
+
4800
6180
  );
4801
6181
  --rui-local-background:
4802
6182
  var(
4803
- --rui-Button--flat--danger--disabled__background,
4804
- var(--rui-Button--flat--danger--default__background)
6183
+ --rui-Button--flat--info--active__background
6184
+
4805
6185
  );
4806
6186
  }
4807
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):hover {
4808
- --rui-local-color: var(--rui-Button--flat--danger--hover__color);
4809
- --rui-local-background: var(--rui-Button--flat--danger--hover__background);
4810
- }
4811
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDanger__Nir0mZlf:not(:disabled):active {
4812
- --rui-local-color: var(--rui-Button--flat--danger--active__color);
4813
- --rui-local-background: var(--rui-Button--flat--danger--active__background);
4814
- }
4815
6187
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorHelp__LHCsI048 {
4816
- --rui-local-color: var(--rui-Button--flat--help--default__color);
4817
- --rui-local-background: var(--rui-Button--flat--help--default__background);
6188
+ --rui-local-color:
6189
+ var(
6190
+ --rui-Button--flat--help--default__color
6191
+
6192
+ );
6193
+ --rui-local-background:
6194
+ var(
6195
+ --rui-Button--flat--help--default__background
6196
+
6197
+ );
4818
6198
  }
4819
6199
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorHelp__LHCsI048:disabled {
4820
6200
  --rui-local-color:
4821
6201
  var(
4822
- --rui-Button--flat--help--disabled__color,
4823
- var(--rui-Button--flat--help--default__color)
6202
+ --rui-Button--flat--help--disabled__color
6203
+ , var(--rui-Button--flat--help--default__color)
4824
6204
  );
4825
6205
  --rui-local-background:
4826
6206
  var(
4827
- --rui-Button--flat--help--disabled__background,
4828
- var(--rui-Button--flat--help--default__background)
6207
+ --rui-Button--flat--help--disabled__background
6208
+ , var(--rui-Button--flat--help--default__background)
4829
6209
  );
4830
6210
  }
4831
6211
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorHelp__LHCsI048:not(:disabled):hover {
4832
- --rui-local-color: var(--rui-Button--flat--help--hover__color);
4833
- --rui-local-background: var(--rui-Button--flat--help--hover__background);
6212
+ --rui-local-color:
6213
+ var(
6214
+ --rui-Button--flat--help--hover__color
6215
+
6216
+ );
6217
+ --rui-local-background:
6218
+ var(
6219
+ --rui-Button--flat--help--hover__background
6220
+
6221
+ );
4834
6222
  }
4835
6223
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorHelp__LHCsI048:not(:disabled):active {
4836
- --rui-local-color: var(--rui-Button--flat--help--active__color);
4837
- --rui-local-background: var(--rui-Button--flat--help--active__background);
4838
- }
4839
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci {
4840
- --rui-local-color: var(--rui-Button--flat--info--default__color);
4841
- --rui-local-background: var(--rui-Button--flat--info--default__background);
4842
- }
4843
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:disabled {
4844
6224
  --rui-local-color:
4845
6225
  var(
4846
- --rui-Button--flat--info--disabled__color,
4847
- var(--rui-Button--flat--info--default__color)
6226
+ --rui-Button--flat--help--active__color
6227
+
4848
6228
  );
4849
6229
  --rui-local-background:
4850
6230
  var(
4851
- --rui-Button--flat--info--disabled__background,
4852
- var(--rui-Button--flat--info--default__background)
6231
+ --rui-Button--flat--help--active__background
6232
+
4853
6233
  );
4854
6234
  }
4855
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):hover {
4856
- --rui-local-color: var(--rui-Button--flat--info--hover__color);
4857
- --rui-local-background: var(--rui-Button--flat--info--hover__background);
4858
- }
4859
- .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorInfo__J2Ctj9ci:not(:disabled):active {
4860
- --rui-local-color: var(--rui-Button--flat--info--active__color);
4861
- --rui-local-background: var(--rui-Button--flat--info--active__background);
4862
- }
4863
6235
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorNote__ZmVfjC5e {
4864
- --rui-local-color: var(--rui-Button--flat--note--default__color);
4865
- --rui-local-background: var(--rui-Button--flat--note--default__background);
6236
+ --rui-local-color:
6237
+ var(
6238
+ --rui-Button--flat--note--default__color
6239
+
6240
+ );
6241
+ --rui-local-background:
6242
+ var(
6243
+ --rui-Button--flat--note--default__background
6244
+
6245
+ );
4866
6246
  }
4867
6247
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorNote__ZmVfjC5e:disabled {
4868
6248
  --rui-local-color:
4869
6249
  var(
4870
- --rui-Button--flat--note--disabled__color,
4871
- var(--rui-Button--flat--note--default__color)
6250
+ --rui-Button--flat--note--disabled__color
6251
+ , var(--rui-Button--flat--note--default__color)
4872
6252
  );
4873
6253
  --rui-local-background:
4874
6254
  var(
4875
- --rui-Button--flat--note--disabled__background,
4876
- var(--rui-Button--flat--note--default__background)
6255
+ --rui-Button--flat--note--disabled__background
6256
+ , var(--rui-Button--flat--note--default__background)
4877
6257
  );
4878
6258
  }
4879
6259
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):hover {
4880
- --rui-local-color: var(--rui-Button--flat--note--hover__color);
4881
- --rui-local-background: var(--rui-Button--flat--note--hover__background);
6260
+ --rui-local-color:
6261
+ var(
6262
+ --rui-Button--flat--note--hover__color
6263
+
6264
+ );
6265
+ --rui-local-background:
6266
+ var(
6267
+ --rui-Button--flat--note--hover__background
6268
+
6269
+ );
4882
6270
  }
4883
6271
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorNote__ZmVfjC5e:not(:disabled):active {
4884
- --rui-local-color: var(--rui-Button--flat--note--active__color);
4885
- --rui-local-background: var(--rui-Button--flat--note--active__background);
6272
+ --rui-local-color:
6273
+ var(
6274
+ --rui-Button--flat--note--active__color
6275
+
6276
+ );
6277
+ --rui-local-background:
6278
+ var(
6279
+ --rui-Button--flat--note--active__background
6280
+
6281
+ );
4886
6282
  }
4887
6283
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorLight__BeRMxwQH {
4888
- --rui-local-color: var(--rui-Button--flat--light--default__color);
4889
- --rui-local-background: var(--rui-Button--flat--light--default__background);
6284
+ --rui-local-color:
6285
+ var(
6286
+ --rui-Button--flat--light--default__color
6287
+
6288
+ );
6289
+ --rui-local-background:
6290
+ var(
6291
+ --rui-Button--flat--light--default__background
6292
+
6293
+ );
4890
6294
  }
4891
6295
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorLight__BeRMxwQH:disabled {
4892
6296
  --rui-local-color:
4893
6297
  var(
4894
- --rui-Button--flat--light--disabled__color,
4895
- var(--rui-Button--flat--light--default__color)
6298
+ --rui-Button--flat--light--disabled__color
6299
+ , var(--rui-Button--flat--light--default__color)
4896
6300
  );
4897
6301
  --rui-local-background:
4898
6302
  var(
4899
- --rui-Button--flat--light--disabled__background,
4900
- var(--rui-Button--flat--light--default__background)
6303
+ --rui-Button--flat--light--disabled__background
6304
+ , var(--rui-Button--flat--light--default__background)
4901
6305
  );
4902
6306
  }
4903
6307
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):hover {
4904
- --rui-local-color: var(--rui-Button--flat--light--hover__color);
4905
- --rui-local-background: var(--rui-Button--flat--light--hover__background);
6308
+ --rui-local-color:
6309
+ var(
6310
+ --rui-Button--flat--light--hover__color
6311
+
6312
+ );
6313
+ --rui-local-background:
6314
+ var(
6315
+ --rui-Button--flat--light--hover__background
6316
+
6317
+ );
4906
6318
  }
4907
6319
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorLight__BeRMxwQH:not(:disabled):active {
4908
- --rui-local-color: var(--rui-Button--flat--light--active__color);
4909
- --rui-local-background: var(--rui-Button--flat--light--active__background);
6320
+ --rui-local-color:
6321
+ var(
6322
+ --rui-Button--flat--light--active__color
6323
+
6324
+ );
6325
+ --rui-local-background:
6326
+ var(
6327
+ --rui-Button--flat--light--active__background
6328
+
6329
+ );
4910
6330
  }
4911
6331
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDark__u6r8j91N {
4912
- --rui-local-color: var(--rui-Button--flat--dark--default__color);
4913
- --rui-local-background: var(--rui-Button--flat--dark--default__background);
6332
+ --rui-local-color:
6333
+ var(
6334
+ --rui-Button--flat--dark--default__color
6335
+
6336
+ );
6337
+ --rui-local-background:
6338
+ var(
6339
+ --rui-Button--flat--dark--default__background
6340
+
6341
+ );
4914
6342
  }
4915
6343
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDark__u6r8j91N:disabled {
4916
6344
  --rui-local-color:
4917
6345
  var(
4918
- --rui-Button--flat--dark--disabled__color,
4919
- var(--rui-Button--flat--dark--default__color)
6346
+ --rui-Button--flat--dark--disabled__color
6347
+ , var(--rui-Button--flat--dark--default__color)
4920
6348
  );
4921
6349
  --rui-local-background:
4922
6350
  var(
4923
- --rui-Button--flat--dark--disabled__background,
4924
- var(--rui-Button--flat--dark--default__background)
6351
+ --rui-Button--flat--dark--disabled__background
6352
+ , var(--rui-Button--flat--dark--default__background)
4925
6353
  );
4926
6354
  }
4927
6355
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDark__u6r8j91N:not(:disabled):hover {
4928
- --rui-local-color: var(--rui-Button--flat--dark--hover__color);
4929
- --rui-local-background: var(--rui-Button--flat--dark--hover__background);
6356
+ --rui-local-color:
6357
+ var(
6358
+ --rui-Button--flat--dark--hover__color
6359
+
6360
+ );
6361
+ --rui-local-background:
6362
+ var(
6363
+ --rui-Button--flat--dark--hover__background
6364
+
6365
+ );
4930
6366
  }
4931
6367
  .Button-module__isRootPriorityFlat__Y0oU95EE.Button-module__isRootColorDark__u6r8j91N:not(:disabled):active {
4932
- --rui-local-color: var(--rui-Button--flat--dark--active__color);
4933
- --rui-local-background: var(--rui-Button--flat--dark--active__background);
4934
- }
4935
- .Button-module__isRootInButtonGroup__veDQ8de2:not(:first-child)::before {
4936
- content: "";
4937
- position: absolute;
4938
- top: calc(-1 * var(--rui-Button__border-width));
4939
- bottom: calc(-1 * var(--rui-Button__border-width));
4940
- left: calc(-1 * var(--rui-Button__border-width));
4941
- z-index: 2;
4942
- border-left: var(--rui-local-separator-width) solid var(--rui-local-separator-color);
4943
- transform: translateX(calc(-0.5 * var(--rui-local-gap) - 50%));
6368
+ --rui-local-color:
6369
+ var(
6370
+ --rui-Button--flat--dark--active__color
6371
+
6372
+ );
6373
+ --rui-local-background:
6374
+ var(
6375
+ --rui-Button--flat--dark--active__background
6376
+
6377
+ );
4944
6378
  }
4945
6379
  }
4946
6380
  /*!*********************************************************************************************************************************************************************************************************************************!*\
@@ -4970,49 +6404,169 @@
4970
6404
  .Card-module__isRootRaised__mrD5KMAs {
4971
6405
  box-shadow: var(--rui-Card--raised__box-shadow);
4972
6406
  }
6407
+ .Card-module__isRootDisabled__Wm_9A4kS {
6408
+ background-color: var(--rui-Card--disabled__background-color);
6409
+ opacity: var(--rui-Card--disabled__opacity);
6410
+ }
4973
6411
  .Card-module__isRootColorSuccess__yi_tFR5R {
4974
- --rui-local-color: var(--rui-Card--success__color);
4975
- --rui-local-border-color: var(--rui-Card--success__border-color);
4976
- --rui-local-background-color: var(--rui-Card--success__background-color);
6412
+ --rui-local-color:
6413
+ var(
6414
+ --rui-Card--success__color
6415
+
6416
+ );
6417
+ --rui-local-border-color:
6418
+ var(
6419
+ --rui-Card--success__border-color
6420
+
6421
+ );
6422
+ --rui-local-background-color:
6423
+ var(
6424
+ --rui-Card--success__background-color
6425
+
6426
+ );
6427
+ --rui-local-link-color: var(--rui-color-feedback-success);
6428
+ --rui-local-link-color-hover: var(--rui-color-feedback-success-hover);
6429
+ --rui-local-link-color-active: var(--rui-color-feedback-success-active);
4977
6430
  }
4978
6431
  .Card-module__isRootColorWarning__Dqf8jQFM {
4979
- --rui-local-color: var(--rui-Card--warning__color);
4980
- --rui-local-border-color: var(--rui-Card--warning__border-color);
4981
- --rui-local-background-color: var(--rui-Card--warning__background-color);
6432
+ --rui-local-color:
6433
+ var(
6434
+ --rui-Card--warning__color
6435
+
6436
+ );
6437
+ --rui-local-border-color:
6438
+ var(
6439
+ --rui-Card--warning__border-color
6440
+
6441
+ );
6442
+ --rui-local-background-color:
6443
+ var(
6444
+ --rui-Card--warning__background-color
6445
+
6446
+ );
6447
+ --rui-local-link-color: var(--rui-color-feedback-warning);
6448
+ --rui-local-link-color-hover: var(--rui-color-feedback-warning-hover);
6449
+ --rui-local-link-color-active: var(--rui-color-feedback-warning-active);
4982
6450
  }
4983
6451
  .Card-module__isRootColorDanger__NJZCO0YY {
4984
- --rui-local-color: var(--rui-Card--danger__color);
4985
- --rui-local-border-color: var(--rui-Card--danger__border-color);
4986
- --rui-local-background-color: var(--rui-Card--danger__background-color);
4987
- }
4988
- .Card-module__isRootColorHelp__lc5Omloh {
4989
- --rui-local-color: var(--rui-Card--help__color);
4990
- --rui-local-border-color: var(--rui-Card--help__border-color);
4991
- --rui-local-background-color: var(--rui-Card--help__background-color);
6452
+ --rui-local-color:
6453
+ var(
6454
+ --rui-Card--danger__color
6455
+
6456
+ );
6457
+ --rui-local-border-color:
6458
+ var(
6459
+ --rui-Card--danger__border-color
6460
+
6461
+ );
6462
+ --rui-local-background-color:
6463
+ var(
6464
+ --rui-Card--danger__background-color
6465
+
6466
+ );
6467
+ --rui-local-link-color: var(--rui-color-feedback-danger);
6468
+ --rui-local-link-color-hover: var(--rui-color-feedback-danger-hover);
6469
+ --rui-local-link-color-active: var(--rui-color-feedback-danger-active);
4992
6470
  }
4993
6471
  .Card-module__isRootColorInfo__xdYwYAWt {
4994
- --rui-local-color: var(--rui-Card--info__color);
4995
- --rui-local-border-color: var(--rui-Card--info__border-color);
4996
- --rui-local-background-color: var(--rui-Card--info__background-color);
6472
+ --rui-local-color:
6473
+ var(
6474
+ --rui-Card--info__color
6475
+
6476
+ );
6477
+ --rui-local-border-color:
6478
+ var(
6479
+ --rui-Card--info__border-color
6480
+
6481
+ );
6482
+ --rui-local-background-color:
6483
+ var(
6484
+ --rui-Card--info__background-color
6485
+
6486
+ );
6487
+ --rui-local-link-color: var(--rui-color-feedback-info);
6488
+ --rui-local-link-color-hover: var(--rui-color-feedback-info-hover);
6489
+ --rui-local-link-color-active: var(--rui-color-feedback-info-active);
6490
+ }
6491
+ .Card-module__isRootColorHelp__lc5Omloh {
6492
+ --rui-local-color:
6493
+ var(
6494
+ --rui-Card--help__color
6495
+
6496
+ );
6497
+ --rui-local-border-color:
6498
+ var(
6499
+ --rui-Card--help__border-color
6500
+
6501
+ );
6502
+ --rui-local-background-color:
6503
+ var(
6504
+ --rui-Card--help__background-color
6505
+
6506
+ );
6507
+ --rui-local-link-color: var(--rui-color-feedback-help);
6508
+ --rui-local-link-color-hover: var(--rui-color-feedback-help-hover);
6509
+ --rui-local-link-color-active: var(--rui-color-feedback-help-active);
4997
6510
  }
4998
6511
  .Card-module__isRootColorNote__Jd0fjU8q {
4999
- --rui-local-color: var(--rui-Card--note__color);
5000
- --rui-local-border-color: var(--rui-Card--note__border-color);
5001
- --rui-local-background-color: var(--rui-Card--note__background-color);
6512
+ --rui-local-color:
6513
+ var(
6514
+ --rui-Card--note__color
6515
+
6516
+ );
6517
+ --rui-local-border-color:
6518
+ var(
6519
+ --rui-Card--note__border-color
6520
+
6521
+ );
6522
+ --rui-local-background-color:
6523
+ var(
6524
+ --rui-Card--note__background-color
6525
+
6526
+ );
6527
+ --rui-local-link-color: var(--rui-color-feedback-note);
6528
+ --rui-local-link-color-hover: var(--rui-color-feedback-note-hover);
6529
+ --rui-local-link-color-active: var(--rui-color-feedback-note-active);
5002
6530
  }
5003
6531
  .Card-module__isRootColorLight__iCf72IJr {
5004
- --rui-local-color: var(--rui-Card--light__color);
5005
- --rui-local-border-color: var(--rui-Card--light__border-color);
5006
- --rui-local-background-color: var(--rui-Card--light__background-color);
6532
+ --rui-local-color:
6533
+ var(
6534
+ --rui-Card--light__color
6535
+
6536
+ );
6537
+ --rui-local-border-color:
6538
+ var(
6539
+ --rui-Card--light__border-color
6540
+
6541
+ );
6542
+ --rui-local-background-color:
6543
+ var(
6544
+ --rui-Card--light__background-color
6545
+
6546
+ );
6547
+ --rui-local-link-color: var(--rui-color-neutral-dark);
6548
+ --rui-local-link-color-hover: var(--rui-color-neutral-dark-hover);
6549
+ --rui-local-link-color-active: var(--rui-color-neutral-dark-active);
5007
6550
  }
5008
6551
  .Card-module__isRootColorDark__qqlYTf5V {
5009
- --rui-local-color: var(--rui-Card--dark__color);
5010
- --rui-local-border-color: var(--rui-Card--dark__border-color);
5011
- --rui-local-background-color: var(--rui-Card--dark__background-color);
5012
- }
5013
- .Card-module__isRootDisabled__Wm_9A4kS {
5014
- background-color: var(--rui-Card--disabled__background-color);
5015
- opacity: var(--rui-Card--disabled__opacity);
6552
+ --rui-local-color:
6553
+ var(
6554
+ --rui-Card--dark__color
6555
+
6556
+ );
6557
+ --rui-local-border-color:
6558
+ var(
6559
+ --rui-Card--dark__border-color
6560
+
6561
+ );
6562
+ --rui-local-background-color:
6563
+ var(
6564
+ --rui-Card--dark__background-color
6565
+
6566
+ );
6567
+ --rui-local-link-color: var(--rui-color-neutral-light);
6568
+ --rui-local-link-color-hover: var(--rui-color-neutral-light-hover);
6569
+ --rui-local-link-color-active: var(--rui-color-neutral-light-active);
5016
6570
  }
5017
6571
  }
5018
6572
  /*!*********************************************************************************************************************************************************************************************************************************************!*\
@@ -5143,6 +6697,11 @@
5143
6697
  content: var(--rui-FormField--required__sign);
5144
6698
  color: var(--rui-FormField--required__sign__color);
5145
6699
  }
6700
+ .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE {
6701
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
6702
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
6703
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
6704
+ }
5146
6705
  .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE, .FormLayoutCustomField-module__isRootStateInvalid__OhuSVPjE:hover {
5147
6706
  --rui-local-color: var(--rui-FormField--invalid--default__color);
5148
6707
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -5207,6 +6766,11 @@
5207
6766
  var(--rui-FormField--invalid--checked__check-background-color)
5208
6767
  );
5209
6768
  }
6769
+ .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P {
6770
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
6771
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
6772
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
6773
+ }
5210
6774
  .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P, .FormLayoutCustomField-module__isRootStateValid__ROOaFW0P:hover {
5211
6775
  --rui-local-color: var(--rui-FormField--valid--default__color);
5212
6776
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -5271,6 +6835,11 @@
5271
6835
  var(--rui-FormField--valid--checked__check-background-color)
5272
6836
  );
5273
6837
  }
6838
+ .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd {
6839
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
6840
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
6841
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
6842
+ }
5274
6843
  .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd, .FormLayoutCustomField-module__isRootStateWarning__HG_NKMXd:hover {
5275
6844
  --rui-local-color: var(--rui-FormField--warning--default__color);
5276
6845
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -5375,7 +6944,8 @@
5375
6944
  }
5376
6945
  .FormLayoutCustomField-module__isRootLayoutHorizontal__u3SsP1T1 .FormLayoutCustomField-module__field__e10UO6e7 {
5377
6946
  grid-area: field;
5378
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
6947
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
6948
+ justify-self: start;
5379
6949
  }
5380
6950
  }
5381
6951
  @media (min-width: 48em) {
@@ -5597,6 +7167,11 @@
5597
7167
  content: var(--rui-FormField--required__sign);
5598
7168
  color: var(--rui-FormField--required__sign__color);
5599
7169
  }
7170
+ .CheckboxField-module__isRootStateInvalid__vPPd19_Y {
7171
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7172
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7173
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7174
+ }
5600
7175
  .CheckboxField-module__isRootStateInvalid__vPPd19_Y, .CheckboxField-module__isRootStateInvalid__vPPd19_Y:hover {
5601
7176
  --rui-local-color: var(--rui-FormField--invalid--default__color);
5602
7177
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -5661,6 +7236,11 @@
5661
7236
  var(--rui-FormField--invalid--checked__check-background-color)
5662
7237
  );
5663
7238
  }
7239
+ .CheckboxField-module__isRootStateValid__r8FOGTne {
7240
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7241
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7242
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7243
+ }
5664
7244
  .CheckboxField-module__isRootStateValid__r8FOGTne, .CheckboxField-module__isRootStateValid__r8FOGTne:hover {
5665
7245
  --rui-local-color: var(--rui-FormField--valid--default__color);
5666
7246
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -5725,6 +7305,11 @@
5725
7305
  var(--rui-FormField--valid--checked__check-background-color)
5726
7306
  );
5727
7307
  }
7308
+ .CheckboxField-module__isRootStateWarning__evYzQZrD {
7309
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7310
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7311
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7312
+ }
5728
7313
  .CheckboxField-module__isRootStateWarning__evYzQZrD, .CheckboxField-module__isRootStateWarning__evYzQZrD:hover {
5729
7314
  --rui-local-color: var(--rui-FormField--warning--default__color);
5730
7315
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -5881,6 +7466,11 @@
5881
7466
  content: var(--rui-FormField--required__sign);
5882
7467
  color: var(--rui-FormField--required__sign__color);
5883
7468
  }
7469
+ .FileInputField-module__isRootStateInvalid__qpLo9mVU {
7470
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7471
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7472
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7473
+ }
5884
7474
  .FileInputField-module__isRootStateInvalid__qpLo9mVU, .FileInputField-module__isRootStateInvalid__qpLo9mVU:hover {
5885
7475
  --rui-local-color: var(--rui-FormField--invalid--default__color);
5886
7476
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -5945,6 +7535,11 @@
5945
7535
  var(--rui-FormField--invalid--checked__check-background-color)
5946
7536
  );
5947
7537
  }
7538
+ .FileInputField-module__isRootStateValid__kd8G0bYh {
7539
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7540
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7541
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7542
+ }
5948
7543
  .FileInputField-module__isRootStateValid__kd8G0bYh, .FileInputField-module__isRootStateValid__kd8G0bYh:hover {
5949
7544
  --rui-local-color: var(--rui-FormField--valid--default__color);
5950
7545
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -6009,6 +7604,11 @@
6009
7604
  var(--rui-FormField--valid--checked__check-background-color)
6010
7605
  );
6011
7606
  }
7607
+ .FileInputField-module__isRootStateWarning__jnC_TrpN {
7608
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
7609
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
7610
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
7611
+ }
6012
7612
  .FileInputField-module__isRootStateWarning__jnC_TrpN, .FileInputField-module__isRootStateWarning__jnC_TrpN:hover {
6013
7613
  --rui-local-color: var(--rui-FormField--warning--default__color);
6014
7614
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -6123,7 +7723,8 @@
6123
7723
  }
6124
7724
  .FileInputField-module__isRootLayoutHorizontal__lHc4IRZD .FileInputField-module__field__SZE7nT5K {
6125
7725
  grid-area: field;
6126
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
7726
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
7727
+ justify-self: start;
6127
7728
  }
6128
7729
  }
6129
7730
  @media (min-width: 48em) {
@@ -6244,8 +7845,10 @@
6244
7845
  grid-template-rows: var(--rui-local-rows);
6245
7846
  grid-auto-flow: var(--rui-local-auto-flow);
6246
7847
  grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
6247
- place-content: var(--rui-local-align-content) var(--rui-local-justify-content);
6248
- place-items: var(--rui-local-align-items) var(--rui-local-justify-items);
7848
+ align-content: var(--rui-local-align-content);
7849
+ align-items: var(--rui-local-align-items);
7850
+ justify-content: var(--rui-local-justify-content);
7851
+ justify-items: var(--rui-local-justify-items);
6249
7852
  }
6250
7853
  @media (min-width: 36em) {
6251
7854
  .Grid-module__root__m6PTEyJq {
@@ -6730,6 +8333,11 @@
6730
8333
  content: var(--rui-FormField--required__sign);
6731
8334
  color: var(--rui-FormField--required__sign__color);
6732
8335
  }
8336
+ .InputGroup-module__isRootStateInvalid__Atu0FWW_ {
8337
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
8338
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
8339
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
8340
+ }
6733
8341
  .InputGroup-module__isRootStateInvalid__Atu0FWW_, .InputGroup-module__isRootStateInvalid__Atu0FWW_:hover {
6734
8342
  --rui-local-color: var(--rui-FormField--invalid--default__color);
6735
8343
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -6794,6 +8402,11 @@
6794
8402
  var(--rui-FormField--invalid--checked__check-background-color)
6795
8403
  );
6796
8404
  }
8405
+ .InputGroup-module__isRootStateValid__ykb1SzPU {
8406
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
8407
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
8408
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
8409
+ }
6797
8410
  .InputGroup-module__isRootStateValid__ykb1SzPU, .InputGroup-module__isRootStateValid__ykb1SzPU:hover {
6798
8411
  --rui-local-color: var(--rui-FormField--valid--default__color);
6799
8412
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -6858,6 +8471,11 @@
6858
8471
  var(--rui-FormField--valid--checked__check-background-color)
6859
8472
  );
6860
8473
  }
8474
+ .InputGroup-module__isRootStateWarning__wK1Lp0ri {
8475
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
8476
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
8477
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
8478
+ }
6861
8479
  .InputGroup-module__isRootStateWarning__wK1Lp0ri, .InputGroup-module__isRootStateWarning__wK1Lp0ri:hover {
6862
8480
  --rui-local-color: var(--rui-FormField--warning--default__color);
6863
8481
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -6928,6 +8546,7 @@
6928
8546
  flex-direction: column;
6929
8547
  min-width: 0;
6930
8548
  max-width: 100%;
8549
+ max-width: none;
6931
8550
  }
6932
8551
  .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
6933
8552
  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
@@ -6966,7 +8585,8 @@
6966
8585
  }
6967
8586
  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
6968
8587
  grid-area: field;
6969
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
8588
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
8589
+ justify-self: start;
6970
8590
  }
6971
8591
  }
6972
8592
  @media (min-width: 48em) {
@@ -7253,8 +8873,8 @@
7253
8873
  }
7254
8874
  .Popover-module__arrow__gtEuPwHw {
7255
8875
  position: absolute;
7256
- width: 1rem;
7257
- height: 0.5rem;
8876
+ width: calc(1rem + 2px);
8877
+ height: calc((1rem + 2px) / 2);
7258
8878
  transform-origin: center bottom;
7259
8879
  }
7260
8880
  .Popover-module__arrow__gtEuPwHw::before, .Popover-module__arrow__gtEuPwHw::after {
@@ -7266,49 +8886,67 @@
7266
8886
  }
7267
8887
  .Popover-module__arrow__gtEuPwHw::before {
7268
8888
  bottom: 0;
7269
- border-width: 0.5rem 0.5rem 0;
8889
+ border-width: calc((1rem + 2px) / 2) calc((1rem + 2px) / 2) 0;
7270
8890
  border-top-color: var(--rui-Popover__border-color);
7271
8891
  }
7272
8892
  .Popover-module__arrow__gtEuPwHw::after {
7273
8893
  bottom: var(--rui-Popover__border-width);
7274
- border-width: 0.5rem 0.5rem 0;
8894
+ border-width: calc((1rem + 2px) / 2) calc((1rem + 2px) / 2) 0;
7275
8895
  border-top-color: var(--rui-Popover__background-color);
7276
8896
  }
8897
+ .Popover-module__controlledPopover__bAdOI7sf {
8898
+ display: none;
8899
+ }
8900
+ .Popover-module__helper__qu_fiEGq {
8901
+ position: fixed;
8902
+ inset: unset;
8903
+ top: 0;
8904
+ right: 0;
8905
+ width: auto;
8906
+ height: auto;
8907
+ padding: 0;
8908
+ border: none;
8909
+ background: transparent;
8910
+ pointer-events: none;
8911
+ }
8912
+ .Popover-module__helper__qu_fiEGq:popover-open ~ .Popover-module__controlledPopover__bAdOI7sf {
8913
+ display: block;
8914
+ }
7277
8915
  .Popover-module__isRootAtTop__GHVVe2Fu {
7278
- bottom: 100%;
8916
+ bottom: calc(100% + 1px - 1px);
7279
8917
  }
7280
8918
  .Popover-module__isRootAtBottom__c_Ebw3uC {
7281
- top: 100%;
8919
+ top: calc(100% + 1px - 1px);
7282
8920
  }
7283
8921
  .Popover-module__isRootAtLeft__LrHUiP2_ {
7284
- right: 100%;
8922
+ right: calc(100% + 1px - 1px);
7285
8923
  }
7286
8924
  .Popover-module__isRootAtRight___OSn4b41 {
7287
- left: 100%;
8925
+ left: calc(100% + 1px - 1px);
7288
8926
  }
7289
8927
  .Popover-module__isRootAtTop__GHVVe2Fu > .Popover-module__arrow__gtEuPwHw {
7290
- top: 100%;
8928
+ top: calc(100% - 1px);
7291
8929
  }
7292
8930
  .Popover-module__isRootAtBottom__c_Ebw3uC > .Popover-module__arrow__gtEuPwHw {
7293
- bottom: 100%;
8931
+ bottom: calc(100% - 1px);
7294
8932
  }
7295
8933
  .Popover-module__isRootAtLeft__LrHUiP2_ > .Popover-module__arrow__gtEuPwHw {
7296
- left: 100%;
8934
+ left: calc(100% - 1px);
7297
8935
  }
7298
8936
  .Popover-module__isRootAtRight___OSn4b41 > .Popover-module__arrow__gtEuPwHw {
7299
- right: 100%;
8937
+ right: calc(100% - 1px);
7300
8938
  }
7301
8939
  .Popover-module__isRootAtTop__GHVVe2Fu.Popover-module__isRootAtCenter__ikXIpvgb {
7302
8940
  left: 50%;
7303
- transform: translate(-50%, -0.5rem);
8941
+ transform: translate(-50%, calc(-1 * calc((1rem + 2px) / 2)));
7304
8942
  }
7305
8943
  .Popover-module__isRootAtTop__GHVVe2Fu.Popover-module__isRootAtStart__tdkk9Fxx {
7306
8944
  left: 0;
7307
- transform: translate(0, -0.5rem);
8945
+ transform: translate(0, calc(-1 * calc((1rem + 2px) / 2)));
7308
8946
  }
7309
8947
  .Popover-module__isRootAtTop__GHVVe2Fu.Popover-module__isRootAtEnd__PDNVjOK_ {
7310
8948
  right: 0;
7311
- transform: translate(0, -0.5rem);
8949
+ transform: translate(0, calc(-1 * calc((1rem + 2px) / 2)));
7312
8950
  }
7313
8951
  .Popover-module__isRootAtTop__GHVVe2Fu.Popover-module__isRootAtCenter__ikXIpvgb > .Popover-module__arrow__gtEuPwHw {
7314
8952
  left: 50%;
@@ -7324,15 +8962,15 @@
7324
8962
  }
7325
8963
  .Popover-module__isRootAtBottom__c_Ebw3uC.Popover-module__isRootAtCenter__ikXIpvgb {
7326
8964
  left: 50%;
7327
- transform: translate(-50%, 0.5rem);
8965
+ transform: translate(-50%, calc((1rem + 2px) / 2));
7328
8966
  }
7329
8967
  .Popover-module__isRootAtBottom__c_Ebw3uC.Popover-module__isRootAtStart__tdkk9Fxx {
7330
8968
  left: 0;
7331
- transform: translate(0, 0.5rem);
8969
+ transform: translate(0, calc((1rem + 2px) / 2));
7332
8970
  }
7333
8971
  .Popover-module__isRootAtBottom__c_Ebw3uC.Popover-module__isRootAtEnd__PDNVjOK_ {
7334
8972
  right: 0;
7335
- transform: translate(0, 0.5rem);
8973
+ transform: translate(0, calc((1rem + 2px) / 2));
7336
8974
  }
7337
8975
  .Popover-module__isRootAtBottom__c_Ebw3uC.Popover-module__isRootAtCenter__ikXIpvgb > .Popover-module__arrow__gtEuPwHw {
7338
8976
  left: 50%;
@@ -7348,15 +8986,15 @@
7348
8986
  }
7349
8987
  .Popover-module__isRootAtLeft__LrHUiP2_.Popover-module__isRootAtCenter__ikXIpvgb {
7350
8988
  top: 50%;
7351
- transform: translate(-0.5rem, -50%);
8989
+ transform: translate(calc(-1 * calc((1rem + 2px) / 2)), -50%);
7352
8990
  }
7353
8991
  .Popover-module__isRootAtLeft__LrHUiP2_.Popover-module__isRootAtStart__tdkk9Fxx {
7354
8992
  top: 0;
7355
- transform: translate(-0.5rem, 0);
8993
+ transform: translate(calc(-1 * calc((1rem + 2px) / 2)), 0);
7356
8994
  }
7357
8995
  .Popover-module__isRootAtLeft__LrHUiP2_.Popover-module__isRootAtEnd__PDNVjOK_ {
7358
8996
  bottom: 0;
7359
- transform: translate(-0.5rem, 0);
8997
+ transform: translate(calc(-1 * calc((1rem + 2px) / 2)), 0);
7360
8998
  }
7361
8999
  .Popover-module__isRootAtLeft__LrHUiP2_.Popover-module__isRootAtCenter__ikXIpvgb > .Popover-module__arrow__gtEuPwHw {
7362
9000
  top: 50%;
@@ -7372,15 +9010,15 @@
7372
9010
  }
7373
9011
  .Popover-module__isRootAtRight___OSn4b41.Popover-module__isRootAtCenter__ikXIpvgb {
7374
9012
  top: 50%;
7375
- transform: translate(0.5rem, -50%);
9013
+ transform: translate(calc((1rem + 2px) / 2), -50%);
7376
9014
  }
7377
9015
  .Popover-module__isRootAtRight___OSn4b41.Popover-module__isRootAtStart__tdkk9Fxx {
7378
9016
  top: 0;
7379
- transform: translate(0.5rem, 0);
9017
+ transform: translate(calc((1rem + 2px) / 2), 0);
7380
9018
  }
7381
9019
  .Popover-module__isRootAtRight___OSn4b41.Popover-module__isRootAtEnd__PDNVjOK_ {
7382
9020
  bottom: 0;
7383
- transform: translate(0.5rem, 0);
9021
+ transform: translate(calc((1rem + 2px) / 2), 0);
7384
9022
  }
7385
9023
  .Popover-module__isRootAtRight___OSn4b41.Popover-module__isRootAtCenter__ikXIpvgb > .Popover-module__arrow__gtEuPwHw {
7386
9024
  top: 50%;
@@ -7401,16 +9039,16 @@
7401
9039
  inset: unset;
7402
9040
  }
7403
9041
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtTop__GHVVe2Fu {
7404
- transform: translate(0, -0.5rem);
9042
+ transform: translate(0, calc(-1 * calc((1rem + 2px) / 2)));
7405
9043
  }
7406
9044
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtBottom__c_Ebw3uC {
7407
- transform: translate(0, 0.5rem);
9045
+ transform: translate(0, calc((1rem + 2px) / 2));
7408
9046
  }
7409
9047
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtLeft__LrHUiP2_ {
7410
- transform: translate(-0.5rem, 0);
9048
+ transform: translate(calc(-1 * calc((1rem + 2px) / 2)), 0);
7411
9049
  }
7412
9050
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtRight___OSn4b41 {
7413
- transform: translate(0.5rem, 0);
9051
+ transform: translate(calc((1rem + 2px) / 2), 0);
7414
9052
  }
7415
9053
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtLeft__LrHUiP2_.Popover-module__isRootAtStart__tdkk9Fxx,
7416
9054
  .Popover-module__isRootControlled__VPnzVVjH.Popover-module__isRootAtRight___OSn4b41.Popover-module__isRootAtStart__tdkk9Fxx {
@@ -7593,6 +9231,14 @@
7593
9231
  content: var(--rui-FormField--required__sign);
7594
9232
  color: var(--rui-FormField--required__sign__color);
7595
9233
  }
9234
+ .Radio-module__isRootRequired__pIsCmVdz .Radio-module__optionLabel__D7ODZEbC {
9235
+ color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
9236
+ }
9237
+ .Radio-module__isRootStateInvalid__zn0zdKi2 {
9238
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
9239
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
9240
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
9241
+ }
7596
9242
  .Radio-module__isRootStateInvalid__zn0zdKi2, .Radio-module__isRootStateInvalid__zn0zdKi2:hover {
7597
9243
  --rui-local-color: var(--rui-FormField--invalid--default__color);
7598
9244
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -7657,6 +9303,11 @@
7657
9303
  var(--rui-FormField--invalid--checked__check-background-color)
7658
9304
  );
7659
9305
  }
9306
+ .Radio-module__isRootStateValid__uliUzaIp {
9307
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
9308
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
9309
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
9310
+ }
7660
9311
  .Radio-module__isRootStateValid__uliUzaIp, .Radio-module__isRootStateValid__uliUzaIp:hover {
7661
9312
  --rui-local-color: var(--rui-FormField--valid--default__color);
7662
9313
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -7721,6 +9372,11 @@
7721
9372
  var(--rui-FormField--valid--checked__check-background-color)
7722
9373
  );
7723
9374
  }
9375
+ .Radio-module__isRootStateWarning__t9RqjOJP {
9376
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
9377
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
9378
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
9379
+ }
7724
9380
  .Radio-module__isRootStateWarning__t9RqjOJP, .Radio-module__isRootStateWarning__t9RqjOJP:hover {
7725
9381
  --rui-local-color: var(--rui-FormField--warning--default__color);
7726
9382
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -7826,7 +9482,8 @@
7826
9482
  }
7827
9483
  .Radio-module__isRootLayoutHorizontal__kiXsrxex .Radio-module__field__fEX1KJ1l {
7828
9484
  grid-area: field;
7829
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
9485
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
9486
+ justify-self: start;
7830
9487
  }
7831
9488
  }
7832
9489
  @media (min-width: 48em) {
@@ -8417,6 +10074,11 @@
8417
10074
  opacity: var(--rui-FormField--disabled__opacity);
8418
10075
  cursor: var(--rui-FormField--disabled__cursor);
8419
10076
  }
10077
+ .SelectField-module__isRootStateInvalid__ygifhBAb {
10078
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
10079
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
10080
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
10081
+ }
8420
10082
  .SelectField-module__isRootStateInvalid__ygifhBAb, .SelectField-module__isRootStateInvalid__ygifhBAb:hover {
8421
10083
  --rui-local-color: var(--rui-FormField--invalid--default__color);
8422
10084
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -8481,6 +10143,11 @@
8481
10143
  var(--rui-FormField--invalid--checked__check-background-color)
8482
10144
  );
8483
10145
  }
10146
+ .SelectField-module__isRootStateValid__LD4mrVeo {
10147
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
10148
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
10149
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
10150
+ }
8484
10151
  .SelectField-module__isRootStateValid__LD4mrVeo, .SelectField-module__isRootStateValid__LD4mrVeo:hover {
8485
10152
  --rui-local-color: var(--rui-FormField--valid--default__color);
8486
10153
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -8545,6 +10212,11 @@
8545
10212
  var(--rui-FormField--valid--checked__check-background-color)
8546
10213
  );
8547
10214
  }
10215
+ .SelectField-module__isRootStateWarning__fE5GNhNK {
10216
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
10217
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
10218
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
10219
+ }
8548
10220
  .SelectField-module__isRootStateWarning__fE5GNhNK, .SelectField-module__isRootStateWarning__fE5GNhNK:hover {
8549
10221
  --rui-local-color: var(--rui-FormField--warning--default__color);
8550
10222
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -8659,7 +10331,8 @@
8659
10331
  }
8660
10332
  .SelectField-module__isRootLayoutHorizontal__CPQ6cI7b .SelectField-module__field__OGZrVIr0 {
8661
10333
  grid-area: field;
8662
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
10334
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
10335
+ justify-self: start;
8663
10336
  }
8664
10337
  }
8665
10338
  @media (min-width: 48em) {
@@ -9244,6 +10917,11 @@
9244
10917
  opacity: var(--rui-FormField--disabled__opacity);
9245
10918
  cursor: var(--rui-FormField--disabled__cursor);
9246
10919
  }
10920
+ .TextArea-module__isRootStateInvalid__5juQGER0 {
10921
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
10922
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
10923
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
10924
+ }
9247
10925
  .TextArea-module__isRootStateInvalid__5juQGER0, .TextArea-module__isRootStateInvalid__5juQGER0:hover {
9248
10926
  --rui-local-color: var(--rui-FormField--invalid--default__color);
9249
10927
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -9308,6 +10986,11 @@
9308
10986
  var(--rui-FormField--invalid--checked__check-background-color)
9309
10987
  );
9310
10988
  }
10989
+ .TextArea-module__isRootStateValid__Ih6AFuas {
10990
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
10991
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
10992
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
10993
+ }
9311
10994
  .TextArea-module__isRootStateValid__Ih6AFuas, .TextArea-module__isRootStateValid__Ih6AFuas:hover {
9312
10995
  --rui-local-color: var(--rui-FormField--valid--default__color);
9313
10996
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -9372,6 +11055,11 @@
9372
11055
  var(--rui-FormField--valid--checked__check-background-color)
9373
11056
  );
9374
11057
  }
11058
+ .TextArea-module__isRootStateWarning__T_TCx1R_ {
11059
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
11060
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
11061
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
11062
+ }
9375
11063
  .TextArea-module__isRootStateWarning__T_TCx1R_, .TextArea-module__isRootStateWarning__T_TCx1R_:hover {
9376
11064
  --rui-local-color: var(--rui-FormField--warning--default__color);
9377
11065
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -9486,7 +11174,8 @@
9486
11174
  }
9487
11175
  .TextArea-module__isRootLayoutHorizontal__cNOI7ysK .TextArea-module__field__gBoGySQg {
9488
11176
  grid-area: field;
9489
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
11177
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
11178
+ justify-self: start;
9490
11179
  }
9491
11180
  }
9492
11181
  @media (min-width: 48em) {
@@ -9864,6 +11553,11 @@
9864
11553
  opacity: var(--rui-FormField--disabled__opacity);
9865
11554
  cursor: var(--rui-FormField--disabled__cursor);
9866
11555
  }
11556
+ .TextField-module__isRootStateInvalid__bxsnTMJY {
11557
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
11558
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
11559
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
11560
+ }
9867
11561
  .TextField-module__isRootStateInvalid__bxsnTMJY, .TextField-module__isRootStateInvalid__bxsnTMJY:hover {
9868
11562
  --rui-local-color: var(--rui-FormField--invalid--default__color);
9869
11563
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -9928,6 +11622,11 @@
9928
11622
  var(--rui-FormField--invalid--checked__check-background-color)
9929
11623
  );
9930
11624
  }
11625
+ .TextField-module__isRootStateValid__IEIWMvE8 {
11626
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
11627
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
11628
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
11629
+ }
9931
11630
  .TextField-module__isRootStateValid__IEIWMvE8, .TextField-module__isRootStateValid__IEIWMvE8:hover {
9932
11631
  --rui-local-color: var(--rui-FormField--valid--default__color);
9933
11632
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -9992,6 +11691,11 @@
9992
11691
  var(--rui-FormField--valid--checked__check-background-color)
9993
11692
  );
9994
11693
  }
11694
+ .TextField-module__isRootStateWarning__OI5XUWPf {
11695
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
11696
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
11697
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
11698
+ }
9995
11699
  .TextField-module__isRootStateWarning__OI5XUWPf, .TextField-module__isRootStateWarning__OI5XUWPf:hover {
9996
11700
  --rui-local-color: var(--rui-FormField--warning--default__color);
9997
11701
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);
@@ -10106,7 +11810,8 @@
10106
11810
  }
10107
11811
  .TextField-module__isRootLayoutHorizontal__OH1K4lj5 .TextField-module__field__iXnhzy2A {
10108
11812
  grid-area: field;
10109
- place-self: var(--rui-FormField--horizontal__field__vertical-alignment) start;
11813
+ align-self: var(--rui-FormField--horizontal__field__vertical-alignment);
11814
+ justify-self: start;
10110
11815
  }
10111
11816
  }
10112
11817
  .TextField-module__isRootFullWidth__v9O9JDms {
@@ -10261,17 +11966,17 @@
10261
11966
  .TextLink-module__root__yRDpdHz1 {
10262
11967
  -webkit-text-decoration: var(--rui-TextLink__text-decoration);
10263
11968
  text-decoration: var(--rui-TextLink__text-decoration);
10264
- color: var(--rui-TextLink__color);
11969
+ color: var(--rui-local-link-color, var(--rui-TextLink__color));
10265
11970
  }
10266
11971
  .TextLink-module__root__yRDpdHz1:hover {
10267
11972
  -webkit-text-decoration: var(--rui-TextLink--hover__text-decoration);
10268
11973
  text-decoration: var(--rui-TextLink--hover__text-decoration);
10269
- color: var(--rui-TextLink--hover__color);
11974
+ color: var(--rui-local-link-color-hover, var(--rui-TextLink--hover__color));
10270
11975
  }
10271
11976
  .TextLink-module__root__yRDpdHz1:active {
10272
11977
  -webkit-text-decoration: var(--rui-TextLink--active__text-decoration);
10273
11978
  text-decoration: var(--rui-TextLink--active__text-decoration);
10274
- color: var(--rui-TextLink--active__color);
11979
+ color: var(--rui-local-link-color-active, var(--rui-TextLink--active__color));
10275
11980
  }
10276
11981
  }
10277
11982
  /*!*************************************************************************************************************************************************************************************************************************************!*\
@@ -10456,6 +12161,11 @@
10456
12161
  content: var(--rui-FormField--required__sign);
10457
12162
  color: var(--rui-FormField--required__sign__color);
10458
12163
  }
12164
+ .Toggle-module__isRootStateInvalid__YeydgHoH {
12165
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
12166
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
12167
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
12168
+ }
10459
12169
  .Toggle-module__isRootStateInvalid__YeydgHoH, .Toggle-module__isRootStateInvalid__YeydgHoH:hover {
10460
12170
  --rui-local-color: var(--rui-FormField--invalid--default__color);
10461
12171
  --rui-local-border-color: var(--rui-FormField--invalid--default__border-color);
@@ -10520,6 +12230,11 @@
10520
12230
  var(--rui-FormField--invalid--checked__check-background-color)
10521
12231
  );
10522
12232
  }
12233
+ .Toggle-module__isRootStateValid__YjDzLP2F {
12234
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
12235
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
12236
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
12237
+ }
10523
12238
  .Toggle-module__isRootStateValid__YjDzLP2F, .Toggle-module__isRootStateValid__YjDzLP2F:hover {
10524
12239
  --rui-local-color: var(--rui-FormField--valid--default__color);
10525
12240
  --rui-local-border-color: var(--rui-FormField--valid--default__border-color);
@@ -10584,6 +12299,11 @@
10584
12299
  var(--rui-FormField--valid--checked__check-background-color)
10585
12300
  );
10586
12301
  }
12302
+ .Toggle-module__isRootStateWarning__vhYc4kYJ {
12303
+ --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
12304
+ --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
12305
+ --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
12306
+ }
10587
12307
  .Toggle-module__isRootStateWarning__vhYc4kYJ, .Toggle-module__isRootStateWarning__vhYc4kYJ:hover {
10588
12308
  --rui-local-color: var(--rui-FormField--warning--default__color);
10589
12309
  --rui-local-border-color: var(--rui-FormField--warning--default__border-color);