@kaizen/components 3.3.3 → 3.3.5

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.
@@ -20,8 +20,7 @@ export const transformActionsToActionsSlot = (
20
20
  let arrowIconWasAdded = false
21
21
 
22
22
  const primaryAction = node.properties.find((prop) => prop?.name?.getText() === 'primary') as
23
- | ts.PropertyAssignment
24
- | undefined
23
+ ts.PropertyAssignment | undefined
25
24
 
26
25
  const secondaryAction = node.properties.find(
27
26
  (prop) => prop?.name?.getText() === 'secondary',
@@ -161,7 +161,8 @@ var SingleValue = function (props) {
161
161
  };
162
162
  var MultiValue = function (props) {
163
163
  return React__default.default.createElement("div", {
164
- className: Select_module.multiValue
164
+ className: Select_module.multiValue,
165
+ title: String(props.children)
165
166
  }, React__default.default.createElement(Tag.Tag, {
166
167
  variant: "default",
167
168
  dismissible: true,
@@ -1,31 +1,31 @@
1
1
  'use strict';
2
2
 
3
3
  var modules_7db85bb8 = {
4
- "specificityIncreaser": "Select_module_specificityIncreaser__eed63bdd",
5
- "secondary": "Select_module_secondary__eed63bdd",
6
- "default": "Select_module_default__eed63bdd",
7
- "control": "Select_module_control__eed63bdd",
8
- "focusedControl": "Select_module_focusedControl__eed63bdd",
9
- "secondarySmall": "Select_module_secondarySmall__eed63bdd",
10
- "multiValue": "Select_module_multiValue__eed63bdd",
11
- "dropdownIndicator": "Select_module_dropdownIndicator__eed63bdd",
12
- "disabled": "Select_module_disabled__eed63bdd",
13
- "valueContainer": "Select_module_valueContainer__eed63bdd",
14
- "indicatorsContainer": "Select_module_indicatorsContainer__eed63bdd",
15
- "loadingMessage": "Select_module_loadingMessage__eed63bdd",
16
- "menu": "Select_module_menu__eed63bdd",
17
- "groupHeading": "Select_module_groupHeading__eed63bdd",
18
- "option": "Select_module_option__eed63bdd",
19
- "focusedOption": "Select_module_focusedOption__eed63bdd",
20
- "disabledOption": "Select_module_disabledOption__eed63bdd",
21
- "selectedOption": "Select_module_selectedOption__eed63bdd",
22
- "noOptionsMessage": "Select_module_noOptionsMessage__eed63bdd",
23
- "singleValue": "Select_module_singleValue__eed63bdd",
24
- "reversed": "Select_module_reversed__eed63bdd",
25
- "singleValueOverrides": "Select_module_singleValueOverrides__eed63bdd",
26
- "input": "Select_module_input__eed63bdd",
27
- "error": "Select_module_error__eed63bdd",
28
- "clearIndicator": "Select_module_clearIndicator__eed63bdd",
29
- "notFullWidth": "Select_module_notFullWidth__eed63bdd"
4
+ "specificityIncreaser": "Select_module_specificityIncreaser__309b799b",
5
+ "secondary": "Select_module_secondary__309b799b",
6
+ "default": "Select_module_default__309b799b",
7
+ "control": "Select_module_control__309b799b",
8
+ "focusedControl": "Select_module_focusedControl__309b799b",
9
+ "secondarySmall": "Select_module_secondarySmall__309b799b",
10
+ "multiValue": "Select_module_multiValue__309b799b",
11
+ "dropdownIndicator": "Select_module_dropdownIndicator__309b799b",
12
+ "disabled": "Select_module_disabled__309b799b",
13
+ "valueContainer": "Select_module_valueContainer__309b799b",
14
+ "indicatorsContainer": "Select_module_indicatorsContainer__309b799b",
15
+ "loadingMessage": "Select_module_loadingMessage__309b799b",
16
+ "menu": "Select_module_menu__309b799b",
17
+ "groupHeading": "Select_module_groupHeading__309b799b",
18
+ "option": "Select_module_option__309b799b",
19
+ "focusedOption": "Select_module_focusedOption__309b799b",
20
+ "disabledOption": "Select_module_disabledOption__309b799b",
21
+ "selectedOption": "Select_module_selectedOption__309b799b",
22
+ "noOptionsMessage": "Select_module_noOptionsMessage__309b799b",
23
+ "singleValue": "Select_module_singleValue__309b799b",
24
+ "reversed": "Select_module_reversed__309b799b",
25
+ "singleValueOverrides": "Select_module_singleValueOverrides__309b799b",
26
+ "input": "Select_module_input__309b799b",
27
+ "error": "Select_module_error__309b799b",
28
+ "clearIndicator": "Select_module_clearIndicator__309b799b",
29
+ "notFullWidth": "Select_module_notFullWidth__309b799b"
30
30
  };
31
31
  module.exports = modules_7db85bb8;
@@ -150,7 +150,8 @@ var SingleValue = function (props) {
150
150
  };
151
151
  var MultiValue = function (props) {
152
152
  return /*#__PURE__*/React__default.createElement("div", {
153
- className: modules_7db85bb8.multiValue
153
+ className: modules_7db85bb8.multiValue,
154
+ title: String(props.children)
154
155
  }, /*#__PURE__*/React__default.createElement(Tag, {
155
156
  variant: "default",
156
157
  dismissible: true,
@@ -1,29 +1,29 @@
1
1
  var modules_7db85bb8 = {
2
- "specificityIncreaser": "Select_module_specificityIncreaser__eed63bdd",
3
- "secondary": "Select_module_secondary__eed63bdd",
4
- "default": "Select_module_default__eed63bdd",
5
- "control": "Select_module_control__eed63bdd",
6
- "focusedControl": "Select_module_focusedControl__eed63bdd",
7
- "secondarySmall": "Select_module_secondarySmall__eed63bdd",
8
- "multiValue": "Select_module_multiValue__eed63bdd",
9
- "dropdownIndicator": "Select_module_dropdownIndicator__eed63bdd",
10
- "disabled": "Select_module_disabled__eed63bdd",
11
- "valueContainer": "Select_module_valueContainer__eed63bdd",
12
- "indicatorsContainer": "Select_module_indicatorsContainer__eed63bdd",
13
- "loadingMessage": "Select_module_loadingMessage__eed63bdd",
14
- "menu": "Select_module_menu__eed63bdd",
15
- "groupHeading": "Select_module_groupHeading__eed63bdd",
16
- "option": "Select_module_option__eed63bdd",
17
- "focusedOption": "Select_module_focusedOption__eed63bdd",
18
- "disabledOption": "Select_module_disabledOption__eed63bdd",
19
- "selectedOption": "Select_module_selectedOption__eed63bdd",
20
- "noOptionsMessage": "Select_module_noOptionsMessage__eed63bdd",
21
- "singleValue": "Select_module_singleValue__eed63bdd",
22
- "reversed": "Select_module_reversed__eed63bdd",
23
- "singleValueOverrides": "Select_module_singleValueOverrides__eed63bdd",
24
- "input": "Select_module_input__eed63bdd",
25
- "error": "Select_module_error__eed63bdd",
26
- "clearIndicator": "Select_module_clearIndicator__eed63bdd",
27
- "notFullWidth": "Select_module_notFullWidth__eed63bdd"
2
+ "specificityIncreaser": "Select_module_specificityIncreaser__309b799b",
3
+ "secondary": "Select_module_secondary__309b799b",
4
+ "default": "Select_module_default__309b799b",
5
+ "control": "Select_module_control__309b799b",
6
+ "focusedControl": "Select_module_focusedControl__309b799b",
7
+ "secondarySmall": "Select_module_secondarySmall__309b799b",
8
+ "multiValue": "Select_module_multiValue__309b799b",
9
+ "dropdownIndicator": "Select_module_dropdownIndicator__309b799b",
10
+ "disabled": "Select_module_disabled__309b799b",
11
+ "valueContainer": "Select_module_valueContainer__309b799b",
12
+ "indicatorsContainer": "Select_module_indicatorsContainer__309b799b",
13
+ "loadingMessage": "Select_module_loadingMessage__309b799b",
14
+ "menu": "Select_module_menu__309b799b",
15
+ "groupHeading": "Select_module_groupHeading__309b799b",
16
+ "option": "Select_module_option__309b799b",
17
+ "focusedOption": "Select_module_focusedOption__309b799b",
18
+ "disabledOption": "Select_module_disabledOption__309b799b",
19
+ "selectedOption": "Select_module_selectedOption__309b799b",
20
+ "noOptionsMessage": "Select_module_noOptionsMessage__309b799b",
21
+ "singleValue": "Select_module_singleValue__309b799b",
22
+ "reversed": "Select_module_reversed__309b799b",
23
+ "singleValueOverrides": "Select_module_singleValueOverrides__309b799b",
24
+ "input": "Select_module_input__309b799b",
25
+ "error": "Select_module_error__309b799b",
26
+ "clearIndicator": "Select_module_clearIndicator__309b799b",
27
+ "notFullWidth": "Select_module_notFullWidth__309b799b"
28
28
  };
29
29
  export { modules_7db85bb8 as default };
package/dist/styles.css CHANGED
@@ -142,7 +142,7 @@
142
142
  @layer kz-components{.SVG_module_icon__f46d6c8b{width:20px;height:20px;display:inline-block}.SVG_module_icon__f46d6c8b>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG_module_icon__f46d6c8b{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG_module_icon__f46d6c8b{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG_module_icon__f46d6c8b{color:#000}}.SVG_module_inheritSize__f46d6c8b{width:inherit;height:inherit;display:block}}
143
143
  @layer kz-components{.LiveIcon_module_liveIcon__4433032e{display:inline-block;position:relative;width:20px;height:20px;margin-inline-start:.25rem;color:var(--color-green-500)}.LiveIcon_module_liveIcon_base__4433032e{opacity:.3;display:block}.LiveIcon_module_liveIcon_1__4433032e,.LiveIcon_module_liveIcon_2__4433032e,.LiveIcon_module_liveIcon_3__4433032e{display:block;position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1;overflow:hidden}.LiveIcon_module_liveIcon_1__4433032e{clip-path:circle(16%)}.LiveIcon_module_liveIcon_2__4433032e,.LiveIcon_module_liveIcon_3__4433032e{animation-duration:3s;animation-iteration-count:3;animation-delay:1s}.LiveIcon_module_liveIcon_2__4433032e{clip-path:circle(32%);animation-name:LiveIcon_module_pulseInner__4433032e}.LiveIcon_module_liveIcon_3__4433032e{clip-path:circle(50%);animation-name:LiveIcon_module_pulseOuter__4433032e}}@keyframes LiveIcon_module_pulseInner__4433032e{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:1}}@keyframes LiveIcon_module_pulseOuter__4433032e{0%{opacity:0}25%{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:1}}
144
144
  @layer kz-components{.Tag_module_root__64ff572f{--medium:calc(var(--spacing-md)*1.25);--small:var(--spacing-md);margin-inline-end:calc(var(--spacing-md)*.5);font-size:var(--typography-paragraph-small-font-size);font-weight:var(--typography-paragraph-small-font-weight);letter-spacing:var(--typography-paragraph-small-letter-spacing);color:var(--color-purple-800);display:inline-block;border:var(--border-borderless-border-width) var(--border-borderless-border-style) var(--border-borderless-border-color);border-radius:calc(var(--spacing-md)*.75);padding:0 calc(var(--spacing-md)*.4);box-sizing:border-box;&.Tag_module_profile__64ff572f{padding-left:calc(var(--spacing-md)*.2)}}.Tag_module_layoutContainer__64ff572f{height:100%;display:flex;align-items:center}.Tag_module_validationIcon__64ff572f{display:flex;color:var(--color-white)}.Tag_module_profile__64ff572f,.Tag_module_validationIcon__64ff572f{align-items:center;margin-inline:calc(var(--spacing-md)*-.15) var(--spacing-xs)}.Tag_module_profile__64ff572f{display:inline-flex}.Tag_module_textContent__64ff572f{margin-top:-1px;font-family:var(--typography-paragraph-small-font-family);font-weight:var(--typography-paragraph-small-font-weight);font-size:var(--typography-paragraph-small-font-size);line-height:var(--typography-paragraph-small-line-height);letter-spacing:var(--typography-paragraph-small-letter-spacing);white-space:nowrap}.Tag_module_iconWrapper__64ff572f{--icon-size:16;position:relative;height:16px;width:16px}.Tag_module_dismissButton__64ff572f{appearance:none;background:transparent;font:inherit;margin:0;border:none;position:relative;display:flex;height:100%;align-items:center;padding:0 var(--spacing-xs);margin-inline:-.225rem -.6625rem;color:rgb(var(--color-purple-800-rgb),.7);cursor:pointer;&:hover{color:var(--color-purple-800)}&:active{color:var(--color-purple-800)}svg{position:relative}&:focus{outline:none}&:focus-visible .Tag_module_iconWrapper__64ff572f{color:var(--color-purple-800);&:after{--focus-ring-offset:calc(var(--border-focus-ring-border-width));content:"";position:absolute;background:transparent;border-radius:50%;border-width:var(--border-focus-ring-border-width);border-style:var(--border-focus-ring-border-style);border-color:var(--color-blue-500);inset:calc(var(--focus-ring-offset)*-1)}}}.Tag_module_background__64ff572f{position:absolute;display:inline-block;width:calc(var(--spacing-xs) + .125rem);height:calc(var(--spacing-xs) + .125rem);background-color:#fff;left:10px;top:10px}.Tag_module_truncate__64ff572f{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.Tag_module_inline__64ff572f{margin:0}.Tag_module_medium__64ff572f{height:var(--medium)}.Tag_module_small__64ff572f{height:var(--small)}.Tag_module_default__64ff572f{background-color:var(--color-gray-300)}.Tag_module_sentimentPositive__64ff572f{background-color:var(--color-green-100)}.Tag_module_sentimentNeutral__64ff572f{background-color:var(--color-gray-300)}.Tag_module_sentimentNegative__64ff572f{background-color:var(--color-red-100)}.Tag_module_sentimentNone__64ff572f{background-color:var(--color-white);border-color:var(--color-gray-300)}.Tag_module_validationPositive__64ff572f{background-color:var(--color-green-100);.Tag_module_validationIcon__64ff572f{color:var(--color-green-500)}}.Tag_module_validationInformative__64ff572f{background-color:var(--color-blue-100);.Tag_module_validationIcon__64ff572f{color:var(--color-blue-500)}}.Tag_module_validationNegative__64ff572f{background-color:var(--color-red-100);.Tag_module_validationIcon__64ff572f{color:var(--color-red-500)}}.Tag_module_validationCautionary__64ff572f{background-color:var(--color-yellow-100);.Tag_module_validationIcon__64ff572f{color:var(--color-yellow-700)}}.Tag_module_statusLive__64ff572f{background-color:var(--color-green-100);color:var(--color-purple-800)}.Tag_module_statusAction__64ff572f{background-color:var(--color-orange-100);color:var(--color-purple-800)}.Tag_module_statusClosed__64ff572f{background-color:var(--color-red-100)}.Tag_module_statusDraft__64ff572f{background-color:var(--color-blue-100);color:var(--color-purple-800)}}
145
- .Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd:focus-within:after,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd:after,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd:after{content:"";position:absolute;background:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:var(--color-blue-500,#0168b3);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px)}.Select_module_specificityIncreaser__eed63bdd .Select_module_multiValue__eed63bdd{margin:.2375rem;z-index:1}.Select_module_specificityIncreaser__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_dropdownIndicator__eed63bdd:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd{min-height:48px;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd:hover{border-color:var(--color-gray-600,#524e56);background-color:var(--color-gray-100,#f9f9f9);cursor:pointer}.Select_module_specificityIncreaser__eed63bdd .Select_module_valueContainer__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select_module_specificityIncreaser__eed63bdd .Select_module_indicatorsContainer__eed63bdd{z-index:1}.Select_module_specificityIncreaser__eed63bdd .Select_module_loadingMessage__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedControl__eed63bdd{box-shadow:none}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedControl__eed63bdd:hover{box-shadow:none}.Select_module_specificityIncreaser__eed63bdd .Select_module_menu__eed63bdd{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));z-index:3}.Select_module_specificityIncreaser__eed63bdd .Select_module_menu__eed63bdd>div{padding-top:0;padding-bottom:0}.Select_module_specificityIncreaser__eed63bdd .Select_module_groupHeading__eed63bdd{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-6-font-weight,600);font-size:var(--typography-heading-6-font-size,.875rem);line-height:var(--typography-heading-6-line-height,1.5rem);letter-spacing:var(--typography-heading-6-letter-spacing,normal);text-transform:capitalize;color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_option__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438);cursor:pointer;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd.Select_module_disabledOption__eed63bdd{color:var(--color-purple-800,#2f2438);border-color:var(--color-gray-500,#878792);background:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd:active{background-color:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd .Select_module_selectedOption__eed63bdd{font-weight:var(--typography-paragraph-bold-font-weight,600);color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd .Select_module_selectedOption__eed63bdd:not(.Select_module_focusedOption__eed63bdd){background-color:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_disabledOption__eed63bdd{cursor:not-allowed;opacity:30%}.Select_module_specificityIncreaser__eed63bdd .Select_module_noOptionsMessage__eed63bdd,.Select_module_specificityIncreaser__eed63bdd .Select_module_singleValue__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_input__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_singleValueOverrides__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_singleValue__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_error__eed63bdd .Select_module_control__eed63bdd{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:transparent;color:var(--color-white,#fff);border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_clearIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd.Select_module_error__eed63bdd .Select_module_control__eed63bdd{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd:hover{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_dropdownIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd:hover{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:transparent;border:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:transparent}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd{min-height:0;height:auto}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd>div{height:24px;padding-left:0;padding-right:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_valueContainer__eed63bdd{height:24px}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-extra-small-font-weight,400);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValueOverrides__eed63bdd{margin-left:0;margin-right:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_indicatorsContainer__eed63bdd{z-index:1}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_dropdownIndicator__eed63bdd{--icon-size:14;padding-top:0;padding-bottom:0;transform:translateY(1px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_dropdownIndicator__eed63bdd>svg{height:14px;width:14px}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_control__eed63bdd{display:inline-flex;max-width:100%}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_control__eed63bdd>div{height:44px;flex-wrap:nowrap;display:flex}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_singleValueOverrides__eed63bdd{overflow:hidden;position:static;white-space:nowrap;top:0;transform:none;max-width:100%}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_singleValue__eed63bdd{max-width:100%}
145
+ .Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b:focus-within:after,.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b:after,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b:after{content:"";position:absolute;background:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:var(--color-blue-500,#0168b3);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px)}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b{margin:.2375rem;z-index:1;max-width:100%;min-width:0}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b>div{max-width:100%;overflow:hidden}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b>div span{overflow:hidden;text-overflow:ellipsis}.Select_module_specificityIncreaser__309b799b .Select_module_dropdownIndicator__309b799b{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_dropdownIndicator__309b799b:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b{min-height:48px;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px)}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b:hover{border-color:var(--color-gray-600,#524e56);background-color:var(--color-gray-100,#f9f9f9);cursor:pointer}.Select_module_specificityIncreaser__309b799b .Select_module_valueContainer__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select_module_specificityIncreaser__309b799b .Select_module_indicatorsContainer__309b799b{z-index:1}.Select_module_specificityIncreaser__309b799b .Select_module_loadingMessage__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__309b799b .Select_module_focusedControl__309b799b{box-shadow:none}.Select_module_specificityIncreaser__309b799b .Select_module_focusedControl__309b799b:hover{box-shadow:none}.Select_module_specificityIncreaser__309b799b .Select_module_menu__309b799b{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));z-index:3}.Select_module_specificityIncreaser__309b799b .Select_module_menu__309b799b>div{padding-top:0;padding-bottom:0}.Select_module_specificityIncreaser__309b799b .Select_module_groupHeading__309b799b{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-6-font-weight,600);font-size:var(--typography-heading-6-font-size,.875rem);line-height:var(--typography-heading-6-line-height,1.5rem);letter-spacing:var(--typography-heading-6-letter-spacing,normal);text-transform:capitalize;color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_option__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438);cursor:pointer;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b.Select_module_disabledOption__309b799b{color:var(--color-purple-800,#2f2438);border-color:var(--color-gray-500,#878792);background:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b:active{background-color:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b .Select_module_selectedOption__309b799b{font-weight:var(--typography-paragraph-bold-font-weight,600);color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b .Select_module_selectedOption__309b799b:not(.Select_module_focusedOption__309b799b){background-color:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_disabledOption__309b799b{cursor:not-allowed;opacity:30%}.Select_module_specificityIncreaser__309b799b .Select_module_noOptionsMessage__309b799b,.Select_module_specificityIncreaser__309b799b .Select_module_singleValue__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_input__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_singleValueOverrides__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_singleValue__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_error__309b799b .Select_module_control__309b799b{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:transparent;color:var(--color-white,#fff);border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_clearIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b.Select_module_error__309b799b .Select_module_control__309b799b{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b:hover{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_dropdownIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b:hover{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:transparent;border:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:transparent}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b{min-height:0;height:auto}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b>div{height:24px;padding-left:0;padding-right:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_valueContainer__309b799b{height:24px}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-extra-small-font-weight,400);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_singleValueOverrides__309b799b{margin-left:0;margin-right:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_indicatorsContainer__309b799b{z-index:1}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_dropdownIndicator__309b799b{--icon-size:14;padding-top:0;padding-bottom:0;transform:translateY(1px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_dropdownIndicator__309b799b>svg{height:14px;width:14px}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_control__309b799b{display:inline-flex;max-width:100%}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_control__309b799b>div{height:44px;flex-wrap:nowrap;display:flex}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_singleValueOverrides__309b799b{overflow:hidden;position:static;white-space:nowrap;top:0;transform:none;max-width:100%}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_singleValue__309b799b{max-width:100%}
146
146
  @layer kz-components{.SingleSelect_module_container__c1c7349f{position:relative;width:100%}.SingleSelect_module_notFullWidth__c1c7349f{width:180px}}
147
147
  @layer kz-components{.Slider_module_wrapper__4e68995a{display:flex;flex-direction:column}.Slider_module_labelWrapper__4e68995a{margin-bottom:var(--spacing-sm)}.Slider_module_label__4e68995a{margin-bottom:var(--spacing-4)}@media (width >= 768px){.Slider_module_labelInline__4e68995a{&.Slider_module_wrapper__4e68995a{align-items:center;flex-direction:row}.Slider_module_labelWrapper__4e68995a{flex:1}.Slider_module_inputWrapper__4e68995a{flex-basis:50%}}}.Slider_module_descriptionDisabled__4e68995a{opacity:.3}.Slider_module_readOnlyMessage__4e68995a{text-align:center;font-family:var(--typography-paragraph-small-font-family);font-size:var(--typography-paragraph-small-font-size);font-weight:var(--typography-paragraph-bold-font-weight);line-height:var(--typography-paragraph-body-line-height);letter-spacing:var(--typography-paragraph-body-letter-spacing)}}
148
148
  @layer kz-components{.Table_module_container__c0cf988d{width:100%;margin-bottom:var(--spacing-sm,.75rem)}.Table_module_headerRowCell__c0cf988d{display:flex;align-items:stretch;text-align:start;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative}.Table_module_headerRowCellNoWrap__c0cf988d .Table_module_headerRowCellLabel__c0cf988d{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Table_module_headerRowCellAlignCenter__c0cf988d{justify-content:center;text-align:center}.Table_module_headerRowCellAlignEnd__c0cf988d{justify-content:flex-end;text-align:end}.Table_module_headerRowCellCheckbox__c0cf988d{margin-inline-end:10px}.Table_module_headerRowCell__c0cf988d .Table_module_headerRowCellTooltip__c0cf988d{display:flex;align-items:stretch;max-width:100%}.Table_module_headerRowCell__c0cf988d.Table_module_headerRowCellNoWrap__c0cf988d .Table_module_headerRowCellContent__c0cf988d{max-width:100%}.Table_module_headerRowCellButton__c0cf988d{appearance:none;background:transparent;border:none;font:inherit;margin:0;padding:0;transition:none;outline:none;text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;display:flex;align-items:stretch;width:100%;box-sizing:border-box}.Table_module_headerRowCellButton__c0cf988d:active,.Table_module_headerRowCellButton__c0cf988d:focus,.Table_module_headerRowCellButton__c0cf988d:hover{text-decoration:none}.Table_module_headerRowCellButton__c0cf988d:focus-visible{outline:none;position:relative}.Table_module_headerRowCellButton__c0cf988d:focus-visible:after{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);height:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);content:"";position:absolute;background:transparent;border-color:var(--color-blue-500,#0168b3);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-radius:var(--border-focus-ring-border-radius,10px)}.Table_module_headerRowCellButtonReversed__c0cf988d{color:var(--color-white,#fff)}.Table_module_headerRowCellButtonReversed__c0cf988d:focus-visible:after{border-color:var(--color-blue-100,#e6f6ff)}.Table_module_headerRowCellNoButton__c0cf988d{display:flex;align-items:stretch;width:100%;box-sizing:border-box}.Table_module_headerRowCellLabelAndIcons__c0cf988d{display:flex;align-items:center;flex:1 1 100%;width:100%}.Table_module_headerRowCellTooltipIcon__c0cf988d{color:var(--color-blue-500,#0168b3);margin-inline-end:var(--spacing-xs,.375rem)}.Table_module_headerRowCellIcon__c0cf988d{color:rgb(var(--color-purple-800-rgb,47,36,56),.7);height:20px}.Table_module_headerRowCellActive__c0cf988d .Table_module_headerRowCellIcon__c0cf988d{color:var(--color-purple-800,#2f2438)}.Table_module_headerRowCellButtonReversed__c0cf988d .Table_module_headerRowCellIcon__c0cf988d{color:var(--color-white,#fff)}.Table_module_card__c0cf988d{appearance:none;background:transparent;border:none;font:inherit;margin:0;padding:0;transition:none;outline:none;text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;box-shadow:0 4px 6px rgba(53,55,74,.04);border:1px solid rgb(var(--color-purple-700-rgb,74,35,77),.1);transition:box-shadow var(--animation-duration-rapid,.2s),border-color var(--animation-duration-rapid,.2s),margin var(--animation-duration-rapid,.2s),padding var(--animation-duration-rapid,.2s),width var(--animation-duration-rapid,.2s);background:var(--color-white,#fff)}.Table_module_card__c0cf988d:active,.Table_module_card__c0cf988d:focus,.Table_module_card__c0cf988d:hover{text-decoration:none}.Table_module_card__c0cf988d:not(:first-child){margin-top:-1px}.Table_module_card__c0cf988d:last-child{border-bottom-left-radius:var(--border-solid-border-radius,7px);border-bottom-right-radius:var(--border-solid-border-radius,7px)}.Table_module_card__c0cf988d:hover{will-change:box-shadow,border-color,margin,padding,width}.Table_module_card__c0cf988d:focus-visible{outline:none;position:relative}.Table_module_card__c0cf988d:focus-visible:after{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);height:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);content:"";position:absolute;background:transparent;border-color:var(--color-blue-500,#0168b3);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-radius:inherit}.Table_module_card__c0cf988d.Table_module_well__c0cf988d{margin-top:var(--spacing-sm,.75rem)}[role=rowgroup]+.Table_module_card__c0cf988d{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table_module_card__c0cf988d:first-child{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table_module_row__c0cf988d{display:flex}.Table_module_well__c0cf988d{border-color:var(--border-borderless-border-color,transparent);box-shadow:none;border-radius:var(--border-solid-border-radius,7px);background-color:var(--color-gray-300,#eaeaec);margin-bottom:var(--spacing-sm,.75rem)}.Table_module_popout__c0cf988d{box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08))}.Table_module_expanded__c0cf988d{position:relative;z-index:1;margin-left:calc(var(--spacing-sm, .75rem)*-1);margin-right:calc(var(--spacing-sm, .75rem)*-1);padding-left:var(--spacing-sm,.75rem);padding-right:var(--spacing-sm,.75rem)}.Table_module_hasHoverState__c0cf988d{width:100%;text-align:left;cursor:pointer}.Table_module_hasHoverState__c0cf988d.Table_module_expanded__c0cf988d{width:calc(100% + var(--spacing-md, 1.5rem))}.Table_module_hasHoverState__c0cf988d:focus,.Table_module_hasHoverState__c0cf988d:hover{background-color:var(--color-gray-100,#f9f9f9)}.Table_module_rowCell__c0cf988d{text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;min-height:60px;padding:0 var(--spacing-md,1.5rem);display:flex;align-items:center}.Table_module_defaultSpacing__c0cf988d .Table_module_rowCell__c0cf988d{padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.Table_module_dataVariant__c0cf988d .Table_module_rowCell__c0cf988d{min-height:48px}.Table_module_rowCellAlignCenter__c0cf988d{justify-content:center;text-align:center}.Table_module_rowCellAlignEnd__c0cf988d{justify-content:flex-end;text-align:right}.Table_module_whiteText__c0cf988d{color:var(--color-white,#fff)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "3.3.3",
3
+ "version": "3.3.5",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
@@ -106,13 +106,13 @@
106
106
  "prosemirror-history": "^1.5.0",
107
107
  "prosemirror-inputrules": "^1.5.1",
108
108
  "prosemirror-keymap": "^1.2.3",
109
- "prosemirror-model": "^1.25.9",
109
+ "prosemirror-model": "^1.25.10",
110
110
  "prosemirror-schema-basic": "^1.2.4",
111
111
  "prosemirror-schema-list": "^1.5.1",
112
112
  "prosemirror-state": "^1.4.4",
113
113
  "prosemirror-transform": "^1.12.0",
114
114
  "prosemirror-utils": "^1.2.2",
115
- "prosemirror-view": "^1.41.9",
115
+ "prosemirror-view": "^1.42.0",
116
116
  "react-animate-height": "^3.2.4",
117
117
  "react-aria": "^3.41.1",
118
118
  "react-aria-components": "^1.10.1",
@@ -123,14 +123,14 @@
123
123
  "react-select": "^5.10.2",
124
124
  "react-textfit": "^1.1.1",
125
125
  "use-debounce": "^10.1.1",
126
- "uuid": "^14.0.0"
126
+ "uuid": "^14.0.1"
127
127
  },
128
128
  "dependenciesComments": {
129
129
  "react-day-picker": "Version locked until a11y gets fixed (https://github.com/gpbl/react-day-picker/pull/1708)"
130
130
  },
131
131
  "devDependencies": {
132
132
  "@cultureamp/frontend-apis": "13.3.0",
133
- "@cultureamp/i18n-react-intl": "^4.1.6",
133
+ "@cultureamp/i18n-react-intl": "^4.2.1",
134
134
  "@cultureamp/package-bundler": "^4.0.1",
135
135
  "@svgr/rollup": "^8.1.0",
136
136
  "cssnano": "^7.1.9",
@@ -140,30 +140,30 @@
140
140
  "@types/react-highlight": "^0.12.8",
141
141
  "@types/react-textfit": "^1.1.4",
142
142
  "@types/uuid": "^11.0.0",
143
- "autoprefixer": "^10.5.0",
143
+ "autoprefixer": "^10.5.2",
144
144
  "concat-cli": "^4.0.0",
145
145
  "identity-obj-proxy": "^3.0.0",
146
146
  "jest-axe": "^10.0.0",
147
147
  "lodash.isempty": "^4.4.0",
148
148
  "normalize.css": "^8.0.1",
149
- "postcss": "^8.5.15",
149
+ "postcss": "^8.5.16",
150
150
  "postcss-cli": "^11.0.1",
151
151
  "postcss-import": "^16.1.1",
152
- "postcss-preset-env": "^11.3.1",
152
+ "postcss-preset-env": "^11.3.2",
153
153
  "postcss-scss": "^4.0.9",
154
- "query-string": "^9.4.0",
154
+ "query-string": "^9.4.1",
155
155
  "react": "^19.2.7",
156
156
  "react-dom": "^19.2.7",
157
157
  "react-highlight": "^0.15.0",
158
- "react-intl": "^10.1.13",
158
+ "react-intl": "^10.1.15",
159
159
  "rollup": "^4.62.2",
160
160
  "sass": "1.79.6",
161
161
  "serialize-query-params": "^2.0.4",
162
162
  "svgo": "^4.0.1",
163
163
  "ts-patch": "^3.3.0",
164
164
  "tslib": "^2.8.1",
165
- "tsx": "^4.22.4",
166
- "@kaizen/design-tokens": "11.0.12"
165
+ "tsx": "^4.23.0",
166
+ "@kaizen/design-tokens": "11.0.13"
167
167
  },
168
168
  "devDependenciesComments": {
169
169
  "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",
@@ -5,8 +5,7 @@ import { type OverrideClassName } from '~components/types/OverrideClassName'
5
5
  import styles from './AvatarGroup.module.css'
6
6
 
7
7
  export type AvatarGroupAvatarProps =
8
- | Omit<GenericAvatarProps, 'size'>
9
- | Omit<CompanyAvatarProps, 'size'>
8
+ Omit<GenericAvatarProps, 'size'> | Omit<CompanyAvatarProps, 'size'>
10
9
 
11
10
  export type AvatarGroupSize = 'small' | 'medium' | 'large'
12
11
  export type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]]
package/src/Card/Card.tsx CHANGED
@@ -6,14 +6,7 @@ import sharedAiStyles from '../../styles/utils/AIMoment.module.css'
6
6
  import styles from './Card.module.css'
7
7
 
8
8
  export type CardColors =
9
- | 'blue'
10
- | 'green'
11
- | 'gray'
12
- | 'orange'
13
- | 'purple'
14
- | 'red'
15
- | 'white'
16
- | 'yellow'
9
+ 'blue' | 'green' | 'gray' | 'orange' | 'purple' | 'red' | 'white' | 'yellow'
17
10
 
18
11
  export type CardProps = {
19
12
  children?: React.ReactNode
@@ -25,14 +25,7 @@ import { getLocale, type DatePickerSupportedLocales } from './utils/getLocale'
25
25
  import { validateDate } from './utils/validateDate'
26
26
 
27
27
  type OmittedDateInputFieldProps =
28
- | 'onClick'
29
- | 'onFocus'
30
- | 'onChange'
31
- | 'onBlur'
32
- | 'onButtonClick'
33
- | 'value'
34
- | 'locale'
35
- | 'id'
28
+ 'onClick' | 'onFocus' | 'onChange' | 'onBlur' | 'onButtonClick' | 'value' | 'locale' | 'id'
36
29
 
37
30
  export type DatePickerProps = {
38
31
  id?: string
@@ -20,12 +20,7 @@ import { type SingleSelectItem, type SingleSelectOption } from './types'
20
20
  import styles from './FilterSelect.module.css'
21
21
 
22
22
  type OmittedAriaSelectProps =
23
- | 'label'
24
- | 'children'
25
- | 'isOpen'
26
- | 'onOpenChange'
27
- | 'defaultOpen'
28
- | 'items'
23
+ 'label' | 'children' | 'isOpen' | 'onOpenChange' | 'defaultOpen' | 'items'
29
24
 
30
25
  export type FilterSelectProps<Option extends SingleSelectOption = SingleSelectOption> = {
31
26
  isOpen: boolean
@@ -16,25 +16,10 @@ export type HeadingVariants =
16
16
  | 'heading-6'
17
17
 
18
18
  export type AllowedHeadingTags =
19
- | 'pre'
20
- | 'p'
21
- | 'div'
22
- | 'span'
23
- | 'h1'
24
- | 'h2'
25
- | 'h3'
26
- | 'h4'
27
- | 'h5'
28
- | 'h6'
29
- | 'label'
19
+ 'pre' | 'p' | 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label'
30
20
 
31
21
  export type AllowedHeadingColors =
32
- | 'dark'
33
- | 'dark-reduced-opacity'
34
- | 'white'
35
- | 'white-reduced-opacity'
36
- | 'positive'
37
- | 'negative'
22
+ 'dark' | 'dark-reduced-opacity' | 'white' | 'white-reduced-opacity' | 'positive' | 'negative'
38
23
 
39
24
  export type HeadingProps = {
40
25
  children: React.ReactNode
@@ -6,7 +6,7 @@ export type MenuHeaderProps = { children: ReactNode }
6
6
  /**
7
7
  * A <header> element, used to title a MenuSection
8
8
  */
9
- export const MenuHeader = forwardRef<HTMLDivElement, MenuHeaderProps>(
10
- (props, ref): JSX.Element => <Header ref={ref} {...props} />,
11
- )
9
+ export const MenuHeader = forwardRef<HTMLDivElement, MenuHeaderProps>((props, ref): JSX.Element => (
10
+ <Header ref={ref} {...props} />
11
+ ))
12
12
  MenuHeader.displayName = 'MenuHeader'
@@ -1,10 +1,5 @@
1
1
  export type ToolbarControlTypes =
2
- | 'bold'
3
- | 'italic'
4
- | 'underline'
5
- | 'orderedList'
6
- | 'bulletList'
7
- | 'link'
2
+ 'bold' | 'italic' | 'underline' | 'orderedList' | 'bulletList' | 'link'
8
3
 
9
4
  export type ToolbarItems = {
10
5
  name: ToolbarControlTypes
@@ -17,23 +12,4 @@ export type ToolbarItems = {
17
12
  export type EditorContentArray = Record<string, any>[]
18
13
 
19
14
  export type EditorRows =
20
- | 1
21
- | 2
22
- | 3
23
- | 4
24
- | 5
25
- | 6
26
- | 7
27
- | 8
28
- | 9
29
- | 10
30
- | 11
31
- | 12
32
- | 13
33
- | 14
34
- | 15
35
- | 16
36
- | 17
37
- | 18
38
- | 19
39
- | 20
15
+ 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20
@@ -51,6 +51,18 @@ $focus-border-color: $color-blue-500;
51
51
  .multiValue {
52
52
  margin: 0.2375rem;
53
53
  z-index: 1;
54
+ max-width: 100%;
55
+ min-width: 0;
56
+
57
+ > div {
58
+ max-width: 100%;
59
+ overflow: hidden;
60
+
61
+ span {
62
+ overflow: hidden;
63
+ text-overflow: ellipsis;
64
+ }
65
+ }
54
66
  }
55
67
 
56
68
  .dropdownIndicator {
@@ -216,7 +216,7 @@ const SingleValue: typeof components.SingleValue = (props) => (
216
216
  )
217
217
 
218
218
  const MultiValue: typeof components.MultiValue = (props) => (
219
- <div className={styles.multiValue}>
219
+ <div className={styles.multiValue} title={String(props.children)}>
220
220
  <Tag variant="default" dismissible inline onDismiss={props.removeProps.onClick}>
221
221
  {props.children}
222
222
  </Tag>
@@ -13,8 +13,7 @@ export type SingleSelectOptionGroup<Option extends SingleSelectOption> = {
13
13
  }
14
14
 
15
15
  export type SingleSelectItem<Option extends SingleSelectOption = SingleSelectOption> =
16
- | Option
17
- | SingleSelectOptionGroup<Option>
16
+ Option | SingleSelectOptionGroup<Option>
18
17
 
19
18
  export type SingleSelectOptionNode<Option extends SingleSelectOption = SingleSelectOption> =
20
19
  Node<Option> & {
@@ -30,5 +29,4 @@ export type SingleSelectOptionGroupNode<Option extends SingleSelectOption = Sing
30
29
  }
31
30
 
32
31
  export type SingleSelectItemNode<Option extends SingleSelectOption = SingleSelectOption> =
33
- | SingleSelectOptionNode<Option>
34
- | SingleSelectOptionGroupNode<Option>
32
+ SingleSelectOptionNode<Option> | SingleSelectOptionGroupNode<Option>
package/src/Text/Text.tsx CHANGED
@@ -6,25 +6,10 @@ import styles from './Text.module.css'
6
6
  export type TextVariants = 'intro-lede' | 'body' | 'small' | 'extra-small'
7
7
 
8
8
  export type AllowedTextTags =
9
- | 'pre'
10
- | 'p'
11
- | 'div'
12
- | 'span'
13
- | 'h1'
14
- | 'h2'
15
- | 'h3'
16
- | 'h4'
17
- | 'h5'
18
- | 'h6'
19
- | 'label'
9
+ 'pre' | 'p' | 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label'
20
10
 
21
11
  export type AllowedTextColors =
22
- | 'dark'
23
- | 'dark-reduced-opacity'
24
- | 'white'
25
- | 'white-reduced-opacity'
26
- | 'positive'
27
- | 'negative'
12
+ 'dark' | 'dark-reduced-opacity' | 'white' | 'white-reduced-opacity' | 'positive' | 'negative'
28
13
 
29
14
  export interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
30
15
  children: React.ReactNode
@@ -144,8 +144,7 @@ export type TitleBlockSelectProps = React.ComponentProps<typeof Select>
144
144
  export type TitleBlockDistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never
145
145
 
146
146
  export type TitleBlockAvatarProps =
147
- | Omit<GenericAvatarProps, 'size'>
148
- | Omit<CompanyAvatarProps, 'size'>
147
+ Omit<GenericAvatarProps, 'size'> | Omit<CompanyAvatarProps, 'size'>
149
148
 
150
149
  export type DefaultActionProps = TitleBlockButtonProps | TitleBlockCustomButtonProps
151
150
 
@@ -51,8 +51,7 @@ export type ComboBoxProps<T extends SelectItem> = Omit<
51
51
  SelectBaseProps
52
52
 
53
53
  export type SingleSelectProps<T extends SelectItem> =
54
- | (ComboBoxProps<T> & { isComboBox?: true })
55
- | (SelectProps<T> & { isComboBox?: false })
54
+ (ComboBoxProps<T> & { isComboBox?: true }) | (SelectProps<T> & { isComboBox?: false })
56
55
 
57
56
  // Trigger
58
57
  export type SelectTriggerProps = {