@kaizen/components 3.3.4 → 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.
Files changed (8) hide show
  1. package/dist/cjs/src/Select/Select.cjs +2 -1
  2. package/dist/cjs/src/Select/Select.module.scss.cjs +26 -26
  3. package/dist/esm/src/Select/Select.mjs +2 -1
  4. package/dist/esm/src/Select/Select.module.scss.mjs +26 -26
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/src/Select/Select.module.scss +12 -0
  8. package/src/Select/Select.tsx +1 -1
package/dist/cjs/src/Select/Select.cjs CHANGED
@@ -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,
package/dist/cjs/src/Select/Select.module.scss.cjs CHANGED
@@ -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;
package/dist/esm/src/Select/Select.mjs CHANGED
@@ -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,
package/dist/esm/src/Select/Select.module.scss.mjs CHANGED
@@ -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.4",
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",
package/src/Select/Select.module.scss CHANGED
@@ -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 {
package/src/Select/Select.tsx CHANGED
@@ -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>