@synerise/ds-select 1.3.19 → 1.3.20

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.3.19...@synerise/ds-select@1.3.20) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-select
+
 ## [1.3.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.3.18...@synerise/ds-select@1.3.19) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-select

package/dist/Select.d.ts

@@ -1,8 +1,6 @@
-import AntdSelect from 'antd/lib/select';
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import './style/index.less';
-export declare const Select: React.ForwardRefExoticComponent<Omit<import("antd/lib/select").SelectProps<import("antd/lib/select").SelectValue, import("antd/lib/select").DefaultOptionType>, "listHeight"> & {
+import { default as AntdSelect } from 'antd/lib/select';
+import { default as React } from 'react';
+export declare const Select: React.ForwardRefExoticComponent<Omit<import('antd/lib/select').SelectProps<import('antd/lib/select').SelectValue, import('antd/lib/select').DefaultOptionType>, "listHeight"> & {
     error?: boolean;
     clearTooltip?: string;
     prefixel?: React.ReactNode;
@@ -10,11 +8,11 @@ export declare const Select: React.ForwardRefExoticComponent<Omit<import("antd/l
     listHeight?: React.ReactText;
     grey?: boolean;
     asFormElement?: boolean;
-    selectorStyle?: import("styled-components").CSSObject;
+    selectorStyle?: import('styled-components').CSSObject;
     raw?: boolean;
     readOnly?: boolean;
     disabled?: boolean;
-} & Omit<import("@synerise/ds-form-field").ContentAboveProps, "id" | "rightSide"> & import("@synerise/ds-form-field").ContentBelowProps & React.RefAttributes<HTMLDivElement>>;
+} & Omit<import('@synerise/ds-form-field').ContentAboveProps, "id" | "rightSide"> & import('@synerise/ds-form-field').ContentBelowProps & React.RefAttributes<HTMLDivElement>>;
 type SelectCompoundComponent = typeof Select & {
     Option: typeof AntdSelect.Option;
     OptGroup: typeof AntdSelect.OptGroup;

package/dist/Select.js

@@ -1,89 +1,74 @@
-var _excluded = ["label", "description", "errorText", "error", "tooltip", "tooltipConfig", "clearTooltip", "prefixel", "suffixel", "style", "size", "listHeight", "className", "getPopupContainer", "grey", "dropdownClassName", "asFormElement", "raw", "readOnly", "disabled"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import AntdSelect from 'antd/lib/select';
-import classNames from 'classnames';
-import React, { forwardRef } from 'react';
-import '@synerise/ds-core/dist/js/style';
-import FormField from '@synerise/ds-form-field';
-import Icon, { Close3M, CloseS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { getPopupContainer as defaultGetPopupContainer } from '@synerise/ds-utils';
-import * as S from './Select.styles';
+import { jsxs, jsx } from "react/jsx-runtime";
+import AntdSelect$1 from "antd/lib/select";
+import classNames from "classnames";
+import { forwardRef } from "react";
+import FormField from "@synerise/ds-form-field";
+import Icon, { CloseS, Close3M } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { SelectWrapper, PrefixWrapper, AntdSelect, SuffixWrapper, SelectContainer } from "./Select.styles.js";
 import "./style/index.css";
-export var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var _classNames;
-  var label = _ref.label,
-    description = _ref.description,
-    errorText = _ref.errorText,
-    error = _ref.error,
-    tooltip = _ref.tooltip,
-    tooltipConfig = _ref.tooltipConfig,
-    clearTooltip = _ref.clearTooltip,
-    prefixel = _ref.prefixel,
-    suffixel = _ref.suffixel,
-    style = _ref.style,
-    size = _ref.size,
-    listHeight = _ref.listHeight,
-    className = _ref.className,
-    _ref$getPopupContaine = _ref.getPopupContainer,
-    getPopupContainer = _ref$getPopupContaine === void 0 ? defaultGetPopupContainer : _ref$getPopupContaine,
-    grey = _ref.grey,
-    dropdownClassName = _ref.dropdownClassName,
-    asFormElement = _ref.asFormElement,
-    raw = _ref.raw,
-    readOnly = _ref.readOnly,
-    disabled = _ref.disabled,
-    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var hasBottomMargin = asFormElement || Boolean(errorText || description);
-  var simpleSelect = /*#__PURE__*/React.createElement(S.SelectWrapper, {
-    grey: grey,
-    error: Boolean(errorText),
-    className: classNames('ds-select-wrapper', {
-      error: errorText || error
-    }, (_classNames = {}, _classNames[className] = !!className, _classNames)),
-    style: style,
-    ref: raw ? forwardedRef : undefined
-  }, !!prefixel && /*#__PURE__*/React.createElement(S.PrefixWrapper, null, prefixel), /*#__PURE__*/React.createElement(S.AntdSelect, _extends({
-    dropdownAlign: {
-      offset: [0, 8]
-    } // STOR-588
-  }, antdProps, {
-    getPopupContainer: getPopupContainer,
-    listHeight: listHeight,
-    size: size,
-    withPrefixel: !!prefixel,
-    withSuffixel: !!suffixel,
-    disabled: disabled || readOnly,
-    readOnly: readOnly,
-    clearIcon: /*#__PURE__*/React.createElement(Tooltip, {
-      title: clearTooltip
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(Close3M, null),
-      size: size === 'small' ? 18 : 24
-    }))),
-    removeIcon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(CloseS, null)
-    }),
-    className: classNames({
-      error: errorText || error
-    }),
-    dropdownClassName: classNames('ps__child--consume', dropdownClassName)
-  })), !!suffixel && /*#__PURE__*/React.createElement(S.SuffixWrapper, null, suffixel));
-  return raw ? simpleSelect : /*#__PURE__*/React.createElement(S.SelectContainer, {
-    className: "ds-select-container",
-    hasBottomMargin: hasBottomMargin,
-    ref: forwardedRef
-  }, /*#__PURE__*/React.createElement(FormField, {
-    errorText: errorText,
-    description: description,
-    label: label,
-    tooltip: tooltip,
-    tooltipConfig: tooltipConfig
-  }, simpleSelect));
+const Select = forwardRef(({
+  label,
+  description,
+  errorText,
+  error,
+  tooltip,
+  tooltipConfig,
+  clearTooltip,
+  prefixel,
+  suffixel,
+  style,
+  size,
+  listHeight,
+  className,
+  getPopupContainer: getPopupContainer$1 = getPopupContainer,
+  grey,
+  dropdownClassName,
+  asFormElement,
+  raw,
+  readOnly,
+  disabled,
+  ...antdProps
+}, forwardedRef) => {
+  const hasBottomMargin = asFormElement || Boolean(errorText || description);
+  const simpleSelect = /* @__PURE__ */ jsxs(SelectWrapper, { grey, error: Boolean(errorText), className: classNames("ds-select-wrapper", {
+    error: errorText || error
+  }, {
+    [className]: !!className
+  }), style, ref: raw ? forwardedRef : void 0, children: [
+    !!prefixel && /* @__PURE__ */ jsx(PrefixWrapper, { children: prefixel }),
+    /* @__PURE__ */ jsx(
+      AntdSelect,
+      {
+        dropdownAlign: {
+          offset: [0, 8]
+        },
+        ...antdProps,
+        getPopupContainer: getPopupContainer$1,
+        listHeight,
+        size,
+        withPrefixel: !!prefixel,
+        withSuffixel: !!suffixel,
+        disabled: disabled || readOnly,
+        readOnly,
+        clearIcon: /* @__PURE__ */ jsx(Tooltip, { title: clearTooltip, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close3M, {}), size: size === "small" ? 18 : 24 }) }) }),
+        removeIcon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CloseS, {}) }),
+        className: classNames({
+          error: errorText || error
+        }),
+        dropdownClassName: classNames("ps__child--consume", dropdownClassName)
+      }
+    ),
+    !!suffixel && /* @__PURE__ */ jsx(SuffixWrapper, { children: suffixel })
+  ] });
+  return raw ? simpleSelect : /* @__PURE__ */ jsx(SelectContainer, { className: "ds-select-container", hasBottomMargin, ref: forwardedRef, children: /* @__PURE__ */ jsx(FormField, { errorText, description, label, tooltip, tooltipConfig, children: simpleSelect }) });
 });
