@kaizen/components 1.70.9 → 1.70.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/dist/cjs/Avatar/Avatar.cjs +3 -3
  2. package/dist/cjs/Avatar/Avatar.module.css.cjs +20 -0
  3. package/dist/cjs/AvatarGroup/AvatarGroup.cjs +1 -1
  4. package/dist/cjs/AvatarGroup/AvatarGroup.module.css.cjs +11 -0
  5. package/dist/cjs/Badge/Badge.cjs +1 -1
  6. package/dist/cjs/Badge/Badge.module.css.cjs +14 -0
  7. package/dist/cjs/Brand/Brand.cjs +1 -1
  8. package/dist/cjs/Brand/{Brand.module.scss.cjs → Brand.module.css.cjs} +1 -1
  9. package/dist/cjs/BrandMoment/BrandMoment.cjs +1 -1
  10. package/dist/cjs/BrandMoment/BrandMoment.module.css.cjs +29 -0
  11. package/dist/cjs/ButtonGroup/ButtonGroup.cjs +1 -1
  12. package/dist/cjs/ButtonGroup/ButtonGroup.module.css.cjs +9 -0
  13. package/dist/esm/Avatar/Avatar.mjs +6 -6
  14. package/dist/esm/Avatar/Avatar.module.css.mjs +18 -0
  15. package/dist/esm/AvatarGroup/AvatarGroup.mjs +2 -2
  16. package/dist/esm/AvatarGroup/AvatarGroup.module.css.mjs +9 -0
  17. package/dist/esm/Badge/Badge.mjs +1 -1
  18. package/dist/esm/Badge/Badge.module.css.mjs +12 -0
  19. package/dist/esm/Brand/Brand.mjs +1 -1
  20. package/dist/esm/Brand/{Brand.module.scss.mjs → Brand.module.css.mjs} +1 -1
  21. package/dist/esm/BrandMoment/BrandMoment.mjs +6 -6
  22. package/dist/esm/BrandMoment/BrandMoment.module.css.mjs +27 -0
  23. package/dist/esm/Button/GenericButton/GenericButton.mjs +2 -2
  24. package/dist/esm/ButtonGroup/ButtonGroup.mjs +1 -1
  25. package/dist/esm/ButtonGroup/ButtonGroup.module.css.mjs +7 -0
  26. package/dist/esm/Collapsible/Collapsible/Collapsible.mjs +2 -2
  27. package/dist/esm/DatePicker/DatePicker.mjs +1 -1
  28. package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
  29. package/dist/esm/DatePicker/utils/validateDate.mjs +3 -3
  30. package/dist/esm/DateRangePicker/DateRangePicker.mjs +1 -1
  31. package/dist/esm/EmptyState/EmptyState.mjs +2 -2
  32. package/dist/esm/FieldMessage/FieldMessage.mjs +1 -1
  33. package/dist/esm/Filter/Filter/Filter.mjs +1 -1
  34. package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +2 -2
  35. package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +2 -2
  36. package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs +1 -1
  37. package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
  38. package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +1 -1
  39. package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +1 -1
  40. package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +1 -1
  41. package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +1 -1
  42. package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
  43. package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +3 -3
  44. package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +1 -1
  45. package/dist/esm/GuidanceBlock/GuidanceBlock.mjs +4 -4
  46. package/dist/esm/Illustration/subcomponents/Base/Base.mjs +2 -2
  47. package/dist/esm/Input/InputRange/InputRange.mjs +1 -1
  48. package/dist/esm/Input/InputSearch/InputSearch.mjs +3 -3
  49. package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +1 -1
  50. package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs +1 -1
  51. package/dist/esm/Modal/ContextModal/ContextModal.mjs +1 -1
  52. package/dist/esm/Modal/GenericModal/GenericModal.mjs +1 -1
  53. package/dist/esm/MultiSelect/MultiSelect.mjs +1 -1
  54. package/dist/esm/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +1 -1
  55. package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +1 -1
  56. package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs +1 -1
  57. package/dist/esm/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +2 -2
  58. package/dist/esm/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +1 -1
  59. package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs +3 -3
  60. package/dist/esm/Pagination/Pagination.mjs +2 -2
  61. package/dist/esm/Popover/Popover.mjs +3 -3
  62. package/dist/esm/ProgressBar/ProgressBar.mjs +1 -1
  63. package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs +3 -3
  64. package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +1 -1
  65. package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +1 -1
  66. package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +1 -1
  67. package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +1 -1
  68. package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs +1 -1
  69. package/dist/esm/SearchField/SearchField.mjs +1 -1
  70. package/dist/esm/Select/Select.mjs +1 -1
  71. package/dist/esm/Slider/Slider.mjs +1 -1
  72. package/dist/esm/Table/Table.mjs +15 -15
  73. package/dist/esm/Tabs/subcomponents/Tab.mjs +1 -1
  74. package/dist/esm/Tag/Tag.mjs +2 -2
  75. package/dist/esm/TextAreaField/TextAreaField.mjs +1 -1
  76. package/dist/esm/TextField/TextField.mjs +3 -3
  77. package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs +1 -1
  78. package/dist/esm/Tile/TileGrid/TileGrid.mjs +2 -2
  79. package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs +5 -5
  80. package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +12 -12
  81. package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs +5 -5
  82. package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs +5 -5
  83. package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs +2 -2
  84. package/dist/esm/Tooltip/Tooltip.mjs +1 -1
  85. package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +1 -1
  86. package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.mjs +1 -1
  87. package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.mjs +1 -1
  88. package/dist/esm/__rc__/Menu/MenuItem.mjs +2 -2
  89. package/dist/esm/__rc__/Select/Select.mjs +3 -3
  90. package/dist/esm/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
  91. package/dist/esm/__rc__/Select/subcomponents/ListItem/ListItem.mjs +2 -2
  92. package/dist/esm/__rc__/Select/utils/transformSelectItemToCollectionElement.mjs +2 -2
  93. package/dist/esm/__rc__/Tabs/subcomponents/Tab/Tab.mjs +1 -1
  94. package/dist/esm/__rc__/Tooltip/Tooltip.mjs +1 -1
  95. package/dist/esm/utils/getNodeText.mjs +1 -1
  96. package/dist/styles.css +313 -277
  97. package/package.json +1 -1
  98. package/src/Avatar/Avatar.module.css +138 -0
  99. package/src/Avatar/Avatar.tsx +6 -3
  100. package/src/AvatarGroup/AvatarGroup.module.css +57 -0
  101. package/src/AvatarGroup/AvatarGroup.tsx +1 -1
  102. package/src/Badge/Badge.module.css +101 -0
  103. package/src/Badge/Badge.tsx +1 -1
  104. package/src/Brand/Brand.tsx +1 -1
  105. package/src/BrandMoment/{BrandMoment.module.scss → BrandMoment.module.css} +29 -50
  106. package/src/BrandMoment/BrandMoment.tsx +1 -1
  107. package/src/ButtonGroup/ButtonGroup.module.css +48 -0
  108. package/src/ButtonGroup/ButtonGroup.tsx +1 -1
  109. package/dist/cjs/Avatar/Avatar.module.scss.cjs +0 -20
  110. package/dist/cjs/AvatarGroup/AvatarGroup.module.scss.cjs +0 -11
  111. package/dist/cjs/Badge/Badge.module.scss.cjs +0 -14
  112. package/dist/cjs/BrandMoment/BrandMoment.module.scss.cjs +0 -29
  113. package/dist/cjs/ButtonGroup/ButtonGroup.module.scss.cjs +0 -9
  114. package/dist/esm/Avatar/Avatar.module.scss.mjs +0 -18
  115. package/dist/esm/AvatarGroup/AvatarGroup.module.scss.mjs +0 -9
  116. package/dist/esm/Badge/Badge.module.scss.mjs +0 -12
  117. package/dist/esm/BrandMoment/BrandMoment.module.scss.mjs +0 -27
  118. package/dist/esm/ButtonGroup/ButtonGroup.module.scss.mjs +0 -7
  119. package/src/Avatar/Avatar.module.scss +0 -169
  120. package/src/AvatarGroup/AvatarGroup.module.scss +0 -79
  121. package/src/Badge/Badge.module.scss +0 -113
  122. /package/src/Brand/{Brand.module.scss → Brand.module.css} +0 -0
