@orfium/ictinus 4.55.0 → 4.56.0

package/dist/components/List/List.style.d.ts

@@ -1,11 +1,14 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
-export declare const wrapperStyle: ({ width, isSearchable, }: {
+export declare const wrapperStyle: ({ width, isSearchable }: {
     width: number | undefined;
     isSearchable?: boolean | undefined;
 }) => (theme: Theme) => SerializedStyles;
-export declare const listStyle: ({ width, height, isSearchable, }: {
+export declare const listLabelWithHelper: SerializedStyles;
+export declare const listLabel: SerializedStyles;
+export declare const listStyle: ({ width, height, isSearchable }: {
     width?: number | undefined;
     height?: number | undefined;
     isSearchable?: boolean | undefined;
 }) => (theme: Theme) => SerializedStyles;
+export declare const listLabelHelperText: (theme: Theme) => SerializedStyles;

package/dist/components/List/List.style.js

@@ -1,12 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.listStyle = exports.wrapperStyle = void 0;
+exports.listLabelHelperText = exports.listStyle = exports.listLabel = exports.listLabelWithHelper = exports.wrapperStyle = void 0;
 
 var _react = require("@emotion/react");
 
 var _utils = require("../../theme/utils");
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 var wrapperStyle = function wrapperStyle(_ref) {
   var width = _ref.width,
       isSearchable = _ref.isSearchable;
@@ -15,12 +17,32 @@ var wrapperStyle = function wrapperStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("border:", isSearchable ? 'initial' : "1px solid " + theme.utils.getColor('lightGrey', 100), ";border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width + "px" || '100%', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoe1xuICB3aWR0aCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBib3JkZXI6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogYDFweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfWB9O1xuICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgd2lkdGg6ICR7YCR7d2lkdGh9cHhgIHx8ICcxMDAlJ307XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gKHtcbiAgd2lkdGgsXG4gIGhlaWdodCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aD86IG51bWJlcjtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiAnMTAwJSd9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0ID8gcmVtKGhlaWdodCkgOiAnMTAwJSd9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;")
+      (0, _react.css)("border:", isSearchable ? 'initial' : "1px solid " + theme.utils.getColor('lightGrey', 100), ";border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width + "px" || '100%', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9XG4gICh7IHdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyB3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkOyBpc1NlYXJjaGFibGU/OiBib29sZWFuIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm9yZGVyOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IGAxcHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX1gfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICAgICAgd2lkdGg6ICR7YCR7d2lkdGh9cHhgIHx8ICcxMDAlJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RMYWJlbFdpdGhIZWxwZXI6IFNlcmlhbGl6ZWRTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG5cbmV4cG9ydCBjb25zdCBsaXN0TGFiZWw6IFNlcmlhbGl6ZWRTdHlsZXMgPSBjc3NgXG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPVxuICAoeyB3aWR0aCwgaGVpZ2h0LCBpc1NlYXJjaGFibGUgfTogeyB3aWR0aD86IG51bWJlcjsgaGVpZ2h0PzogbnVtYmVyOyBpc1NlYXJjaGFibGU/OiBib29sZWFuIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHdpZHRoOiAke3dpZHRoID8gcmVtKHdpZHRoKSA6ICcxMDAlJ307XG4gICAgICBoZWlnaHQ6ICR7aGVpZ2h0ID8gcmVtKGhlaWdodCkgOiAnMTAwJSd9O1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RMYWJlbEhlbHBlclRleHQgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTInXX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyfTtcbiAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuICBjdXJzb3I6IGluaGVyaXQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;")
     );
   };
 };
 
 exports.wrapperStyle = wrapperStyle;
+var listLabelWithHelper = process.env.NODE_ENV === "production" ? {
+  name: "1ptavk5",
+  styles: "display:flex;flex-direction:column;cursor:inherit"
+} : {
+  name: "dkxk9l-listLabelWithHelper",
+  styles: "display:flex;flex-direction:column;cursor:inherit;label:listLabelWithHelper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPVxuICAoeyB3aWR0aCwgaXNTZWFyY2hhYmxlIH06IHsgd2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZDsgaXNTZWFyY2hhYmxlPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiBgMXB4IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDEwMCl9YH07XG4gICAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHdpZHRoOiAke2Ake3dpZHRofXB4YCB8fCAnMTAwJSd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBsaXN0TGFiZWxXaXRoSGVscGVyOiBTZXJpYWxpemVkU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjdXJzb3I6IGluaGVyaXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsOiBTZXJpYWxpemVkU3R5bGVzID0gY3NzYFxuICBjdXJzb3I6IGluaGVyaXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID1cbiAgKHsgd2lkdGgsIGhlaWdodCwgaXNTZWFyY2hhYmxlIH06IHsgd2lkdGg/OiBudW1iZXI7IGhlaWdodD86IG51bWJlcjsgaXNTZWFyY2hhYmxlPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiAnMTAwJSd9O1xuICAgICAgaGVpZ2h0OiAke2hlaWdodCA/IHJlbShoZWlnaHQpIDogJzEwMCUnfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBsaXN0TGFiZWxIZWxwZXJUZXh0ID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ119O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcn07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.listLabelWithHelper = listLabelWithHelper;
+var listLabel = process.env.NODE_ENV === "production" ? {
+  name: "14unf7p",
+  styles: "cursor:inherit"
+} : {
+  name: "16vmj2x-listLabel",
+  styles: "cursor:inherit;label:listLabel;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjhDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID1cbiAgKHsgd2lkdGgsIGlzU2VhcmNoYWJsZSB9OiB7IHdpZHRoOiBudW1iZXIgfCB1bmRlZmluZWQ7IGlzU2VhcmNoYWJsZT86IGJvb2xlYW4gfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogYDFweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfWB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB3aWR0aDogJHtgJHt3aWR0aH1weGAgfHwgJzEwMCUnfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsV2l0aEhlbHBlcjogU2VyaWFsaXplZFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RMYWJlbDogU2VyaWFsaXplZFN0eWxlcyA9IGNzc2BcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9XG4gICh7IHdpZHRoLCBoZWlnaHQsIGlzU2VhcmNoYWJsZSB9OiB7IHdpZHRoPzogbnVtYmVyOyBoZWlnaHQ/OiBudW1iZXI7IGlzU2VhcmNoYWJsZT86IGJvb2xlYW4gfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyByZW0od2lkdGgpIDogJzEwMCUnfTtcbiAgICAgIGhlaWdodDogJHtoZWlnaHQgPyByZW0oaGVpZ2h0KSA6ICcxMDAlJ307XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsSGVscGVyVGV4dCA9ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXJ9O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX07XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.listLabel = listLabel;
 
 var listStyle = function listStyle(_ref2) {
   var width = _ref2.width,
@@ -31,9 +53,20 @@ var listStyle = function listStyle(_ref2) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("padding-left:0;margin-top:0;margin-bottom:0;border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width ? (0, _utils.rem)(width) : '100%', ";height:", height ? (0, _utils.rem)(height) : '100%', ";overflow:auto;overflow-x:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:listStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gKHtcbiAgd2lkdGgsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgd2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IGAxcHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gIHdpZHRoOiAke2Ake3dpZHRofXB4YCB8fCAnMTAwJSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9ICh7XG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgd2lkdGg/OiBudW1iZXI7XG4gIGhlaWdodD86IG51bWJlcjtcbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgd2lkdGg6ICR7d2lkdGggPyByZW0od2lkdGgpIDogJzEwMCUnfTtcbiAgaGVpZ2h0OiAke2hlaWdodCA/IHJlbShoZWlnaHQpIDogJzEwMCUnfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listStyle;")
+      (0, _react.css)("padding-left:0;margin-top:0;margin-bottom:0;border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width ? (0, _utils.rem)(width) : '100%', ";height:", height ? (0, _utils.rem)(height) : '100%', ";overflow:auto;overflow-x:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:listStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPVxuICAoeyB3aWR0aCwgaXNTZWFyY2hhYmxlIH06IHsgd2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZDsgaXNTZWFyY2hhYmxlPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGJvcmRlcjogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiBgMXB4IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDEwMCl9YH07XG4gICAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHdpZHRoOiAke2Ake3dpZHRofXB4YCB8fCAnMTAwJSd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBsaXN0TGFiZWxXaXRoSGVscGVyOiBTZXJpYWxpemVkU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjdXJzb3I6IGluaGVyaXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsOiBTZXJpYWxpemVkU3R5bGVzID0gY3NzYFxuICBjdXJzb3I6IGluaGVyaXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID1cbiAgKHsgd2lkdGgsIGhlaWdodCwgaXNTZWFyY2hhYmxlIH06IHsgd2lkdGg/OiBudW1iZXI7IGhlaWdodD86IG51bWJlcjsgaXNTZWFyY2hhYmxlPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiAnMTAwJSd9O1xuICAgICAgaGVpZ2h0OiAke2hlaWdodCA/IHJlbShoZWlnaHQpIDogJzEwMCUnfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBsaXN0TGFiZWxIZWxwZXJUZXh0ID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ119O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcn07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listStyle;")
     );
   };
 };
 
-exports.listStyle = listStyle;
+exports.listStyle = listStyle;
+
+var listLabelHelperText = function listLabelHelperText(theme) {
+  return (
+    /*#__PURE__*/
+
+    /*#__PURE__*/
+    (0, _react.css)("font-size:", theme.typography.fontSizes['12'], ";font-weight:", theme.typography.weights.regular, ";color:", theme.utils.getColor('lightGrey', 650), ";cursor:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:listLabelHelperText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID1cbiAgKHsgd2lkdGgsIGlzU2VhcmNoYWJsZSB9OiB7IHdpZHRoOiBudW1iZXIgfCB1bmRlZmluZWQ7IGlzU2VhcmNoYWJsZT86IGJvb2xlYW4gfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogYDFweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfWB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB3aWR0aDogJHtgJHt3aWR0aH1weGAgfHwgJzEwMCUnfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsV2l0aEhlbHBlcjogU2VyaWFsaXplZFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RMYWJlbDogU2VyaWFsaXplZFN0eWxlcyA9IGNzc2BcbiAgY3Vyc29yOiBpbmhlcml0O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9XG4gICh7IHdpZHRoLCBoZWlnaHQsIGlzU2VhcmNoYWJsZSB9OiB7IHdpZHRoPzogbnVtYmVyOyBoZWlnaHQ/OiBudW1iZXI7IGlzU2VhcmNoYWJsZT86IGJvb2xlYW4gfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyByZW0od2lkdGgpIDogJzEwMCUnfTtcbiAgICAgIGhlaWdodDogJHtoZWlnaHQgPyByZW0oaGVpZ2h0KSA6ICcxMDAlJ307XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgbGlzdExhYmVsSGVscGVyVGV4dCA9ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXJ9O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX07XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listLabelHelperText;")
+  );
+};
+
+exports.listLabelHelperText = listLabelHelperText;

package/dist/components/List/utils.js

@@ -9,6 +9,8 @@ var _reactHighlightWords = _interopRequireDefault(require("react-highlight-words
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _List = require("./List.style");
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -53,6 +55,20 @@ var isSelected = function isSelected(_ref) {
 
 exports.isSelected = isSelected;
 
+var renderLabelWithHelperText = function renderLabelWithHelperText(content) {
+  if (content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label && 'helperText' in content && content != null && content.helperText) {
+    return (0, _react2.jsx)("div", {
+      css: _List.listLabelWithHelper
+    }, (0, _react2.jsx)("div", {
+      css: _List.listLabel
+    }, content.label), (0, _react2.jsx)("div", {
+      css: _List.listLabelHelperText
+    }, content.helperText));
+  }
+
+  return content.label;
+};
+
 var renderContent = function renderContent(content, searchTerm) {
   if (searchTerm && content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
     return (0, _react2.jsx)(_reactHighlightWords["default"], {
@@ -65,7 +81,9 @@ var renderContent = function renderContent(content, searchTerm) {
   }
 
   if (content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
-    return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", null, content.label), " ", (content == null ? void 0 : content.iconProps) && (0, _react2.jsx)(_Icon["default"], content.iconProps));
+    return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
+      css: _List.listLabel
+    }, renderLabelWithHelperText(content)), (content == null ? void 0 : content.iconProps) && (0, _react2.jsx)(_Icon["default"], content.iconProps));
   }
 
   return content;

package/dist/components/Select/Select.d.ts

@@ -9,6 +9,7 @@ export declare type SelectOptionValues = {
 };
 export declare type SelectOption = {
     isDisabled?: boolean;
+    helperText?: string;
     tooltipInfo?: string;
     options?: SelectOption[];
 } & SelectOptionValues;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.55.0",
+  "version": "4.56.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",