@ssa-ui-kit/core 3.13.1 → 3.14.0

package/dist/index.js

@@ -16763,7 +16763,9 @@ const TextareaBase = /*#__PURE__*/base_default()('textarea',  true ? {
 }) => getStatusBorderColor(theme, status, 'hover'), ";}&:focus:not(:disabled, [readonly]){border-color:", ({
   theme,
   status = 'basic'
-}) => getStatusBorderColor(theme, status, 'focus'), ";}" + ( true ? "" : 0));
+}) => getStatusBorderColor(theme, status, 'focus'), ";}&:focus:not(:disabled, [readonly])::placeholder{color:", ({
+  theme
+}) => theme.colors.greyDarker60, ";}" + ( true ? "" : 0));
 ;// ./src/components/Textarea/Textarea.tsx
 
 
@@ -20533,7 +20535,7 @@ function Typeahead_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tr
 // https://github.com/ssagroup/ui-kit/issues/385
 const TypeaheadOptionsBase = /*#__PURE__*/base_default()("ul",  true ? {
   target: "e1vig1dw7"
-} : 0)("padding:0;margin:0;list-style:none;background:", ({
+} : 0)("padding:4px;margin:0;list-style:none;background:", ({
   theme
 }) => theme.colors.white, ";border-radius:8px;filter:", ({
   theme
@@ -20542,14 +20544,14 @@ const TypeaheadOptionsBase = /*#__PURE__*/base_default()("ul",  true ? {
 }) => `drop-shadow(-4px 4px 14px ${theme.colors.greyDarker14})`, ";overflow-y:auto;max-height:350px;" + ( true ? "" : 0));
 const TypeaheadOption = /*#__PURE__*/base_default()("li",  true ? {
   target: "e1vig1dw6"
-} : 0)("display:flex;align-items:center;border:none;cursor:pointer;font-size:14px;gap:8px;padding:10px 12px;min-height:40px;line-height:20px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;background:", ({
+} : 0)("display:flex;align-items:center;border:none;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;min-height:40px;line-height:18px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;background:", ({
   isActive,
   theme
-}) => isActive ? theme.colors.blueRoyal12 : 'none', ";&:hover{background:", ({
+}) => isActive ? theme.colors.blue12 : 'none', ";&:hover{background:", ({
   theme
-}) => theme.colors.blueRoyal12, ";}" + ( true ? "" : 0));
+}) => theme.colors.blue12, ";}" + ( true ? "" : 0));
 const TypeaheadInput = theme => /*#__PURE__*/(0,css_namespaceObject.css)("&.typeahead-input{flex:1;width:100%;color:", theme.colors.greyDarker, ";border:none;border-radius:0;height:32px;cursor:pointer;padding:0;background:transparent;text-indent:8px;&:active,&:focus{min-width:100%;}}" + ( true ? "" : 0),  true ? "" : 0);
-const TypeaheadInputPlaceholder = theme => /*#__PURE__*/(0,css_namespaceObject.css)("position:absolute;top:0;left:-4px;font-weight:400;font-size:0.875rem;line-height:1rem;color:", theme.colors.greyDarker60, ";&:disabled:hover{cursor:default;}" + ( true ? "" : 0),  true ? "" : 0);
+const TypeaheadInputPlaceholder = theme => /*#__PURE__*/(0,css_namespaceObject.css)("position:absolute;top:0;left:-4px;font-weight:400;font-size:0.875rem;line-height:1rem;color:", theme.colors.greyDarker80, ";&:disabled:hover{cursor:default;}" + ( true ? "" : 0),  true ? "" : 0);
 const TypeaheadInputWrapper = /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
   name: "16adhtk",
   styles: "flex:1;width:100%;height:32px;z-index:5;background:transparent;margin-left:-8px;&:active,&:focus{min-width:100%;}"
@@ -20565,7 +20567,7 @@ const TypeaheadItem = /*#__PURE__*/base_default()("div",  true ? {
 }) => isCustomValue ? theme.palette.primary.main : theme.colors.grey, ";color:", ({
   theme,
   isDisabled
-}) => isDisabled ? theme.colors.grey : theme.colors.greyDarker, ";font-weight:500;font-size:14px;min-height:20px;align-items:center;padding:6px;user-select:none;overflow:hidden;" + ( true ? "" : 0));
+}) => isDisabled ? theme.colors.grey : theme.colors.greyDarker, ";font-weight:500;font-size:12px;line-height:16px;min-height:20px;align-items:center;padding:4px 8px 4px 12px;user-select:none;overflow:hidden;" + ( true ? "" : 0));
 const TypeaheadItemAvatar = /*#__PURE__*/base_default()("span",  true ? {
   target: "e1vig1dw4"
 } : 0)( true ? {
@@ -20578,15 +20580,15 @@ const TypeaheadItemLabel = /*#__PURE__*/base_default()("div",  true ? {
   theme,
   isDisabled,
   isCustomValue
-}) => isDisabled ? theme.colors.grey : isCustomValue ? theme.palette.primary.main : theme.colors.greyDarker, ";font-size:14px;font-weight:500;display:flex;align-items:center;cursor:default;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
+}) => isDisabled ? theme.colors.grey : isCustomValue ? theme.palette.primary.main : theme.colors.greyDarker, ";font-size:12px;font-weight:500;display:flex;align-items:center;cursor:default;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
 const TypeaheadItemCross = /*#__PURE__*/base_default()(Button_Button,  true ? {
   target: "e1vig1dw2"
-} : 0)("background:none;padding:0 5px 0 0;height:auto;&:active,&:focus,&:hover{cursor:", ({
+} : 0)("background:none;padding:0;height:auto;&:active,&:focus,&:hover{cursor:", ({
   isDisabled
 }) => isDisabled ? 'default' : 'pointer', ";background:none;box-shadow:none;}&:disabled{background:none;}" + ( true ? "" : 0));
 const TypeaheadInputsGroupWrapper = /*#__PURE__*/base_default()(Wrapper_Wrapper,  true ? {
   target: "e1vig1dw1"
-} : 0)("position:relative;flex:1 1 0;min-width:", ({
+} : 0)("position:relative;flex:1 1 0;min-height:32px;min-width:", ({
   isOpen
 }) => isOpen ? '50px' : 'auto', ";flex-direction:column!important;" + ( true ? "" : 0));
 const TypeaheadTrigger = /*#__PURE__*/base_default()(PopoverTrigger,  true ? {
@@ -20596,17 +20598,17 @@ const TypeaheadTrigger = /*#__PURE__*/base_default()(PopoverTrigger,  true ? {
   theme
 }) => status === 'basic' ? theme.colors.grey : status === 'error' ? theme.palette.error.light : theme.palette.success.light, ";min-height:44px;height:auto;background:", ({
   theme
-}) => theme.colors.white, ";gap:8px;padding:5px 28px 5px 8px;width:100%;flex-wrap:wrap;border-color:", ({
+}) => theme.colors.white, ";gap:8px;padding:5px 28px 5px 14px;width:100%;flex-wrap:wrap;border-color:", ({
   isOpen,
   theme,
   status
-}) => isOpen && (status === 'error' ? theme.palette.error.dark : status === 'success' ? theme.palette.success.dark : theme.palette.primary.main), ";background:", ({
+}) => isOpen && (status === 'error' ? theme.palette.error.dark : status === 'success' ? theme.palette.success.dark : theme.palette.primary.light), ";background:", ({
   isDisabled,
   theme
-}) => isDisabled ? theme.colors.greyLighter : theme.colors.white, ";&:active,&:focus,&:hover{background:", ({
+}) => isDisabled ? theme.palette.secondary.light : theme.colors.white, ";&:active,&:focus,&:hover{background:", ({
   isDisabled,
   theme
-}) => isDisabled ? theme.colors.greyLighter : theme.colors.white, ";box-shadow:none;}&:hover{border-color:", ({
+}) => isDisabled ? theme.palette.secondary.light : theme.colors.white, ";box-shadow:none;}&:hover{border-color:", ({
   isDisabled,
   theme,
   status
@@ -20615,7 +20617,7 @@ const TypeaheadTrigger = /*#__PURE__*/base_default()(PopoverTrigger,  true ? {
 }) => isDisabled ? 'default' : 'pointer', ";}&:focus,&:active{border-color:", ({
   theme,
   status
-}) => status === 'error' ? theme.palette.error.dark : status === 'success' ? theme.palette.success.dark : theme.palette.primary.main, ";", ({
+}) => status === 'error' ? theme.palette.error.dark : status === 'success' ? theme.palette.success.dark : theme.palette.primary.light, ";", ({
   isDisabled,
   theme
 }) => isDisabled && {
@@ -20669,7 +20671,7 @@ const MultipleTrigger = () => {
           endIcon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
             name: "cross",
             tooltip: "Remove",
-            size: 14,
+            size: 12,
             color: context.isDisabled ? theme.colors.grey : isCustomValue ? theme.palette.primary.main : theme.colors.greyDarker,
             css: MultipleTrigger_ref
           }),
@@ -21217,8 +21219,8 @@ const TypeaheadItemImage = /*#__PURE__*/base_default()("img",  true ? {
 const TypeaheadItemIcon = /*#__PURE__*/base_default()(Icon_Icon,  true ? {
   target: "e1rxxx7l0"
 } : 0)( true ? {
-  name: "ebppw3",
-  styles: "width:18px;height:18px;border-radius:50%;margin-right:6px;vertical-align:middle"
+  name: "1f9ilba",
+  styles: "width:16px;height:16px;border-radius:50%;margin-right:6px;vertical-align:middle"
 } : 0);
 ;// ./src/components/Typeahead/utils.tsx