oolib 2.144.4 → 2.145.0

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 (25) hide show
  1. package/dist/components/AudioInput/index.js +1 -1
  2. package/dist/components/DatePicker/index.js +1 -1
  3. package/dist/components/DateRangePicker/index.js +1 -1
  4. package/dist/components/DateTimePicker/index.js +1 -1
  5. package/dist/components/DateTimeRangePicker/index.js +1 -1
  6. package/dist/components/Dropdowns/DropdownMulti/index.js +1 -1
  7. package/dist/components/Dropdowns/DropdownSingle/index.js +1 -1
  8. package/dist/components/GroupQuestionsInputSingle/index.js +1 -1
  9. package/dist/components/ImageInput/index.js +1 -1
  10. package/dist/components/PDFInput/index.js +1 -1
  11. package/dist/components/RadioAndCheckbox/comps/CheckboxList/index.js +1 -1
  12. package/dist/components/RadioAndCheckbox/comps/RadioList/index.js +1 -1
  13. package/dist/components/ResourceInput/index.js +1 -1
  14. package/dist/components/SimpleTable/index.js +1 -1
  15. package/dist/components/Switches/index.js +1 -1
  16. package/dist/components/TextInputs/index.js +5 -2
  17. package/dist/components/TimePicker/index.js +1 -1
  18. package/dist/components/TimeRangePicker/index.js +1 -1
  19. package/dist/components/VideoInput/index.js +1 -1
  20. package/dist/stories/v2/components/TextInputs.stories.js +10 -4
  21. package/dist/v2/components/Hints/index.js +1 -1
  22. package/dist/v2/components/TextInputs/index.js +2 -1
  23. package/dist/v2/components/TextInputs/index.styled.d.ts +1 -0
  24. package/dist/v2/components/TextInputs/index.styled.js +4 -3
  25. package/package.json +1 -1
package/dist/components/AudioInput/index.js CHANGED
@@ -47,7 +47,7 @@ var __rest = (this && this.__rest) || function (s, e) {
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
48
  var react_1 = __importStar(require("react"));
49
49
  var Buttons_1 = require("../Buttons");
50
- var BlockLabel_1 = require("../BlockLabel");
50
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
51
51
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
52
52
  var bannerContext_1 = require("../Banners/bannerContext");
53
53
  var styled_components_1 = require("styled-components");
package/dist/components/DatePicker/index.js CHANGED
@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
35
35
  };
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var react_1 = __importStar(require("react"));
38
- var BlockLabel_1 = require("../BlockLabel");
38
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
39
39
  var useScreenWidth_1 = require("../../utils/customHooks/useScreenWidth");
40
40
  var _EXPORTS_1 = require("../../utils/_EXPORTS");
41
41
  var Typo_1 = require("../Typo");
package/dist/components/DateRangePicker/index.js CHANGED
@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  var react_1 = __importDefault(require("react"));
27
27
  var themes_1 = require("../../themes");
28
- var BlockLabel_1 = require("../BlockLabel");
28
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
29
29
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
30
30
  var CheckboxInput_1 = require("../RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput");
31
31
  var DatePicker_1 = __importDefault(require("../DatePicker"));
package/dist/components/DateTimePicker/index.js CHANGED
@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
39
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.DateTimePicker = void 0;
41
41
  var react_1 = __importStar(require("react"));
42
- var BlockLabel_1 = require("../BlockLabel");
42
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
43
43
  var TimePicker_1 = require("../TimePicker");
44
44
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
45
45
  var DatePicker_1 = __importDefault(require("../DatePicker"));
package/dist/components/DateTimeRangePicker/index.js CHANGED
@@ -42,7 +42,7 @@ var react_1 = __importStar(require("react"));
42
42
  var InlineAlert_1 = require("../InlineAlert");
43
43
  var DatePicker_1 = __importDefault(require("../DatePicker"));
44
44
  var TimeRangePicker_1 = require("../TimeRangePicker");
