@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.
- package/dist/cjs/Avatar/Avatar.cjs +3 -3
- package/dist/cjs/Avatar/Avatar.module.css.cjs +20 -0
- package/dist/cjs/AvatarGroup/AvatarGroup.cjs +1 -1
- package/dist/cjs/AvatarGroup/AvatarGroup.module.css.cjs +11 -0
- package/dist/cjs/Badge/Badge.cjs +1 -1
- package/dist/cjs/Badge/Badge.module.css.cjs +14 -0
- package/dist/cjs/Brand/Brand.cjs +1 -1
- package/dist/cjs/Brand/{Brand.module.scss.cjs → Brand.module.css.cjs} +1 -1
- package/dist/cjs/BrandMoment/BrandMoment.cjs +1 -1
- package/dist/cjs/BrandMoment/BrandMoment.module.css.cjs +29 -0
- package/dist/cjs/ButtonGroup/ButtonGroup.cjs +1 -1
- package/dist/cjs/ButtonGroup/ButtonGroup.module.css.cjs +9 -0
- package/dist/esm/Avatar/Avatar.mjs +6 -6
- package/dist/esm/Avatar/Avatar.module.css.mjs +18 -0
- package/dist/esm/AvatarGroup/AvatarGroup.mjs +2 -2
- package/dist/esm/AvatarGroup/AvatarGroup.module.css.mjs +9 -0
- package/dist/esm/Badge/Badge.mjs +1 -1
- package/dist/esm/Badge/Badge.module.css.mjs +12 -0
- package/dist/esm/Brand/Brand.mjs +1 -1
- package/dist/esm/Brand/{Brand.module.scss.mjs → Brand.module.css.mjs} +1 -1
- package/dist/esm/BrandMoment/BrandMoment.mjs +6 -6
- package/dist/esm/BrandMoment/BrandMoment.module.css.mjs +27 -0
- package/dist/esm/Button/GenericButton/GenericButton.mjs +2 -2
- package/dist/esm/ButtonGroup/ButtonGroup.mjs +1 -1
- package/dist/esm/ButtonGroup/ButtonGroup.module.css.mjs +7 -0
- package/dist/esm/Collapsible/Collapsible/Collapsible.mjs +2 -2
- package/dist/esm/DatePicker/DatePicker.mjs +1 -1
- package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
- package/dist/esm/DatePicker/utils/validateDate.mjs +3 -3
- package/dist/esm/DateRangePicker/DateRangePicker.mjs +1 -1
- package/dist/esm/EmptyState/EmptyState.mjs +2 -2
- package/dist/esm/FieldMessage/FieldMessage.mjs +1 -1
- package/dist/esm/Filter/Filter/Filter.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +2 -2
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +2 -2
- package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs +1 -1
- package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
- package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +1 -1
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +3 -3
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +1 -1
- package/dist/esm/GuidanceBlock/GuidanceBlock.mjs +4 -4
- package/dist/esm/Illustration/subcomponents/Base/Base.mjs +2 -2
- package/dist/esm/Input/InputRange/InputRange.mjs +1 -1
- package/dist/esm/Input/InputSearch/InputSearch.mjs +3 -3
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +1 -1
- package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs +1 -1
- package/dist/esm/Modal/ContextModal/ContextModal.mjs +1 -1
- package/dist/esm/Modal/GenericModal/GenericModal.mjs +1 -1
- package/dist/esm/MultiSelect/MultiSelect.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs +1 -1
- package/dist/esm/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +2 -2
- package/dist/esm/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +1 -1
- package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs +3 -3
- package/dist/esm/Pagination/Pagination.mjs +2 -2
- package/dist/esm/Popover/Popover.mjs +3 -3
- package/dist/esm/ProgressBar/ProgressBar.mjs +1 -1
- package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs +3 -3
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs +1 -1
- package/dist/esm/SearchField/SearchField.mjs +1 -1
- package/dist/esm/Select/Select.mjs +1 -1
- package/dist/esm/Slider/Slider.mjs +1 -1
- package/dist/esm/Table/Table.mjs +15 -15
- package/dist/esm/Tabs/subcomponents/Tab.mjs +1 -1
- package/dist/esm/Tag/Tag.mjs +2 -2
- package/dist/esm/TextAreaField/TextAreaField.mjs +1 -1
- package/dist/esm/TextField/TextField.mjs +3 -3
- package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs +1 -1
- package/dist/esm/Tile/TileGrid/TileGrid.mjs +2 -2
- package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs +5 -5
- package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +12 -12
- package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs +5 -5
- package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs +5 -5
- package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs +2 -2
- package/dist/esm/Tooltip/Tooltip.mjs +1 -1
- package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +1 -1
- package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.mjs +1 -1
- package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.mjs +1 -1
- package/dist/esm/__rc__/Menu/MenuItem.mjs +2 -2
- package/dist/esm/__rc__/Select/Select.mjs +3 -3
- package/dist/esm/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
- package/dist/esm/__rc__/Select/subcomponents/ListItem/ListItem.mjs +2 -2
- package/dist/esm/__rc__/Select/utils/transformSelectItemToCollectionElement.mjs +2 -2
- package/dist/esm/__rc__/Tabs/subcomponents/Tab/Tab.mjs +1 -1
- package/dist/esm/__rc__/Tooltip/Tooltip.mjs +1 -1
- package/dist/esm/utils/getNodeText.mjs +1 -1
- package/dist/styles.css +313 -277
- package/package.json +1 -1
- package/src/Avatar/Avatar.module.css +138 -0
- package/src/Avatar/Avatar.tsx +6 -3
- package/src/AvatarGroup/AvatarGroup.module.css +57 -0
- package/src/AvatarGroup/AvatarGroup.tsx +1 -1
- package/src/Badge/Badge.module.css +101 -0
- package/src/Badge/Badge.tsx +1 -1
- package/src/Brand/Brand.tsx +1 -1
- package/src/BrandMoment/{BrandMoment.module.scss → BrandMoment.module.css} +29 -50
- package/src/BrandMoment/BrandMoment.tsx +1 -1
- package/src/ButtonGroup/ButtonGroup.module.css +48 -0
- package/src/ButtonGroup/ButtonGroup.tsx +1 -1
- package/dist/cjs/Avatar/Avatar.module.scss.cjs +0 -20
- package/dist/cjs/AvatarGroup/AvatarGroup.module.scss.cjs +0 -11
- package/dist/cjs/Badge/Badge.module.scss.cjs +0 -14
- package/dist/cjs/BrandMoment/BrandMoment.module.scss.cjs +0 -29
- package/dist/cjs/ButtonGroup/ButtonGroup.module.scss.cjs +0 -9
- package/dist/esm/Avatar/Avatar.module.scss.mjs +0 -18
- package/dist/esm/AvatarGroup/AvatarGroup.module.scss.mjs +0 -9
- package/dist/esm/Badge/Badge.module.scss.mjs +0 -12
- package/dist/esm/BrandMoment/BrandMoment.module.scss.mjs +0 -27
- package/dist/esm/ButtonGroup/ButtonGroup.module.scss.mjs +0 -7
- package/src/Avatar/Avatar.module.scss +0 -169
- package/src/AvatarGroup/AvatarGroup.module.scss +0 -79
- package/src/Badge/Badge.module.scss +0 -113
- /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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
87
|
-
|
|
74
|
+
|
|
75
|
+
.Avatar-module_medium__gDEnT {
|
|
76
|
+
--avatar-x-y: 3rem;
|
|
88
77
|
}
|
|
89
|
-
|
|
90
|
-
|
|
78
|
+
|
|
79
|
+
.Avatar-module_large__bexrc {
|
|
80
|
+
--avatar-x-y: 4.5rem;
|
|
91
81
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
82
|
+
|
|
83
|
+
.Avatar-module_xlarge__ifASs {
|
|
84
|
+
--avatar-x-y: 6rem;
|
|
95
85
|
}
|
|
96
|
-
|
|
97
|
-
|
|
86
|
+
|
|
87
|
+
.Avatar-module_xxlarge__g7bx6 {
|
|
88
|
+
--avatar-x-y: 7.75rem;
|
|
98
89
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
90
|
+
|
|
91
|
+
/* Themes */
|
|
92
|
+
.Avatar-module_personal__bq8mM {
|
|
93
|
+
background: var(--color-orange-100);
|
|
102
94
|
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
95
|
+
|
|
96
|
+
.Avatar-module_otherUser__U2h5P {
|
|
97
|
+
background: var(--color-gray-300);
|
|
106
98
|
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
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
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
border-bottom: none;
|
|
106
|
+
|
|
107
|
+
.Avatar-module_small__xytAy.Avatar-module_company__YVflF {
|
|
108
|
+
padding: 0;
|
|
115
109
|
}
|
|
116
110
|
|
|
117
|
-
.Avatar-
|
|
111
|
+
.Avatar-module_avatarImage__pHTCF {
|
|
118
112
|
width: 100%;
|
|
119
113
|
height: 100%;
|
|
120
114
|
object-fit: cover;
|
|
121
115
|
}
|
|
122
|
-
|
|
116
|
+
|
|
117
|
+
.Avatar-module_avatarImage__pHTCF.Avatar-module_loading__2i5YE {
|
|
123
118
|
display: none;
|
|
124
119
|
}
|
|
125
120
|
|
|
126
|
-
.Avatar-
|
|
121
|
+
.Avatar-module_companyAvatarImage__aGdNm {
|
|
127
122
|
object-fit: contain;
|
|
128
123
|
box-sizing: border-box;
|
|
129
|
-
border-radius:
|
|
124
|
+
border-radius: var(--spacing-4);
|
|
130
125
|
}
|
|
131
126
|
|
|
132
|
-
.Avatar-
|
|
133
|
-
color: rgba(var(--color-purple-800-rgb
|
|
134
|
-
font-size: var(--avatar-
|
|
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
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
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-
|
|
137
|
+
.Avatar-module_initials__85roP {
|
|
153
138
|
box-sizing: border-box;
|
|
154
|
-
color: var(--color-purple-800
|
|
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:
|
|
160
|
-
font-family: var(--typography-heading-1-font-family
|
|
161
|
-
font-weight: var(--typography-heading-1-font-weight
|
|
162
|
-
letter-spacing: var(--typography-heading-3-letter-spacing
|
|
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
|
-
|
|
165
|
-
|
|
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
|
-
|
|
170
|
-
|
|
171
|
-
|
|
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
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
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
|
-
|
|
179
|
-
|
|
180
|
-
font-
|
|
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
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
.
|
|
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-
|
|
198
|
+
.AvatarGroup-module_AvatarCounter__0DCSW {
|
|
196
199
|
direction: ltr;
|
|
197
200
|
align-items: center;
|
|
198
|
-
background: var(--color-gray-300
|
|
199
|
-
border: 3px solid var(--color-white
|
|
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
|
|
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-
|
|
209
|
-
|
|
220
|
+
.AvatarGroup-module_small__zX0AT {
|
|
221
|
+
--avatar-x-y: 1.25rem;
|
|
210
222
|
}
|
|
211
|
-
|
|
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-
|
|
223
|
-
|
|
230
|
+
.AvatarGroup-module_medium__0Vlk8 {
|
|
231
|
+
--avatar-x-y: 3rem;
|
|
224
232
|
}
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
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-
|
|
235
|
-
|
|
238
|
+
.AvatarGroup-module_large__c1ZHO {
|
|
239
|
+
--avatar-x-y: 4.5rem;
|
|
236
240
|
}
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
font-
|
|
241
|
-
font-
|
|
242
|
-
|
|
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
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
268
|
-
font-size: var(--typography-data-medium-font-size
|
|
269
|
-
line-height: var(--typography-data-medium-line-height
|
|
270
|
-
letter-spacing: var(--typography-data-medium-letter-spacing
|
|
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-
|
|
276
|
-
|
|
277
|
-
color: var(--color-purple-800, #2f2438);
|
|
294
|
+
.Badge-module_default__KNPFc {
|
|
295
|
+
color: var(--color-purple-800);
|
|
278
296
|
}
|
|
279
297
|
|
|
280
|
-
.Badge-
|
|
281
|
-
background-color: var(--color-blue-500
|
|
282
|
-
color: var(--color-white, #ffffff);
|
|
283
|
-
}
|
|
298
|
+
.Badge-module_active__18-He {
|
|
299
|
+
--badge-background-color: var(--color-blue-500);
|
|
284
300
|
|
|
285
|
-
|
|
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-
|
|
291
|
-
background-color: rgba(var(--color-purple-700-rgb
|
|
292
|
-
|
|
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-
|
|
296
|
-
background-color: var(--color-green-300
|
|
297
|
-
|
|
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-
|
|
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-
|
|
308
|
-
|
|
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-
|
|
317
|
-
|
|
318
|
-
|
|
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
|
-
|
|
322
|
-
|
|
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
|
-
|
|
336
|
+
|
|
337
|
+
.Badge-module_animationOn__6Seca .Badge-module_badge__ojFmb {
|
|
330
338
|
transform: scale3d(1.35, 1.35, 1.35);
|
|
331
339
|
}
|
|
332
|
-
|
|
333
|
-
|
|
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
|
-
|
|
340
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
1216
|
+
.BrandMoment-module_positive__BUY8h {
|
|
1210
1217
|
--brand-moment-background-color: var(--color-green-100);
|
|
1211
1218
|
}
|
|
1212
1219
|
|
|
1213
|
-
.BrandMoment-
|
|
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-
|
|
1225
|
+
.BrandMoment-module_informative__RDHFy {
|
|
1219
1226
|
--brand-moment-background-color: var(--color-blue-100);
|
|
1220
1227
|
}
|
|
1221
1228
|
|
|
1222
|
-
.BrandMoment-
|
|
1229
|
+
.BrandMoment-module_success__i-7Fl {
|
|
1223
1230
|
--brand-moment-background-color: var(--color-green-100);
|
|
1224
1231
|
}
|
|
1225
1232
|
|
|
1226
|
-
.BrandMoment-
|
|
1233
|
+
.BrandMoment-module_warning__iuyDr {
|
|
1227
1234
|
--brand-moment-background-color: var(--color-red-100);
|
|
1228
1235
|
}
|
|
1229
1236
|
|
|
1230
|
-
.BrandMoment-
|
|
1231
|
-
max-width:
|
|
1237
|
+
.BrandMoment-module_container__OlSoH {
|
|
1238
|
+
max-width: var(--layout-content-max-width);
|
|
1232
1239
|
margin: 0 auto;
|
|
1233
|
-
padding: 0 var(--spacing-
|
|
1240
|
+
padding: 0 var(--spacing-24);
|
|
1234
1241
|
}
|
|
1235
1242
|
|
|
1236
|
-
@media (
|
|
1237
|
-
.BrandMoment-
|
|
1238
|
-
padding: 0 var(--spacing-
|
|
1243
|
+
@media (width >= 1080px) {
|
|
1244
|
+
.BrandMoment-module_container__OlSoH {
|
|
1245
|
+
padding: 0 var(--spacing-64);
|
|
1239
1246
|
}
|
|
1240
1247
|
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1248
|
+
|
|
1249
|
+
@media (width >= 1366px) {
|
|
1250
|
+
.BrandMoment-module_container__OlSoH {
|
|
1251
|
+
padding: 0 var(--spacing-80);
|
|
1244
1252
|
}
|
|
1245
1253
|
}
|
|
1246
|
-
|
|
1254
|
+
|
|
1255
|
+
.BrandMoment-module_header__sKrWW {
|
|
1247
1256
|
inline-size: 100%;
|
|
1248
|
-
margin-block-end: var(--spacing-
|
|
1257
|
+
margin-block-end: var(--spacing-24);
|
|
1249
1258
|
}
|
|
1250
1259
|
|
|
1251
|
-
.BrandMoment-
|
|
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-
|
|
1264
|
+
margin-block-end: var(--spacing-64);
|
|
1256
1265
|
}
|
|
1257
1266
|
|
|
1258
|
-
.BrandMoment-
|
|
1267
|
+
.BrandMoment-module_mainInner__rdzJ- {
|
|
1259
1268
|
display: grid;
|
|
1260
1269
|
grid-template-columns: 1fr;
|
|
1261
|
-
gap: var(--spacing-
|
|
1270
|
+
gap: var(--spacing-48) var(--spacing-32);
|
|
1262
1271
|
align-items: center;
|
|
1263
1272
|
}
|
|
1264
1273
|
|
|
1265
|
-
@media (
|
|
1266
|
-
.BrandMoment-
|
|
1267
|
-
row-gap: var(--spacing-
|
|
1274
|
+
@media (width >= 768px) {
|
|
1275
|
+
.BrandMoment-module_mainInner__rdzJ- {
|
|
1276
|
+
row-gap: var(--spacing-64);
|
|
1268
1277
|
}
|
|
1269
1278
|
}
|
|
1270
|
-
|
|
1271
|
-
|
|
1279
|
+
|
|
1280
|
+
@media (width >= 1080px) {
|
|
1281
|
+
.BrandMoment-module_mainInner__rdzJ- {
|
|
1272
1282
|
grid-template-columns: 1fr 1fr;
|
|
1273
1283
|
}
|
|
1274
1284
|
}
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1285
|
+
|
|
1286
|
+
@media (width >= 1366px) {
|
|
1287
|
+
.BrandMoment-module_mainInner__rdzJ- {
|
|
1288
|
+
column-gap: var(--spacing-80);
|
|
1278
1289
|
}
|
|
1279
1290
|
}
|
|
1280
|
-
|
|
1291
|
+
|
|
1292
|
+
.BrandMoment-module_left__4j1kF {
|
|
1281
1293
|
display: flex;
|
|
1282
1294
|
justify-content: center;
|
|
1283
1295
|
}
|
|
1284
1296
|
|
|
1285
|
-
.BrandMoment-
|
|
1297
|
+
.BrandMoment-module_leftInner__41Xmt {
|
|
1286
1298
|
width: 100%;
|
|
1287
1299
|
max-width: 525px;
|
|
1288
1300
|
}
|
|
1289
1301
|
|
|
1290
|
-
.BrandMoment-
|
|
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-
|
|
1309
|
+
.BrandMoment-module_rightInner__Q9Fb1 {
|
|
1298
1310
|
max-width: 543px;
|
|
1299
1311
|
}
|
|
1300
1312
|
|
|
1301
|
-
.BrandMoment-
|
|
1302
|
-
margin-bottom: var(--spacing-12
|
|
1313
|
+
.BrandMoment-module_subtitle__ga5-B {
|
|
1314
|
+
margin-bottom: var(--spacing-12);
|
|
1303
1315
|
}
|
|
1304
1316
|
|
|
1305
|
-
.BrandMoment-
|
|
1306
|
-
margin-bottom: var(--spacing-
|
|
1317
|
+
.BrandMoment-module_title__D5j2N {
|
|
1318
|
+
margin-bottom: var(--spacing-32);
|
|
1307
1319
|
}
|
|
1308
1320
|
|
|
1309
|
-
.BrandMoment-
|
|
1310
|
-
margin-bottom: var(--spacing-
|
|
1321
|
+
.BrandMoment-module_textBody__oNXGM {
|
|
1322
|
+
margin-bottom: var(--spacing-32);
|
|
1311
1323
|
}
|
|
1312
1324
|
|
|
1313
|
-
.BrandMoment-
|
|
1314
|
-
margin-block-start: var(--spacing-
|
|
1325
|
+
.BrandMoment-module_secondaryAction__t5zMV {
|
|
1326
|
+
margin-block-start: var(--spacing-12);
|
|
1315
1327
|
}
|
|
1316
1328
|
|
|
1317
|
-
@media (
|
|
1318
|
-
.BrandMoment-
|
|
1329
|
+
@media (width >= 768px) {
|
|
1330
|
+
.BrandMoment-module_actions__qYQHB {
|
|
1319
1331
|
display: flex;
|
|
1320
1332
|
}
|
|
1321
|
-
|
|
1333
|
+
|
|
1334
|
+
.BrandMoment-module_secondaryAction__t5zMV {
|
|
1322
1335
|
margin-block-start: 0;
|
|
1323
|
-
margin-inline-start: var(--spacing-
|
|
1336
|
+
margin-inline-start: var(--spacing-12);
|
|
1324
1337
|
}
|
|
1325
1338
|
}
|
|
1326
|
-
|
|
1327
|
-
|
|
1339
|
+
|
|
1340
|
+
@media (width >= 1080px) {
|
|
1341
|
+
.BrandMoment-module_left__4j1kF {
|
|
1328
1342
|
justify-content: flex-end;
|
|
1329
1343
|
}
|
|
1330
|
-
|
|
1344
|
+
|
|
1345
|
+
.BrandMoment-module_right__Jly5e {
|
|
1331
1346
|
align-items: flex-start;
|
|
1332
1347
|
}
|
|
1333
1348
|
}
|
|
1334
|
-
|
|
1349
|
+
|
|
1350
|
+
.BrandMoment-module_footer__RXyg- {
|
|
1335
1351
|
flex: 0 0 auto;
|
|
1336
1352
|
}
|
|
1337
1353
|
|
|
1338
|
-
.BrandMoment-
|
|
1354
|
+
.BrandMoment-module_footerInner__rTK8U {
|
|
1339
1355
|
display: flex;
|
|
1340
1356
|
flex-direction: column;
|
|
1341
|
-
border-block-start: 1px solid var(--color-purple-800
|
|
1342
|
-
border-inline-start: 1px solid var(--color-purple-800
|
|
1343
|
-
padding: var(--spacing-
|
|
1344
|
-
margin-block-end: var(--spacing-
|
|
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-
|
|
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-
|
|
1369
|
+
.BrandMoment-module_footerTextContainer__2GPk4 {
|
|
1354
1370
|
flex: 1 1 auto;
|
|
1355
1371
|
order: 1;
|
|
1356
|
-
margin-block-end: var(--spacing-
|
|
1372
|
+
margin-block-end: var(--spacing-24);
|
|
1357
1373
|
}
|
|
1358
1374
|
|
|
1359
|
-
.BrandMoment-
|
|
1360
|
-
margin-inline-start: var(--spacing-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
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 (
|
|
1367
|
-
.BrandMoment-
|
|
1383
|
+
@media (width >= 1080px) {
|
|
1384
|
+
.BrandMoment-module_footerInner__rTK8U {
|
|
1368
1385
|
flex-direction: row;
|
|
1369
1386
|
align-items: center;
|
|
1370
1387
|
}
|
|
1371
|
-
|
|
1388
|
+
|
|
1389
|
+
.BrandMoment-module_footerTextContainer__2GPk4 {
|
|
1372
1390
|
order: initial;
|
|
1373
1391
|
margin-block-end: 0;
|
|
1374
|
-
margin-inline-start: var(--spacing-
|
|
1392
|
+
margin-inline-start: var(--spacing-24);
|
|
1375
1393
|
}
|
|
1376
|
-
|
|
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
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
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
|
-
|
|
1604
|
+
|
|
1605
|
+
.ButtonGroup-module_child__j1SVF {
|
|
1594
1606
|
border-radius: 0;
|
|
1595
1607
|
}
|
|
1596
|
-
|
|
1608
|
+
|
|
1609
|
+
.ButtonGroup-module_child__j1SVF:focus-visible::after {
|
|
1597
1610
|
border-radius: 0;
|
|
1598
1611
|
}
|
|
1599
|
-
|
|
1600
|
-
|
|
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
|
-
|
|
1603
|
-
|
|
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
|
-
|
|
1606
|
-
|
|
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
|
-
|
|
1609
|
-
|
|
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 **/
|