package/dist/styles.css CHANGED
@@ -49,300 +49,310 @@
49
49
  display: inherit;
50
50
  }
51
51
 
52
- /** THIS IS AN AUTOGENERATED FILE **/
53
- /** THIS IS AN AUTOGENERATED FILE **/
54
- /** THIS IS AN AUTOGENERATED FILE **/
55
- /** THIS IS AN AUTOGENERATED FILE **/
56
- /* stylelint-disable no-descending-specificity */
57
- .Avatar-module_wrapper__LY2q2 {
58
- background: var(--color-gray-300, #eaeaec);
52
+ .Avatar-module_wrapper__elyMq {
53
+ --avatar-x-y: 1.5rem;
54
+
55
+ background: var(--color-gray-300);
59
56
  border-radius: 100%;
60
57
  box-sizing: border-box;
61
58
  overflow: hidden;
62
59
  align-items: center;
63
60
  display: flex;
64
61
  justify-content: center;
62
+ width: var(--avatar-x-y);
63
+ height: var(--avatar-x-y);
64
+ box-shadow: var(--shadow-small-box-shadow);
65
+ border: 3px solid var(--color-white);
65
66
  }
66
- .Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS) {
67
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
68
- border: 3px solid var(--color-white, #ffffff);
69
- }
70
- .Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7-- {
71
- background: var(--color-orange-100, #fff0e8);
72
- }
73
- .Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl {
74
- background: var(--color-gray-300, #eaeaec);
75
- }
76
- .Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE {
77
- border: 0;
78
- background: var(--color-white, #ffffff);
79
- padding: 6px;
80
- border-radius: var(--border-solid-border-radius, 7px);
81
- }
82
- .Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS {
83
- width: 1.25rem;
84
- height: 1.25rem;
67
+
68
+ .Avatar-module_small__xytAy {
69
+ box-shadow: none;
70
+ border: none;
71
+
72
+ --avatar-x-y: 1.25rem;
85
73
  }
86
- .Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q {
87
- margin-bottom: -1px;
74
+
75
+ .Avatar-module_medium__gDEnT {
76
+ --avatar-x-y: 3rem;
88
77
  }
89
- .Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE {
90
- padding: 0;
78
+
79
+ .Avatar-module_large__bexrc {
80
+ --avatar-x-y: 4.5rem;
91
81
  }
92
- .Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 {
93
- width: 3rem;
94
- height: 3rem;
82
+
83
+ .Avatar-module_xlarge__ifASs {
84
+ --avatar-x-y: 6rem;
95
85
  }
96
- .Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q {
97
- margin-bottom: -1px;
86
+
87
+ .Avatar-module_xxlarge__g7bx6 {
88
+ --avatar-x-y: 7.75rem;
98
89
  }
99
- .Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs {
100
- width: 4.5rem;
101
- height: 4.5rem;
90
+
91
+ /* Themes */
92
+ .Avatar-module_personal__bq8mM {
93
+ background: var(--color-orange-100);
102
94
  }
103
- .Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG {
104
- width: 6rem;
105
- height: 6rem;
95
+
96
+ .Avatar-module_otherUser__U2h5P {
97
+ background: var(--color-gray-300);
106
98
  }
107
- .Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq {
108
- width: 7.75rem;
109
- height: 7.75rem;
99
+
100
+ .Avatar-module_company__YVflF {
101
+ border: 0;
102
+ background: var(--color-white);
103
+ padding: var(--spacing-6);
104
+ border-radius: var(--border-solid-border-radius);
110
105
  }
111
- .Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q {
112
- text-decoration: none;
113
- speak-as: spell-out;
114
- border-bottom: none;
106
+
107
+ .Avatar-module_small__xytAy.Avatar-module_company__YVflF {
108
+ padding: 0;
115
109
  }
116
110
 
117
- .Avatar-module_avatarImage__FuULy {
111
+ .Avatar-module_avatarImage__pHTCF {
118
112
  width: 100%;
119
113
  height: 100%;
120
114
  object-fit: cover;
121
115
  }
122
- .Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy {
116
+
117
+ .Avatar-module_avatarImage__pHTCF.Avatar-module_loading__2i5YE {
123
118
  display: none;
124
119
  }
125
120
 
126
- .Avatar-module_companyAvatarImage__7rlfG {
121
+ .Avatar-module_companyAvatarImage__aGdNm {
127
122
  object-fit: contain;
128
123
  box-sizing: border-box;
129
- border-radius: 4px;
124
+ border-radius: var(--spacing-4);
130
125
  }
131
126
 
132
- .Avatar-module_fallbackIcon__MPWxq {
133
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
134
- font-size: var(--avatar-fallback-icon-size);
135
- }
136
- .Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq {
137
- --avatar-fallback-icon-size: calc(7.75rem * 0.8);
127
+ .Avatar-module_fallbackIcon__RUoRR {
128
+ color: rgba(var(--color-purple-800-rgb), 0.7);
129
+ font-size: calc(var(--avatar-x-y) * 0.7);
138
130
  }
139
- .Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq {
140
- --avatar-fallback-icon-size: calc(6rem * 0.8);
141
- }
142
- .Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq {
143
- --avatar-fallback-icon-size: calc(4.5rem * 0.7);
144
- }
145
- .Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq {
146
- --avatar-fallback-icon-size: calc(3rem * 0.7);
147
- }
148
- .Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq {
149
- --avatar-fallback-icon-size: calc(1.25rem * 0.7);
131
+
132
+ .Avatar-module_xlarge__ifASs .Avatar-module_fallbackIcon__RUoRR,
133
+ .Avatar-module_xxlarge__g7bx6 .Avatar-module_fallbackIcon__RUoRR {
134
+ font-size: calc(var(--avatar-x-y) * 0.8);
150
135
  }
151
136
 
152
- .Avatar-module_initials__VDY2Q {
137
+ .Avatar-module_initials__85roP {
153
138
  box-sizing: border-box;
154
- color: var(--color-purple-800, #2f2438);
139
+ color: var(--color-purple-800);
155
140
  padding-left: 5px;
156
141
  padding-right: 5px;
157
142
  text-align: center;
158
143
  width: 100%;
159
- font-size: 22px;
160
- font-family: var(--typography-heading-1-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
161
- font-weight: var(--typography-heading-1-font-weight, 500);
162
- letter-spacing: var(--typography-heading-3-letter-spacing, normal);
144
+ font-size: var(--typography-heading-3-font-size);
145
+ font-family: var(--typography-heading-1-font-family);
146
+ font-weight: var(--typography-heading-1-font-weight);
147
+ letter-spacing: var(--typography-heading-3-letter-spacing);
163
148
  }
164
- .Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf)::before {
165
- content: "";
149
+
150
+ .Avatar-module_initials__85roP.Avatar-module_longName__02zNk::before {
151
+ content: none;
152
+ }
153
+
154
+ .Avatar-module_initials__85roP::before {
155
+ content: '';
166
156
  display: block;
167
157
  margin-top: -0.001em;
168
158
  }
169
- .Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q, .Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q {
170
- font-size: 34px;
171
- letter-spacing: var(--typography-heading-1-letter-spacing, normal);
159
+
160
+ .Avatar-module_wrapper__elyMq .Avatar-module_initials__85roP {
161
+ text-decoration: none;
162
+ speak-as: spell-out;
163
+
164
+ /* to override materialize.css global styling in performance-ui,
165
+ * which sets a border-bottom on abbr tags
166
+ */
167
+ border-bottom: none;
172
168
  }
173
- .Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q {
174
- font-size: 16px;
175
- font-weight: var(--typography-heading-5-font-weight, 600);
176
- letter-spacing: var(--typography-heading-5-letter-spacing, normal);
169
+
170
+ .Avatar-module_xlarge__ifASs .Avatar-module_initials__85roP,
171
+ .Avatar-module_xxlarge__g7bx6 .Avatar-module_initials__85roP {
172
+ font-size: var(--typography-heading-1-font-size);
173
+ letter-spacing: var(--typography-heading-1-letter-spacing);
177
174
  }
178
- .Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q {
179
- font-size: 8px;
180
- font-weight: var(--typography-heading-5-font-weight, 600);
181
- letter-spacing: var(--typography-heading-5-letter-spacing, normal);
175
+
176
+ .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
177
+ font-size: var(--typography-heading-5-font-size);
182
178
  }
183
179
 
184
- /* stylelint-enable no-descending-specificity */
185
- /** THIS IS AN AUTOGENERATED FILE **/
186
- /** THIS IS AN AUTOGENERATED FILE **/
187
- /** THIS IS AN AUTOGENERATED FILE **/
188
- .AvatarGroup-module_AvatarGroup__bdL0o {
180
+ .Avatar-module_small__xytAy .Avatar-module_initials__85roP {
181
+ font-size: 0.5rem;
182
+ }
183
+
184
+ .Avatar-module_small__xytAy .Avatar-module_initials__85roP,
185
+ .Avatar-module_medium__gDEnT .Avatar-module_initials__85roP {
186
+ margin-bottom: -1px;
187
+ font-weight: var(--typography-heading-5-font-weight);
188
+ letter-spacing: var(--typography-heading-5-letter-spacing);
189
+ }
190
+
191
+ .AvatarGroup-module_AvatarGroup__xftR5 {
189
192
  display: inline-flex;
190
193
  list-style: none;
191
194
  margin: 0;
192
195
  padding: 0;
193
196
  }
194
197
 
195
- .AvatarGroup-module_AvatarCounter__PKFzl {
198
+ .AvatarGroup-module_AvatarCounter__0DCSW {
196
199
  direction: ltr;
197
200
  align-items: center;
198
- background: var(--color-gray-300, #eaeaec);
199
- border: 3px solid var(--color-white, #ffffff);
201
+ background: var(--color-gray-300);
202
+ border: 3px solid var(--color-white);
200
203
  border-radius: 100%;
201
204
  box-sizing: border-box;
202
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
205
+ box-shadow: var(--shadow-small-box-shadow);
203
206
  display: flex;
204
207
  justify-content: center;
205
208
  overflow: hidden;
209
+ width: var(--avatar-x-y, 1.25rem);
210
+ height: var(--avatar-x-y, 1.25rem);
211
+ font-family: var(--typography-heading-5-font-family);
212
+ font-weight: var(--typography-heading-5-font-weight);
213
+ letter-spacing: var(--typography-heading-5-letter-spacing);
214
+ }
215
+
216
+ .AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
217
+ margin-inline-start: calc((var(--avatar-x-y)) / -2);
206
218
  }
207
219
 
208
- .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
209
- margin-inline-start: calc(1.25rem / -2);
220
+ .AvatarGroup-module_small__zX0AT {
221
+ --avatar-x-y: 1.25rem;
210
222
  }
211
- .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl {
223
+
224
+ .AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
212
225
  box-shadow: none;
213
226
  border: none;
214
- width: 1.25rem;
215
- height: 1.25rem;
216
- font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
217
227
  font-size: 0.5rem;
218
- font-weight: var(--typography-heading-5-font-weight, 600);
219
- letter-spacing: var(--typography-heading-5-letter-spacing, normal);
220
228
  }
221
229
 
222
- .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
223
- margin-inline-start: calc(3rem / -2);
230
+ .AvatarGroup-module_medium__0Vlk8 {
231
+ --avatar-x-y: 3rem;
224
232
  }
225
- .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl {
226
- width: 3rem;
227
- height: 3rem;
228
- font-family: var(--typography-heading-5-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
229
- font-size: var(--typography-heading-5-font-size, 1rem);
230
- font-weight: var(--typography-heading-5-font-weight, 600);
231
- letter-spacing: var(--typography-heading-5-letter-spacing, normal);
233
+
234
+ .AvatarGroup-module_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
235
+ font-size: var(--typography-heading-5-font-size);
232
236
  }
233
237
 
234
- .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol- + .AvatarGroup-module_AvatarGroupItem__xQol- {
235
- margin-inline-start: calc(4.5rem / -2);
238
+ .AvatarGroup-module_large__c1ZHO {
239
+ --avatar-x-y: 4.5rem;
236
240
  }
237
- .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl {
238
- width: 4.5rem;
239
- height: 4.5rem;
240
- font-family: var(--typography-heading-3-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
241
- font-size: var(--typography-heading-3-font-size, 1.375rem);
242
- font-weight: var(--typography-heading-3-font-weight, 600);
243
- letter-spacing: var(--typography-heading-3-letter-spacing, normal);
241
+
242
+ .AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
243
+ font-family: var(--typography-heading-3-font-family);
244
+ font-size: var(--typography-heading-3-font-size);
245
+ font-weight: var(--typography-heading-3-font-weight);
246
+ letter-spacing: var(--typography-heading-3-letter-spacing);
244
247
  }
245
- /** THIS IS AN AUTOGENERATED FILE **/
246
- /** THIS IS AN AUTOGENERATED FILE **/
247
- /** THIS IS AN AUTOGENERATED FILE **/
248
- /** THIS IS AN AUTOGENERATED FILE **/
249
- .Badge-module_badge__CRtsW {
250
- border-radius: var(--spacing-sm, 0.75rem);
251
- color: var(--color-purple-800, #2f2438);
248
+
249
+ .Badge-module_badge__ojFmb {
250
+ border-radius: var(--spacing-12);
251
+ color: var(--color-purple-800);
252
252
  display: inline-block;
253
253
  position: relative;
254
- font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
255
- font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
256
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
257
- letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
258
- line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
259
- padding: 1px var(--spacing-xs, 0.375rem);
254
+ font-family: var(--typography-paragraph-extra-small-font-family);
255
+ font-size: var(--typography-paragraph-extra-small-font-size);
256
+ font-weight: var(--typography-paragraph-bold-font-weight);
257
+ letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
258
+ line-height: var(--typography-paragraph-extra-small-line-height);
259
+ padding: 1px var(--spacing-6);
260
260
  min-width: 8px;
261
261
  text-align: center;
262
+ background-color: var(--badge-background-color, var(--color-gray-300));
262
263
  }
263
264
 
264
- .Badge-module_badge__CRtsW.Badge-module_large__0QOpY {
265
+ .Badge-module_reversed__C5Glu {
266
+ --badge-background-color: rgba(var(--color-white-rgb), 0.1);
267
+
268
+ color: var(--color-white);
269
+ }
270
+
271
+ .Badge-module_reversed__C5Glu.Badge-module_active__18-He {
272
+ --badge-background-color: var(--color-green-300);
273
+
274
+ color: var(--color-purple-800);
275
+ }
276
+
277
+ .Badge-module_reversed__C5Glu.Badge-module_dark__SjUFf {
278
+ --badge-background-color: var(--color-purple-700);
279
+
280
+ color: var(--color-white);
281
+ }
282
+
283
+ .Badge-module_large__K10-T {
265
284
  display: inline-flex;
266
285
  justify-content: center;
267
- border-radius: var(--spacing-xl, 3rem);
268
- font-size: var(--typography-data-medium-font-size, 3rem);
269
- line-height: var(--typography-data-medium-line-height, 5rem);
270
- letter-spacing: var(--typography-data-medium-letter-spacing, normal);
286
+ border-radius: var(--spacing-48);
287
+ font-size: var(--typography-data-medium-font-size);
288
+ line-height: var(--typography-data-medium-line-height);
289
+ letter-spacing: var(--typography-data-medium-letter-spacing);
271
290
  padding: 2px 1.875rem;
272
291
  width: 24px;
273
292
  }
274
293
 
275
- .Badge-module_default__k4Kcf {
276
- background-color: var(--color-gray-300, #eaeaec);
277
- color: var(--color-purple-800, #2f2438);
294
+ .Badge-module_default__KNPFc {
295
+ color: var(--color-purple-800);
278
296
  }
279
297
 
280
- .Badge-module_active__-e-i2 {
281
- background-color: var(--color-blue-500, #0168b3);
282
- color: var(--color-white, #ffffff);
283
- }
298
+ .Badge-module_active__18-He {
299
+ --badge-background-color: var(--color-blue-500);
284
300
 
285
- .Badge-module_reversed__OgQLB.Badge-module_active__-e-i2 {
286
- background-color: var(--color-green-300, #8fdbc7);
287
- color: var(--color-purple-800, #2f2438);
301
+ color: var(--color-white);
288
302
  }
289
303
 
290
- .Badge-module_dark__RH34a {
291
- background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.1);
292
- color: var(--color-purple-800, #2f2438);
304
+ .Badge-module_dark__SjUFf {
305
+ --badge-background-color: rgba(var(--color-purple-700-rgb), 0.1);
306
+
307
+ color: var(--color-purple-800);
293
308
  }
294
309
 
295
- .Badge-module_dot__BOKL1 {
296
- background-color: var(--color-green-300, #8fdbc7);
297
- padding: var(--spacing-xs, 0.375rem);
310
+ .Badge-module_dot__NIjOQ {
311
+ --badge-background-color: var(--color-green-300);
312
+
313
+ padding: var(--spacing-6);
298
314
  min-width: unset;
299
315
  }
300
316
 
301
- .Badge-module_dot__BOKL1.Badge-module_large__0QOpY {
302
- background-color: var(--color-green-300, #8fdbc7);
317
+ .Badge-module_dot__NIjOQ.Badge-module_large__K10-T {
303
318
  padding: 1.875rem;
304
319
  width: unset;
305
320
  }
306
321
 
307
- .Badge-module_reversed__OgQLB.Badge-module_dot__BOKL1 {
308
- background-color: var(--color-green-300, #8fdbc7);
309
- }
310
-
311
- .Badge-module_reversed__OgQLB.Badge-module_dark__RH34a {
312
- background-color: var(--color-purple-700, #4a234d);
313
- color: var(--color-white, #ffffff);
322
+ .Badge-module_animation__hYW2H {
323
+ display: inherit;
314
324
  }
315
325
 
316
- .Badge-module_reversed__OgQLB {
317
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
318
- color: var(--color-white, #ffffff);
319
- }
326
+ .Badge-module_animation__hYW2H .Badge-module_badge__ojFmb {
327
+ --badge-duration-timing: (var(--animation-duration-slow) / 2)
328
+ var(--animation-easing-function-ease-in);
320
329
 
321
- .Badge-module_animation__NTy6C {
322
- display: inherit;
323
- }
324
- .Badge-module_animation__NTy6C .Badge-module_badge__CRtsW {
325
- transition: transform var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53)), background-color var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
330
+ transition:
331
+ transform var(--badge-duration-timing),
332
+ background-color var(--badge-duration-timing);
326
333
  transform-origin: center;
327
334
  transform: scale3d(1, 1, 1);
328
335
  }
329
- .Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW {
336
+
337
+ .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb {
330
338
  transform: scale3d(1.35, 1.35, 1.35);
331
339
  }
332
- .Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dark__RH34a {
333
- background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.2);
334
- }
335
- .Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_active__-e-i2 {
336
- background-color: var(--color-blue-500, #0168b3);
337
- color: var(--color-white, #ffffff);
340
+
341
+ .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_dark__SjUFf {
342
+ --badge-background-color: rgba(var(--color-purple-700-rgb), 0.2);
338
343
  }
339
- .Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dot__BOKL1 {
340
- background-color: var(--color-green-300, #8fdbc7);
344
+
345
+ .Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb.Badge-module_active__18-He {
346
+ --badge-background-color: var(--color-blue-500);
347
+
348
+ color: var(--color-white);
341
349
  }
342
- .Brand-module_img__uWvra {
350
+
351
+ .Brand-module_img__-kq3F {
343
352
  max-inline-size: 100%;
344
353
  display: flex;
345
354
  }
355
+
346
356
  /** THIS IS AN AUTOGENERATED FILE **/
347
357
  /** THIS IS AN AUTOGENERATED FILE **/
348
358
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -1193,10 +1203,7 @@
1193
1203
  .Text-module_negative__agbge {
1194
1204
  color: var(--color-red-600, #a82433);
1195
1205
  }
1196
- /** THIS IS AN AUTOGENERATED FILE **/
1197
- /** THIS IS AN AUTOGENERATED FILE **/
1198
- /** THIS IS AN AUTOGENERATED FILE **/
1199
- .BrandMoment-module_body__J4lls {
1206
+ .BrandMoment-module_body__mZWwj {
1200
1207
  width: 100%;
1201
1208
  min-height: 100vh;
1202
1209
  display: flex;
@@ -1206,177 +1213,190 @@
1206
1213
  }
1207
1214
 
1208
1215
  /** @deprecated */
1209
- .BrandMoment-module_positive__78wqJ {
1216
+ .BrandMoment-module_positive__BUY8h {
1210
1217
  --brand-moment-background-color: var(--color-green-100);
1211
1218
  }
1212
1219
 
1213
- .BrandMoment-module_negative__atXal {
1220
+ .BrandMoment-module_negative__dGxqH {
1214
1221
  --brand-moment-background-color: var(--color-red-100);
1215
1222
  }
1216
1223
 
1217
1224
  /** end @deprecated */
1218
- .BrandMoment-module_informative__Qvwcd {
1225
+ .BrandMoment-module_informative__RDHFy {
1219
1226
  --brand-moment-background-color: var(--color-blue-100);
1220
1227
  }
1221
1228
 
1222
- .BrandMoment-module_success__v503M {
1229
+ .BrandMoment-module_success__i-7Fl {
1223
1230
  --brand-moment-background-color: var(--color-green-100);
1224
1231
  }
1225
1232
 
1226
- .BrandMoment-module_warning__dWih8 {
1233
+ .BrandMoment-module_warning__iuyDr {
1227
1234
  --brand-moment-background-color: var(--color-red-100);
1228
1235
  }
1229
1236
 
1230
- .BrandMoment-module_container__4ORHI {
1231
- max-width: 1392px;
1237
+ .BrandMoment-module_container__OlSoH {
1238
+ max-width: var(--layout-content-max-width);
1232
1239
  margin: 0 auto;
1233
- padding: 0 var(--spacing-md, 1.5rem);
1240
+ padding: 0 var(--spacing-24);
1234
1241
  }
1235
1242
 
1236
- @media (min-width: 1080px) {
1237
- .BrandMoment-module_container__4ORHI {
1238
- padding: 0 var(--spacing-xxl, 3.75rem);
1243
+ @media (width >= 1080px) {
1244
+ .BrandMoment-module_container__OlSoH {
1245
+ padding: 0 var(--spacing-64);
1239
1246
  }
1240
1247
  }
1241
- @media (min-width: 1366px) {
1242
- .BrandMoment-module_container__4ORHI {
1243
- padding: 0 var(--spacing-xxxxl, 5.25rem);
1248
+
1249
+ @media (width >= 1366px) {
1250
+ .BrandMoment-module_container__OlSoH {
1251
+ padding: 0 var(--spacing-80);
1244
1252
  }
1245
1253
  }
1246
- .BrandMoment-module_header__EAP5Q {
1254
+
1255
+ .BrandMoment-module_header__sKrWW {
1247
1256
  inline-size: 100%;
1248
- margin-block-end: var(--spacing-md, 1.5rem);
1257
+ margin-block-end: var(--spacing-24);
1249
1258
  }
1250
1259
 
1251
- .BrandMoment-module_main__cdWko {
1260
+ .BrandMoment-module_main__sTJzS {
1252
1261
  flex: 1 0 auto;
1253
1262
  display: flex;
1254
1263
  align-items: center;
1255
- margin-block-end: var(--spacing-xxl, 3.75rem);
1264
+ margin-block-end: var(--spacing-64);
1256
1265
  }
1257
1266
 
1258
- .BrandMoment-module_mainInner__xsFA6 {
1267
+ .BrandMoment-module_mainInner__rdzJ- {
1259
1268
  display: grid;
1260
1269
  grid-template-columns: 1fr;
1261
- gap: var(--spacing-xl, 3rem) var(--spacing-lg, 2.25rem);
1270
+ gap: var(--spacing-48) var(--spacing-32);
1262
1271
  align-items: center;
1263
1272
  }
1264
1273
 
1265
- @media (min-width: 768px) {
1266
- .BrandMoment-module_mainInner__xsFA6 {
1267
- row-gap: var(--spacing-xxl, 3.75rem);
1274
+ @media (width >= 768px) {
1275
+ .BrandMoment-module_mainInner__rdzJ- {
1276
+ row-gap: var(--spacing-64);
1268
1277
  }
1269
1278
  }
1270
- @media (min-width: 1080px) {
1271
- .BrandMoment-module_mainInner__xsFA6 {
1279
+
1280
+ @media (width >= 1080px) {
1281
+ .BrandMoment-module_mainInner__rdzJ- {
1272
1282
  grid-template-columns: 1fr 1fr;
1273
1283
  }
1274
1284
  }
1275
- @media (min-width: 1366px) {
1276
- .BrandMoment-module_mainInner__xsFA6 {
1277
- column-gap: var(--spacing-xxxxl, 5.25rem);
1285
+
1286
+ @media (width >= 1366px) {
1287
+ .BrandMoment-module_mainInner__rdzJ- {
1288
+ column-gap: var(--spacing-80);
1278
1289
  }
1279
1290
  }
1280
- .BrandMoment-module_left__ZHJiM {
1291
+
1292
+ .BrandMoment-module_left__4j1kF {
1281
1293
  display: flex;
1282
1294
  justify-content: center;
1283
1295
  }
1284
1296
 
1285
- .BrandMoment-module_leftInner__TY5DY {
1297
+ .BrandMoment-module_leftInner__41Xmt {
1286
1298
  width: 100%;
1287
1299
  max-width: 525px;
1288
1300
  }
1289
1301
 
1290
- .BrandMoment-module_right__B-PR2 {
1302
+ .BrandMoment-module_right__Jly5e {
1291
1303
  flex-direction: column;
1292
1304
  display: flex;
1293
1305
  justify-content: center;
1294
1306
  align-items: center;
1295
1307
  }
1296
1308
 
1297
- .BrandMoment-module_rightInner__XvQ5Y {
1309
+ .BrandMoment-module_rightInner__Q9Fb1 {
1298
1310
  max-width: 543px;
1299
1311
  }
1300
1312
 
1301
- .BrandMoment-module_subtitle__z9PL8 {
1302
- margin-bottom: var(--spacing-12, 0.75rem);
1313
+ .BrandMoment-module_subtitle__ga5-B {
1314
+ margin-bottom: var(--spacing-12);
1303
1315
  }
1304
1316
 
1305
- .BrandMoment-module_title__GrdAR {
1306
- margin-bottom: var(--spacing-lg, 2.25rem);
1317
+ .BrandMoment-module_title__D5j2N {
1318
+ margin-bottom: var(--spacing-32);
1307
1319
  }
1308
1320
 
1309
- .BrandMoment-module_textBody__W6LvQ {
1310
- margin-bottom: var(--spacing-lg, 2.25rem);
1321
+ .BrandMoment-module_textBody__oNXGM {
1322
+ margin-bottom: var(--spacing-32);
1311
1323
  }
1312
1324
 
1313
- .BrandMoment-module_secondaryAction__d18oJ {
1314
- margin-block-start: var(--spacing-sm, 0.75rem);
1325
+ .BrandMoment-module_secondaryAction__t5zMV {
1326
+ margin-block-start: var(--spacing-12);
1315
1327
  }
1316
1328
 
1317
- @media (min-width: 768px) {
1318
- .BrandMoment-module_actions__Z3NrK {
1329
+ @media (width >= 768px) {
1330
+ .BrandMoment-module_actions__qYQHB {
1319
1331
  display: flex;
1320
1332
  }
1321
- .BrandMoment-module_secondaryAction__d18oJ {
1333
+
1334
+ .BrandMoment-module_secondaryAction__t5zMV {
1322
1335
  margin-block-start: 0;
1323
- margin-inline-start: var(--spacing-sm, 0.75rem);
1336
+ margin-inline-start: var(--spacing-12);
1324
1337
  }
1325
1338
  }
1326
- @media (min-width: 1080px) {
1327
- .BrandMoment-module_left__ZHJiM {
1339
+
1340
+ @media (width >= 1080px) {
1341
+ .BrandMoment-module_left__4j1kF {
1328
1342
  justify-content: flex-end;
1329
1343
  }
1330
- .BrandMoment-module_right__B-PR2 {
1344
+
1345
+ .BrandMoment-module_right__Jly5e {
1331
1346
  align-items: flex-start;
1332
1347
  }
1333
1348
  }
1334
- .BrandMoment-module_footer__vSeX1 {
1349
+
1350
+ .BrandMoment-module_footer__RXyg- {
1335
1351
  flex: 0 0 auto;
1336
1352
  }
1337
1353
 
1338
- .BrandMoment-module_footerInner__Wt9Rt {
1354
+ .BrandMoment-module_footerInner__rTK8U {
1339
1355
  display: flex;
1340
1356
  flex-direction: column;
1341
- border-block-start: 1px solid var(--color-purple-800, #2f2438);
1342
- border-inline-start: 1px solid var(--color-purple-800, #2f2438);
1343
- padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1.5rem);
1344
- margin-block-end: var(--spacing-lg, 2.25rem);
1357
+ border-block-start: 1px solid var(--color-purple-800);
1358
+ border-inline-start: 1px solid var(--color-purple-800);
1359
+ padding: var(--spacing-12) var(--spacing-24);
1360
+ margin-block-end: var(--spacing-32);
1345
1361
  }
1346
1362
 
1347
- .BrandMoment-module_poweredByContainer__OkhVN {
1363
+ .BrandMoment-module_poweredByContainer__vIfJu {
1348
1364
  flex: 0 0 auto;
1349
1365
  order: 2;
1350
1366
  display: flex;
1351
1367
  }
1352
1368
 
1353
- .BrandMoment-module_footerTextContainer__8iin9 {
1369
+ .BrandMoment-module_footerTextContainer__2GPk4 {
1354
1370
  flex: 1 1 auto;
1355
1371
  order: 1;
1356
- margin-block-end: var(--spacing-md, 1.5rem);
1372
+ margin-block-end: var(--spacing-24);
1357
1373
  }
1358
1374
 
1359
- .BrandMoment-module_poweredByLogo__w6M7o {
1360
- margin-inline-start: var(--spacing-xs, 0.375rem);
1361
- }
1362
- .BrandMoment-module_poweredByLogo__w6M7o > img {
1363
- max-width: 133px;
1375
+ .BrandMoment-module_poweredByLogo__BL-Ti {
1376
+ margin-inline-start: var(--spacing-6);
1377
+
1378
+ > img {
1379
+ max-width: 133px;
1380
+ }
1364
1381
  }
1365
1382
 
1366
- @media (min-width: 1080px) {
1367
- .BrandMoment-module_footerInner__Wt9Rt {
1383
+ @media (width >= 1080px) {
1384
+ .BrandMoment-module_footerInner__rTK8U {
1368
1385
  flex-direction: row;
1369
1386
  align-items: center;
1370
1387
  }
1371
- .BrandMoment-module_footerTextContainer__8iin9 {
1388
+
1389
+ .BrandMoment-module_footerTextContainer__2GPk4 {
1372
1390
  order: initial;
1373
1391
  margin-block-end: 0;
1374
- margin-inline-start: var(--spacing-md, 1.5rem);
1392
+ margin-inline-start: var(--spacing-24);
1375
1393
  }
1376
- .BrandMoment-module_poweredByContainer__OkhVN {
1394
+
1395
+ .BrandMoment-module_poweredByContainer__vIfJu {
1377
1396
  order: initial;
1378
1397
  }
1379
1398
  }
1399
+
1380
1400
  /** THIS IS AN AUTOGENERATED FILE **/
1381
1401
  /** THIS IS AN AUTOGENERATED FILE **/
1382
1402
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -1575,39 +1595,55 @@
1575
1595
  .Tooltip-module_displayInlineFlex__quEIM {
1576
1596
  display: inline-flex;
1577
1597
  }
1578
- /** THIS IS AN AUTOGENERATED FILE **/
1579
- /** THIS IS AN AUTOGENERATED FILE **/
1580
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j {
1581
- border-start-start-radius: var(--border-focus-ring-border-radius, 10px);
1582
- border-end-start-radius: var(--border-focus-ring-border-radius, 10px);
1583
- }
1584
-
1585
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after, .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx {
1586
- border-start-end-radius: var(--border-focus-ring-border-radius, 10px);
1587
- border-end-end-radius: var(--border-focus-ring-border-radius, 10px);
1588
- }
1598
+ .ButtonGroup-module_buttonGroup__V0Pf9 {
1599
+ --focus-ring-offset: 1px;
1600
+ --focus-ring-offset-inner: calc(-1 * var(--focus-ring-offset));
1589
1601
 
1590
- .ButtonGroup-module_buttonGroup__bsy2X {
1591
1602
  display: inline-flex;
1592
1603
  }
1593
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP- {
1604
+
1605
+ .ButtonGroup-module_child__j1SVF {
1594
1606
  border-radius: 0;
1595
1607
  }
1596
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible::after {
1608
+
1609
+ .ButtonGroup-module_child__j1SVF:focus-visible::after {
1597
1610
  border-radius: 0;
1598
1611
  }
1599
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j) {
1600
- border-inline-start: 1px solid var(--color-blue-300, #73c0e8);
1612
+
1613
+ .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS) {
1614
+ border-inline-start: 1px solid var(--color-blue-300);
1615
+ }
1616
+
1617
+ .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS, .ButtonGroup-module_lastChild__WBOpN) {
1618
+ &:focus-visible {
1619
+ &::after {
1620
+ inset-inline: var(--focus-ring-offset-inner);
1621
+ }
1622
+ }
1623
+ }
1624
+
1625
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS {
1626
+ border-start-start-radius: var(--border-focus-ring-border-radius);
1627
+ border-end-start-radius: var(--border-focus-ring-border-radius);
1601
1628
  }
1602
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j, .ButtonGroup-module_lastChild__Vicsx):focus-visible::after {
1603
- inset-inline: calc(-1 * 1px) calc(-1 * 1px);
1629
+
1630
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS:focus-visible::after {
1631
+ border-start-start-radius: var(--border-focus-ring-border-radius);
1632
+ border-end-start-radius: var(--border-focus-ring-border-radius);
1633
+ inset-inline-end: var(--focus-ring-offset-inner);
1604
1634
  }
1605
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible::after {
1606
- inset-inline-end: calc(-1 * 1px);
1635
+
1636
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN {
1637
+ border-start-end-radius: var(--border-focus-ring-border-radius);
1638
+ border-end-end-radius: var(--border-focus-ring-border-radius);
1607
1639
  }
1608
- .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible::after {
1609
- inset-inline-start: calc(-1 * 1px);
1640
+
1641
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN:focus-visible::after {
1642
+ border-start-end-radius: var(--border-focus-ring-border-radius);
1643
+ border-end-end-radius: var(--border-focus-ring-border-radius);
1644
+ inset-inline-start: var(--focus-ring-offset-inner);
1610
1645
  }
1646
+
1611
1647
  /** THIS IS AN AUTOGENERATED FILE **/
1612
1648
  /** THIS IS AN AUTOGENERATED FILE **/
1613
1649
  /** THIS IS AN AUTOGENERATED FILE **/