45
- var BlockLabel_1 = require("../BlockLabel");
45
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
46
46
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
47
47
  var DateTimeRangePicker = function (props) {
48
48
  var onChange = props.onChange, value = props.value, id = props.id, readOnly = props.readOnly, futureDateOnly = props.futureDateOnly, previousDateOnly = props.previousDateOnly, passChangeHandlerOps = props.passChangeHandlerOps, invert = props.invert, isPassedText = props.isPassedText, disabled = props.disabled;
package/dist/components/Dropdowns/DropdownMulti/index.js CHANGED
@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
35
35
  };
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.DropdownMulti = void 0;
38
- var BlockLabel_1 = require("../../BlockLabel");
38
+ var BlockLabel_1 = require("../../../v2/components/BlockLabel");
39
39
  var getBlockLabelProps_1 = require("../../../utils/getBlockLabelProps");
40
40
  var mixins_1 = require("../../../themes/mixins");
41
41
  var useHandleClickOutside_1 = require("../../../utils/customHooks/useHandleClickOutside");
package/dist/components/Dropdowns/DropdownSingle/index.js CHANGED
@@ -49,7 +49,7 @@ var generateOptions_1 = require("../utils/generateOptions");
49
49
  var useSearchString_1 = require("../utils/useSearchString");
50
50
  var styled_components_1 = require("styled-components");
51
51
  var genTagComp_1 = require("../utils/genTagComp");
52
- var BlockLabel_1 = require("../../BlockLabel");
52
+ var BlockLabel_1 = require("../../../v2/components/BlockLabel");
53
53
  var getBlockLabelProps_1 = require("../../../utils/getBlockLabelProps");
54
54
  var mixins_1 = require("../../../themes/mixins");
55
55
  var useHandleClickOutside_1 = require("../../../utils/customHooks/useHandleClickOutside");
package/dist/components/GroupQuestionsInputSingle/index.js CHANGED
@@ -38,7 +38,7 @@ var react_1 = __importStar(require("react"));
38
38
  var RadioAndCheckbox_1 = require("../RadioAndCheckbox");
39
39
  var Typo_1 = require("../Typo");
40
40
  var styled_1 = require("./styled");
41
- var BlockLabel_1 = require("../BlockLabel");
41
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
42
42
  var themes_1 = require("../../themes");
43
43
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
44
44
  var _EXPORTS_1 = require("../../utils/_EXPORTS");
package/dist/components/ImageInput/index.js CHANGED
@@ -20,7 +20,7 @@ var GallerySlider_1 = __importDefault(require("./comps/GallerySlider"));
20
20
  var SingleImageInput_1 = require("./comps/SingleImageInput");
21
21
  var InlineImageInput_1 = require("./comps/InlineImageInput");
22
22
  var ImageInputContext_1 = require("./ImageInputContext");
23
- var BlockLabel_1 = require("../BlockLabel");
23
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
24
24
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
25
25
  var utilsOolib_1 = require("../../utilsOolib");