-var SelectWithComponents = Object.assign(Select, {
-  Option: AntdSelect.Option,
-  OptGroup: AntdSelect.OptGroup
+const SelectWithComponents = Object.assign(Select, {
+  Option: AntdSelect$1.Option,
+  OptGroup: AntdSelect$1.OptGroup
 });
-export default SelectWithComponents;
+export {
+  Select,
+  SelectWithComponents as default
+};

package/dist/Select.styles.d.ts

@@ -1,17 +1,17 @@
-import type React from 'react';
-import { type Props } from './Select.types';
-export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {
+import { default as React } from 'react';
+import { Props } from './Select.types';
+export declare const SelectContainer: import('styled-components').StyledComponent<"div", any, {
     hasBottomMargin?: boolean;
 }, never>;
-export declare const AntdSelect: import("styled-components").StyledComponent<React.ComponentType<Props>, any, {
+export declare const AntdSelect: import('styled-components').StyledComponent<React.ComponentType<Props>, any, {
     size?: string;
     withPrefixel?: boolean;
     withSuffixel?: boolean;
     readOnly?: boolean;
 }, never>;
-export declare const PrefixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const PrefixWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SuffixWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SelectWrapper: import('styled-components').StyledComponent<"div", any, {
     error?: boolean;
     grey?: boolean;
 }, never>;

package/dist/Select.styles.js

@@ -1,67 +1,85 @@
-import Select from 'antd/lib/select';
-import styled, { css } from 'styled-components';
-var errorStyle = function errorStyle(props) {
-  return "\n  border-color: " + props.theme.palette['red-600'] + ";\n  box-shadow: inset 0 0 0 1px " + props.theme.palette['red-600'] + ";\n  background: " + props.theme.palette['red-050'] + ";\n";
-};
-var searchIconWithCustomColor = function searchIconWithCustomColor(color) {
-  var colorValueForSvg = color.replace(/#/, '%23');
-  var iconWithColor = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 36 36' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: " + colorValueForSvg + ";' d='M10.734 17.234a6.463 6.463 0 004.03-1.41l3.721 3.722a.75.75 0 001.06-1.06l-3.72-3.722a6.494 6.494 0 10-5.09 2.47zm0-11.5a5 5 0 11-5 5 5.006 5.006 0 015-5z'/></svg>";
+import AntdSelect$1 from "antd/lib/select";
+import styled, { css } from "styled-components";
+const errorStyle = (props) => `
+  border-color: ${props.theme.palette["red-600"]};
+  box-shadow: inset 0 0 0 1px ${props.theme.palette["red-600"]};
+  background: ${props.theme.palette["red-050"]};
+`;
+const searchIconWithCustomColor = (color) => {
+  const colorValueForSvg = color.replace(/#/, "%23");
+  const iconWithColor = `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 36 36' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: ${colorValueForSvg};' d='M10.734 17.234a6.463 6.463 0 004.03-1.41l3.721 3.722a.75.75 0 001.06-1.06l-3.72-3.722a6.494 6.494 0 10-5.09 2.47zm0-11.5a5 5 0 11-5 5 5.006 5.006 0 015-5z'/></svg>`;
   return iconWithColor;
 };
-var withPrefixStyles = function withPrefixStyles() {
-  return "\n  border-top-left-radius:0;\n  border-bottom-left-radius:0;\n";
-};
-var withSuffixStyles = function withSuffixStyles() {
-  return "\n  border-top-right-radius:0;\n  border-bottom-right-radius:0;\n";
-};
-var addonStyles = function addonStyles(props) {
-  return "\n  display: flex;\n  align-items: center;\n  background: " + props.theme.palette['grey-050'] + ";\n  box-shadow: inset 0 0 0 1px " + props.theme.palette['grey-300'] + ";\n  color: " + props.theme.palette['grey-500'] + ";\n  font-size:13px;\n  line-height: 1.39;\n ";
-};
-export var SelectContainer = styled.div.withConfig({
+const withPrefixStyles = () => `
+  border-top-left-radius:0;
+  border-bottom-left-radius:0;
+`;
+const withSuffixStyles = () => `
+  border-top-right-radius:0;
+  border-bottom-right-radius:0;
+`;
+const addonStyles = (props) => `
+  display: flex;
+  align-items: center;
+  background: ${props.theme.palette["grey-050"]};
+  box-shadow: inset 0 0 0 1px ${props.theme.palette["grey-300"]};
+  color: ${props.theme.palette["grey-500"]};
+  font-size:13px;
+  line-height: 1.39;
+ `;
+const SelectContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Selectstyles__SelectContainer",
   componentId: "sc-n9lk0v-0"
-})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0 0 ", "px;"], function (props) {
-  return props.hasBottomMargin ? 16 : 0;
-});
-export var AntdSelect = styled(Select).withConfig({
+})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0 0 ", "px;"], (props) => props.hasBottomMargin ? 16 : 0);
+const AntdSelect = /* @__PURE__ */ styled(AntdSelect$1).withConfig({
   displayName: "Selectstyles__AntdSelect",
   componentId: "sc-n9lk0v-1"
-})(["", " &.ant-select-multiple{.ant-select-arrow{top:16px;}}&&{.ant-select-selector{", "}}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}&&&.ant-select-disabled{.ant-select-selector.ant-select-selector{color:", ";cursor:", ";background-color:", ";}.ant-select-arrow{opacity:0.5;}}"], function (props) {
-  return props.size === 'large' && "\n\n    &.ant-select-single .ant-select-selector, \n    &.ant-select-single .ant-select-selection-search-input {\n      height:48px;\n    }\n\n    &.ant-select-single .ant-select-selection-item, \n    &.ant-select-single .ant-select-selection-placeholder {\n      line-height:46px;\n    }\n    \n    &.ant-select-multiple.ant-select-lg {\n      .ant-select-arrow {\n        top: 23px\n      }\n      .ant-select-selector {\n        padding: 8px;\n      }\n\n      .ant-select-selector::after,\n      .ant-select-selection-item,\n      .ant-select-selection-search,\n      .ant-select-selection-search-input {\n        height: 24px; \n        line-height: 22px;\n      }\n    }\n\n  ";
-}, function (props) {
-  return !!props.selectorStyle && css(props.selectorStyle);
-}, function (props) {
-  return !!props.withPrefixel && withPrefixStyles();
-}, function (props) {
-  return !!props.withSuffixel && withSuffixStyles();
-}, function (props) {
-  return "url(\"" + searchIconWithCustomColor(props.theme.palette['grey-400']) + "\")";
-}, function (props) {
-  return errorStyle(props);
-}, function (props) {
-  return props.theme.palette['red-050'];
-}, function (props) {
-  return props.readOnly ? props.theme.palette['grey-600'] : props.theme.palette['grey-400'];
-}, function (props) {
-  return props.readOnly ? 'default' : 'not-allowed';
-}, function (props) {
-  return props.readOnly ? props.theme.palette.white : props.theme.palette['grey-050'];
-});
-export var PrefixWrapper = styled.div.withConfig({
+})(["", " &.ant-select-multiple{.ant-select-arrow{top:16px;}}&&{.ant-select-selector{", "}}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}&&&.ant-select-disabled{.ant-select-selector.ant-select-selector{color:", ";cursor:", ";background-color:", ";}.ant-select-arrow{opacity:0.5;}}"], (props) => props.size === "large" && `
+
+    &.ant-select-single .ant-select-selector, 
+    &.ant-select-single .ant-select-selection-search-input {
+      height:48px;
+    }
+
+    &.ant-select-single .ant-select-selection-item, 
+    &.ant-select-single .ant-select-selection-placeholder {
+      line-height:46px;
+    }
+    
+    &.ant-select-multiple.ant-select-lg {
+      .ant-select-arrow {
+        top: 23px
+      }
+      .ant-select-selector {
+        padding: 8px;
+      }
+
+      .ant-select-selector::after,
+      .ant-select-selection-item,
+      .ant-select-selection-search,
+      .ant-select-selection-search-input {
+        height: 24px; 
+        line-height: 22px;
+      }
+    }
+
+  `, (props) => !!props.selectorStyle && css(props.selectorStyle), (props) => !!props.withPrefixel && withPrefixStyles(), (props) => !!props.withSuffixel && withSuffixStyles(), (props) => `url("${searchIconWithCustomColor(props.theme.palette["grey-400"])}")`, (props) => errorStyle(props), (props) => props.theme.palette["red-050"], (props) => props.readOnly ? props.theme.palette["grey-600"] : props.theme.palette["grey-400"], (props) => props.readOnly ? "default" : "not-allowed", (props) => props.readOnly ? props.theme.palette.white : props.theme.palette["grey-050"]);
+const PrefixWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Selectstyles__PrefixWrapper",
   componentId: "sc-n9lk0v-2"
-})(["border-radius:3px 0 0 3px;margin-right:-2px;padding-right:1px;", ";"], function (props) {
-  return addonStyles(props);
-});
-export var SuffixWrapper = styled.div.withConfig({
+})(["border-radius:3px 0 0 3px;margin-right:-2px;padding-right:1px;", ";"], (props) => addonStyles(props));
+const SuffixWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Selectstyles__SuffixWrapper",
   componentId: "sc-n9lk0v-3"
-})(["border-radius:0 3px 3px 0;margin-left:-1px;", ";"], function (props) {
-  return addonStyles(props);
-});
-export var SelectWrapper = styled.div.withConfig({
+})(["border-radius:0 3px 3px 0;margin-left:-1px;", ";"], (props) => addonStyles(props));
+const SelectWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Selectstyles__SelectWrapper",
   componentId: "sc-n9lk0v-4"
-})(["display:flex;", ""], function (props) {
-  return props.grey && !props.error && css(["&&&{.ant-select-selector{background-color:", ";}}"], props.theme.palette['grey-050']);
-});
+})(["display:flex;", ""], (props) => props.grey && !props.error && css(["&&&{.ant-select-selector{background-color:", ";}}"], props.theme.palette["grey-050"]));
+export {
+  AntdSelect,
+  PrefixWrapper,
+  SelectContainer,
+  SelectWrapper,
+  SuffixWrapper
+};