26
26
  /**
package/dist/components/PDFInput/index.js CHANGED
@@ -54,7 +54,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
54
54
  Object.defineProperty(exports, "__esModule", { value: true });
55
55
  var react_1 = __importStar(require("react"));
56
56
  var styled_components_1 = __importStar(require("styled-components"));
57
- var BlockLabel_1 = require("../BlockLabel");
57
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
58
58
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
59
59
  var Buttons_1 = require("../Buttons");
60
60
  var bannerContext_1 = require("../Banners/bannerContext");
package/dist/components/RadioAndCheckbox/comps/CheckboxList/index.js CHANGED
@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.CheckboxList = void 0;
38
38
  var react_1 = __importStar(require("react"));
39
- var BlockLabel_1 = require("../../../BlockLabel");
39
+ var BlockLabel_1 = require("../../../../v2/components/BlockLabel");
40
40
  var Tags_1 = require("../../../Tags");
41
41
  var TextInputs_1 = require("../../../TextInputs");
42
42
  var Buttons_1 = require("../../../Buttons");
package/dist/components/RadioAndCheckbox/comps/RadioList/index.js CHANGED
@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.RadioList = void 0;
38
38
  var react_1 = __importStar(require("react"));
39
- var BlockLabel_1 = require("../../../BlockLabel");
39
+ var BlockLabel_1 = require("../../../../v2/components/BlockLabel");
40
40
  var Tags_1 = require("../../../Tags");
41
41
  var TextInputs_1 = require("../../../TextInputs");
42
42
  var Buttons_1 = require("../../../Buttons");
package/dist/components/ResourceInput/index.js CHANGED
@@ -49,7 +49,7 @@ var styled_components_1 = require("styled-components");
49
49
  var Typo_1 = require("../Typo");
50
50
  var bannerContext_1 = require("../Banners/bannerContext");
51
51
  var icons_1 = require("../../icons");
52
- var BlockLabel_1 = require("../BlockLabel");
52
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
53
53
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
54
54
  var ResourceDisplayBlock_1 = require("./comp/ResourceDisplayBlock");
55
55
  var styled_1 = require("./styled");
package/dist/components/SimpleTable/index.js CHANGED
@@ -47,7 +47,7 @@ exports.SimpleTable = void 0;
47
47
  var react_1 = __importStar(require("react"));
48
48
  var themes_1 = require("../../themes");
49
49
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
50
- var BlockLabel_1 = require("../BlockLabel");
50
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
51
51
  //local utils
52
52
  var styled_components_1 = require("styled-components");
53
53
  var utilsOolib_1 = require("../../utilsOolib");
package/dist/components/Switches/index.js CHANGED
@@ -18,7 +18,7 @@ exports.SwitchSingle = exports.SwitchDouble = void 0;
18
18
  var react_1 = __importDefault(require("react"));
19
19
  var themes_1 = require("../../themes");
20
20
  var _EXPORTS_1 = require("../../utils/_EXPORTS");
21
- var BlockLabel_1 = require("../BlockLabel");
21
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
22
22
  var styled_1 = require("./styled");
23
23
  var Tooltip_1 = require("../Tooltip");
24
24
  var utilsOolib_1 = require("../../utilsOolib");
package/dist/components/TextInputs/index.js CHANGED
@@ -85,7 +85,7 @@ exports.NumberInput = exports.URLInput = exports.PhoneInput = exports.EmailInput
85
85
  var react_1 = __importStar(require("react"));
86
86
  var index_styled_1 = require("./index.styled");
87
87
  var icons_1 = require("../../icons");
88
- var BlockLabel_1 = require("../BlockLabel");
88
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
89
89
  var Typo_1 = require("../Typo");
90
90
  var Buttons_1 = require("../Buttons");
91
91
  var _EXPORTS_1 = require("../../utils/_EXPORTS");
@@ -183,7 +183,10 @@ var TextInput = function (props) {
183
183
  return (react_1.default.createElement(react_1.default.Fragment, null,
184
184
  react_1.default.createElement("div", { className: className },
185
185
  react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
186
- readOnly ? (react_1.default.createElement(Typo_1.SANS_3, { invert: invert }, type === "password" ? "********" : value)) : (react_1.default.createElement(react_1.default.Fragment, null,
186
+ readOnly ? (react_1.default.createElement(Typo_1.SANS_3, { invert: invert }, type === "url"
187
+ ? react_1.default.createElement(OKELink_1.OKELink, { text: value, to: value })
188
+ : type === "password"
189
+ ? "********" : value)) : (react_1.default.createElement(react_1.default.Fragment, null,
187
190
  react_1.default.createElement(index_styled_1.InputContainerStyled, { invert: invert, type: type, disabled: disabled, status: validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type, eyeIcon: eyeIcon, composition: composition, onClick: function () { return inputRef.current.focus(); } },
188
191
  icon && (react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20, onClick: iconOnClick || null })),
189
192
  react_1.default.createElement(index_styled_1.InputStyled, { ref: inputRef, className: size === "S" ? "SANS_2" : "SANS_3", id: id, type: type, name: type, placeholder: localize(placeholder), value: value, onChange: handleOnChange, maxLength: maxLength || DEPRECATED_maxNumLimiter, onBlur: validateOnlyOnBlur
package/dist/components/TimePicker/index.js CHANGED
@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  exports.TimePicker = void 0;
38
38
  var react_1 = __importStar(require("react"));
39
- var BlockLabel_1 = require("../BlockLabel");
39
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
40
40
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
41
41
  var styled_1 = require("./styled");
42
42
  var Typo_1 = require("../Typo");
package/dist/components/TimeRangePicker/index.js CHANGED
@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
45
45
  Object.defineProperty(exports, "__esModule", { value: true });
46
46
  exports.TimeRangePicker = void 0;
47
47
  var react_1 = __importStar(require("react"));
48
- var BlockLabel_1 = require("../BlockLabel");
48
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
49
49
  var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
50
50
  var TimePicker_1 = require("../TimePicker");
51
51
  var TimeRangePicker = function (props) {
package/dist/components/VideoInput/index.js CHANGED
@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
40
40
  var react_1 = __importStar(require("react"));
41
41
  var styled_components_1 = require("styled-components");
42
42
  var react_player_1 = __importDefault(require("react-player"));
43
- var BlockLabel_1 = require("../BlockLabel");
43
+ var BlockLabel_1 = require("../../v2/components/BlockLabel");
44
44
  var styled_1 = require("./styled");
45
45
  var Buttons_1 = require("../Buttons");
46
46
  var Typo_1 = require("../Typo");
package/dist/stories/v2/components/TextInputs.stories.js CHANGED
@@ -62,10 +62,10 @@ exports.default = {
62
62
  name: "Validate Only On Blur"
63
63
  },
64
64
  actionButton: {
65
- name: "Primary Action"
65
+ name: "Action"
66
66
  },
67
67
  actionButtonText: {
68
- name: "Primary Action Text"
68
+ name: "Action Text"
69
69
  },
70
70
  clearButtonText: {
71
71
  name: "Clear Button Text"
@@ -130,11 +130,17 @@ var GenInputStories = function (_a) {
130
130
  }
131
131
  return (react_1.default.createElement("div", { style: {
132
132
  backgroundColor: args.invert ? themes_1.colors.greyColor100 : '',
133
- padding: '20px',
133
+ padding: '10px',
134
134
  } },
135
135
  react_1.default.createElement(Comp, __assign({}, newProps, { onChange: handleOnChange, value: value, actionBtn: actionBtn, clearBtn: clearBtn }))));
136
136
  };
137
- var Text = function (args) { return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput })); };
137
+ var Text = function (args) { return (react_1.default.createElement(react_1.default.Fragment, null,
138
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }),
139
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }),
140
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }),
141
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }),
142
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }),
143
+ react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput }))); };
138
144
  exports.Text = Text;
139
145
  var Email_ = function (args) {
140
146
  return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'email input', sublabel: 'some sub label' }), Comp: TextInputs_1.EmailInput }));
package/dist/v2/components/Hints/index.js CHANGED
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
26
26
  var react_1 = __importStar(require("react"));
27
27
  var styled_1 = require("./styled");
28
28
  var Typo_1 = require("../../../components/Typo");
29
- var contextApi_1 = require("../../../components/Hints/contextApi");
29
+ var contextApi_1 = require("./contextApi");
30
30
  var colors_1 = require("../../themes/colors");
31
31
  var DisplayIcon_1 = require("../../../utils/comps/DisplayIcon");
32
32
  var Buttons_1 = require("../../../components/Buttons");
package/dist/v2/components/TextInputs/index.js CHANGED
@@ -187,7 +187,8 @@ function TextInput(_a) {
187
187
  react_1.default.createElement(LoadersAndProgress_1.LoaderCircle, { S: true, invert: invert }))),
188
188
  clearBtn && clearBtnEnabled && (react_1.default.createElement(index_styled_1.ClearButtonStyled, { onClick: function () { return onChange(id, ""); } },
189
189
  react_1.default.createElement(Typo2_1.UI_CAPTION, null, localize((clearBtn === null || clearBtn === void 0 ? void 0 : clearBtn.text) || "clear")))),
190
- actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimary, { M: true, value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, style: { marginRight: "-2rem" } }))),
190
+ actionBtn && (react_1.default.createElement(index_styled_1.ButtonPrimaryStyled, { S: true, value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, className: "UI_CAPTION" },
191
+ react_1.default.createElement(Typo2_1.UI_CAPTION, null, localize((actionBtn === null || actionBtn === void 0 ? void 0 : actionBtn.text) || "action"))))),
191
192
  displayValidationMsg && (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.msg) && (react_1.default.createElement(index_styled_1.MsgContainerStyled, { status: validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type },
192
193
  (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "error" && (react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 12, icon: "WarningDiamond", weight: "fill", color: themes_1.colors.red })),
193
194
  react_1.default.createElement(Typo2_1.UI_HELPTEXT, null,
package/dist/v2/components/TextInputs/index.styled.d.ts CHANGED
@@ -2,3 +2,4 @@ export const MsgContainerStyled: import("styled-components").StyledComponent<"di
2
2
  export const InputContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  export const InputStyled: import("styled-components").StyledComponent<"input", any, {}, never>;
4
4
  export const ClearButtonStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
5
+ export const ButtonPrimaryStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
package/dist/v2/components/TextInputs/index.styled.js CHANGED
@@ -27,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
27
27
  return result;
28
28
  };
29
29
  Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.ClearButtonStyled = exports.InputStyled = exports.InputContainerStyled = exports.MsgContainerStyled = void 0;
30
+ exports.ButtonPrimaryStyled = exports.ClearButtonStyled = exports.InputStyled = exports.InputContainerStyled = exports.MsgContainerStyled = void 0;
31
31
  var styled_components_1 = __importStar(require("styled-components"));
32
32
  var mixins_1 = require("../../../themes/mixins");
33
33
  var themes_1 = require("../../themes");
@@ -39,7 +39,7 @@ exports.MsgContainerStyled = styled_components_1.default.div(templateObject_2 ||
39
39
  var status = _a.status;
40
40
  return status && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), getColorValue(status));
41
41
  });
42
- exports.InputContainerStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", ";\n\n position: relative;\n &::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n\n color: ", ";\n display: flex;\n align-items: center;\n gap: 6px;\n\n ", "\n ", "\n\n ", ";\n ", ";\n"], ["\n ", "\n ", ";\n\n position: relative;\n &::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n\n color: ", ";\n display: flex;\n align-items: center;\n gap: 6px;\n\n ", "\n ", "\n\n ", ";\n ", ";\n"])), globalStyles_1.globalInputElemPadding_v2, function (_a) {
42
+ exports.InputContainerStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", ";\n\n position: relative;\n &::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n\n color: ", ";\n display: flex;\n align-items: center;\n gap: 6px; // gap between icon and text\n\n ", "\n ", "\n\n ", ";\n ", ";\n"], ["\n ", "\n ", ";\n\n position: relative;\n &::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n\n color: ", ";\n display: flex;\n align-items: center;\n gap: 6px; // gap between icon and text\n\n ", "\n ", "\n\n ", ";\n ", ";\n"])), globalStyles_1.globalInputElemPadding_v2, function (_a) {
43
43
  var iconAfter = _a.iconAfter;
44
44
  return iconAfter && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-direction: row-reverse;\n justify-content: space-between;\n "], ["\n flex-direction: row-reverse;\n justify-content: space-between;\n "])));
45
45
  }, themes_1.colors.white, themes_1.colors.grey10, themes_1.colors.grey80, function (_a) {
@@ -60,4 +60,5 @@ exports.InputStyled = styled_components_1.default.input(templateObject_7 || (tem
60
60
  return (disabled ? themes_1.colors.grey40 : themes_1.colors.grey60);
61
61
  });
62
62
  exports.ClearButtonStyled = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border-radius: 14px;\n background-color: ", ";\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"], ["\n border-radius: 14px;\n background-color: ", ";\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"])), themes_1.colors.grey10);
63
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
63
+ exports.ButtonPrimaryStyled = styled_components_1.default.button(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n border-radius: 14px;\n padding: 0.5rem;\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"], ["\n border-radius: 14px;\n padding: 0.5rem;\n cursor: pointer;\n border: 0;\n padding: 4px 10px;\n"])));
64
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.144.4",
3
+ "version": "2.145.0",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",