package/dist/Select.types.d.ts

@@ -1,7 +1,7 @@
-import type { SelectProps, SelectValue } from 'antd/lib/select';
-import type { ReactNode, ReactText } from 'react';
-import type { CSSObject } from 'styled-components';
-import type { FormFieldCommonProps } from '@synerise/ds-form-field';
+import { SelectProps, SelectValue } from 'antd/lib/select';
+import { ReactNode, ReactText } from 'react';
+import { CSSObject } from 'styled-components';
+import { FormFieldCommonProps } from '@synerise/ds-form-field';
 export type Props<T = SelectValue> = Omit<SelectProps<T>, 'listHeight'> & {
     error?: boolean;
     clearTooltip?: string;

package/dist/Select.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1,3 +1,6 @@
-export { default } from './Select';
-import * as _SelectStyles from './Select.styles';
-export { _SelectStyles as SelectStyles };
+import { default as default2 } from "./Select.js";
+import * as Select_styles from "./Select.styles.js";
+export {
+  Select_styles as SelectStyles,
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-select",
-  "version": "1.3.19",
+  "version": "1.3.20",
   "description": "Select UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,10 +35,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-form-field": "^1.3.9",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-form-field": "^1.3.10",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-utils": "^1.7.1",
     "classnames": "^2.5.1"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }