oolib 2.178.2 → 2.178.4

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 (12) hide show
  1. package/dist/v2/components/BlockLabel/index.styled.js +1 -1
  2. package/dist/v2/components/Dropdowns/comps/SelectDropdown/index.js +4 -3
  3. package/dist/v2/components/Dropdowns/comps/SelectDropdown/styled.js +9 -18
  4. package/dist/v2/components/RadioAndCheckbox/comps/RadioList/index.js +1 -1
  5. package/dist/v2/components/Tags/Comps/Tag/index.d.ts +1 -1
  6. package/dist/v2/components/Tags/Comps/TagClear/index.d.ts +2 -1
  7. package/dist/v2/components/Tags/Comps/TagClear/index.js +2 -2
  8. package/dist/v2/components/TextInputs/index.styled.d.ts +3 -3
  9. package/dist/v2/components/TextInputs/index.styled.js +10 -16
  10. package/dist/v2/themes/globalStyles.d.ts +8 -0
  11. package/dist/v2/themes/globalStyles.js +12 -2
  12. package/package.json +1 -1
package/dist/v2/components/BlockLabel/index.styled.js CHANGED
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.StyledInfoTooltipbutton = exports.StyledBlockLabel = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.StyledBlockLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n position: relative;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n position: relative;\n"])));
12
+ exports.StyledBlockLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n position: relative;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n position: relative;\n"])));
13
13
  exports.StyledInfoTooltipbutton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: none;\n background: none;\n outline: none;\n"], ["\n border: none;\n background: none;\n outline: none;\n"])));
14
14
  var templateObject_1, templateObject_2;
package/dist/v2/components/Dropdowns/comps/SelectDropdown/index.js CHANGED
@@ -11,6 +11,7 @@ var genIcon_1 = require("../../utils/genIcon");
11
11
  var styled_1 = require("./styled");
12
12
  var genColor_1 = require("../../utils/genColor");
13
13
  var Typo_1 = require("../../../../../components/Typo");
14
+ var Typo2_1 = require("../../../Typo2");
14
15
  var SelectDropdown = function (_a) {
15
16
  var
16
17
  //from root
@@ -33,9 +34,9 @@ var SelectDropdown = function (_a) {
33
34
  //else
34
35
  return selectConfig.indexOf(elem) !== -1 ? true : false;
35
36
  };
36
- var TypoComp = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
37
- var genSelectComp = function () { return (react_1.default.createElement(styled_1.StyledSelectWrapper, { invert: invert, S: S, disabled: disabled, style: selectStyleOverride },
38
- react_1.default.createElement("div", null,
37
+ var TypoComp = S ? Typo2_1.UI_BODY_SM_DF : Typo2_1.UI_BODY_SM_DF;
38
+ var genSelectComp = function () { return (react_1.default.createElement(styled_1.StyledSelectWrapper, { tabIndex: 0, invert: invert, S: S, isPlaceholder: !value, disabled: disabled, style: selectStyleOverride },
39
+ react_1.default.createElement("div", { style: { zIndex: 1 } },
39
40
  react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center" } },
40
41
  showElem('color') && (0, genColor_1.genColor)({ color: value === null || value === void 0 ? void 0 : value.color }),
41
42
  showElem("icon") && (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, invert: invert, S: S }),
package/dist/v2/components/Dropdowns/comps/SelectDropdown/styled.js CHANGED
@@ -42,30 +42,21 @@ var styled_components_1 = __importStar(require("styled-components"));
42
42
  var themes_1 = require("../../../../themes");
43
43
  var utilsOolib_1 = require("../../../../../utilsOolib");
44
44
  var mixins_1 = require("../../../../../themes/mixins");
45
- exports.StyledSelectWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n border-radius: 2px;\n min-height: 4rem;\n padding: 0 2rem;\n background-color: ", ";\n color: ", "; \n", "\n ", "\n ", "\n\n &::after{\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n right: 0;\n background-color: ", ";\n ", "\n }\n \n\n &:hover {\n background-color: ", ";\n }\n\n &.focussed {\n background-color: ", ";\n &::after{\n width: 100%;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n border-radius: 2px;\n min-height: 4rem;\n padding: 0 2rem;\n background-color: ", ";\n color: ", "; \n", "\n ", "\n ", "\n\n &::after{\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n right: 0;\n background-color: ", ";\n ", "\n }\n \n\n &:hover {\n background-color: ", ";\n }\n\n &.focussed {\n background-color: ", ";\n &::after{\n width: 100%;\n }\n }\n"])), function (_a) {
46
- var invert = _a.invert;
47
- return invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5;
48
- }, function (_a) {
49
- var disabled = _a.disabled, invert = _a.invert;
50
- return disabled
51
- ? themes_1.colors.greyColor40
52
- : invert
53
- ? themes_1.colors.greyColor5
54
- : themes_1.colors.greyColor100;
55
- }, (0, mixins_1.transition)('background-color'), function (_a) {
45
+ var globalStyles_1 = require("../../../../themes/globalStyles");
46
+ exports.StyledSelectWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n min-height: 4rem;\n \n \n\n ", "\n ", "\n\n ", ";\n ", "\n", "\n ", "\n ", "\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n min-height: 4rem;\n \n \n\n ", "\n ", "\n\n ", ";\n ", "\n", "\n ", "\n ", "\n ", "\n"])), function (_a) {
56
47
  var S = _a.S;
57
48
  return S && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: auto;\n height: 3rem;\n "], ["\n min-height: auto;\n height: 3rem;\n "])));
58
49
  }, function (_a) {
59
50
  var disabled = _a.disabled;
60
51
  return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
61
52
  }, function (_a) {
62
- var invert = _a.invert, theme = _a.theme;
63
- return invert ? themes_1.colors.white : (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors);
64
- }, (0, mixins_1.transition)('width'), function (_a) {
65
- var invert = _a.invert;
66
- return invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor10;
53
+ var isPlaceholder = _a.isPlaceholder;
54
+ return isPlaceholder ? globalStyles_1.globalInputElemPlaceholderColor : globalStyles_1.globalInputElemTextColor;
55
+ }, globalStyles_1.globalInputElemDisabledStyling_v2, globalStyles_1.globalInputElemPadding_v2, globalStyles_1.globalInputElemBaseBorderStyling_v2, function (_a) {
56
+ var disabled = _a.disabled;
57
+ return !disabled && globalStyles_1.globalInputElemHover_v2;
67
58
  }, function (_a) {
68
- var invert = _a.invert;
69
- return invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor10;
59
+ var disabled = _a.disabled;
60
+ return !disabled && globalStyles_1.globalInputElemFocused_v2;
70
61
  });
71
62
  var templateObject_1, templateObject_2, templateObject_3;
package/dist/v2/components/RadioAndCheckbox/comps/RadioList/index.js CHANGED
@@ -47,13 +47,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
47
47
  exports.RadioList = RadioList;
48
48
  var react_1 = __importStar(require("react"));
49
49
  var BlockLabel_1 = require("../../../BlockLabel");
50
- var Tags_1 = require("../../../Tags");
51
50
  var TextInputs_1 = require("../../../TextInputs");
52
51
  var Buttons_1 = require("../../../Buttons");
53
52
  var _EXPORTS_1 = require("../../../../../utils/_EXPORTS");
54
53
  var styled_1 = require("../../styled");
55
54
  var utils_1 = require("../../utils");
56
55
  var comps_1 = require("./comps");
56
+ var Tags_1 = require("../../../../../components/Tags");
57
57
  function RadioList(_a) {
58
58
  var id = _a.id, _b = _a.injectOtherOption, injectOtherOption = _b === void 0 ? false : _b, valueProp = _a.value, onChange = _a.onChange, saveValueAsString = _a.saveValueAsString, _c = _a.options, options = _c === void 0 ? [] : _c, commonIsCorrectDesc = _a.commonIsCorrectDesc, rightWrongResult = _a.rightWrongResult, _d = _a.optionsLimit, optionsLimit = _d === void 0 ? Infinity : _d, _e = _a.listType, listType = _e === void 0 ? 'horizontal' : _e, disabled = _a.disabled, invert = _a.invert, readOnly = _a.readOnly, S = _a.S;
59
59
  var props = arguments[0];
package/dist/v2/components/Tags/Comps/Tag/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export interface TagInterface {
5
5
  size?: "XS" | "S" | "M";
6
6
  display: string;
7
7
  icon?: string;
8
- onClick?: () => {};
8
+ onClick?: React.MouseEventHandler<HTMLElement>;
9
9
  weight?: "bold" | "light" | "default";
10
10
  variant?: "clear" | "link";
11
11
  typo?: any;
package/dist/v2/components/Tags/Comps/TagClear/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { FunctionComponent } from "react";
2
3
  export interface TagClearProps {
3
4
  id: string;
4
5
  display: string;
5
- onClick?: () => void;
6
+ onClick?: React.MouseEventHandler<HTMLElement>;
6
7
  fill?: string;
7
8
  size?: "XS" | "S";
8
9
  weight?: "bold" | "light" | "default";
package/dist/v2/components/Tags/Comps/TagClear/index.js CHANGED
@@ -7,7 +7,7 @@ exports.TagClear = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var Tag_1 = require("../Tag");
9
9
  var TagClear = function (_a) {
10
- var id = _a.id, display = _a.display, size = _a.size, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, fill = _a.fill, weight = _a.weight;
11
- return (react_1.default.createElement(Tag_1.Tag, { id: id, display: display, icon: "X", size: size, onClick: function () { return onClick; }, variant: "clear", fill: fill, weight: weight }));
10
+ var id = _a.id, display = _a.display, size = _a.size, onClick = _a.onClick, fill = _a.fill, weight = _a.weight;
11
+ return (react_1.default.createElement(Tag_1.Tag, { id: id, display: display, icon: "X", size: size, onClick: onClick, variant: "clear", fill: fill, weight: weight }));
12
12
  };
13
13
  exports.TagClear = TagClear;
package/dist/v2/components/TextInputs/index.styled.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export const MsgContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export const InputContainerStyled: import("styled-components").StyledComponent<"div", any, {
3
- size: "S" | "M";
2
+ export const InputContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export const InputStyled: import("styled-components").StyledComponent<"input", any, {
4
+ disabled: boolean;
4
5
  }, never>;
5
- export const InputStyled: import("styled-components").StyledComponent<"input", any, {}, never>;
6
6
  export const ClearButtonStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
7
7
  export const ButtonPrimaryStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
package/dist/v2/components/TextInputs/index.styled.js CHANGED
@@ -48,29 +48,23 @@ exports.MsgContainerStyled = styled_components_1.default.div(templateObject_2 ||
48
48
  var status = _a.status;
49
49
  return status && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), getColorValue(status));
50
50
  });
51
- 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: 0;\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: 0;\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) {
51
+ exports.InputContainerStyled = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", ";\n\n position: relative;\n ", "\n\n ", ";\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\n position: relative;\n ", "\n\n ", ";\n display: flex;\n align-items: center;\n gap: 6px; // gap between icon and text\n\n ", "\n ", "\n\n ", "\n\n ", ";\n"])), globalStyles_1.globalInputElemPadding_v2, function (_a) {
52
52
  var iconAfter = _a.iconAfter;
53
53
  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 "])));
54
- }, themes_1.colors.white, themes_1.colors.grey10, themes_1.colors.grey80, function (_a) {
54
+ }, globalStyles_1.globalInputElemBaseBorderStyling_v2, globalStyles_1.globalInputElemTextColor, function (_a) {
55
55
  var disabled = _a.disabled;
56
56
  return !disabled && globalStyles_1.globalInputElemHover_v2;
57
57
  }, function (_a) {
58
58
  var disabled = _a.disabled;
59
59
  return !disabled && globalStyles_1.globalInputElemFocused_v2;
60
- }, function (_a) {
61
- var disabled = _a.disabled;
62
- return disabled && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border-color: ", ";\n color: ", ";\n "], ["\n border-color: ", ";\n color: ", ";\n "])), themes_1.colors.grey10, themes_1.colors.grey40);
63
- }, function (_a) {
60
+ }, globalStyles_1.globalInputElemDisabledStyling_v2, function (_a) {
64
61
  var readOnly = _a.readOnly;
65
- return readOnly && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
62
+ return readOnly && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
66
63
  });
67
- exports.InputStyled = styled_components_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: ", ";\n border: none;\n outline: none;\n flex-grow: 1;\n z-index: 1; //so that it stays ahead of the before element behind it\n background: transparent;\n color: inherit;\n\n &:-webkit-autofill {\n transition-delay: 9999s;\n }\n\n ::placeholder {\n color: ", ";\n opacity: 1;\n }\n"], ["\n height: ", ";\n border: none;\n outline: none;\n flex-grow: 1;\n z-index: 1; //so that it stays ahead of the before element behind it\n background: transparent;\n color: inherit;\n\n &:-webkit-autofill {\n transition-delay: 9999s;\n }\n\n ::placeholder {\n color: ", ";\n opacity: 1;\n }\n"])), function (_a) {
64
+ exports.InputStyled = styled_components_1.default.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: ", ";\n border: none;\n outline: none;\n flex-grow: 1;\n z-index: 1; //so that it stays ahead of the before element behind it\n background: transparent;\n color: inherit;\n\n &:-webkit-autofill {\n transition-delay: 9999s;\n }\n\n ::placeholder {\n ", ";\n opacity: 1;\n }\n"], ["\n height: ", ";\n border: none;\n outline: none;\n flex-grow: 1;\n z-index: 1; //so that it stays ahead of the before element behind it\n background: transparent;\n color: inherit;\n\n &:-webkit-autofill {\n transition-delay: 9999s;\n }\n\n ::placeholder {\n ", ";\n opacity: 1;\n }\n"])), function (_a) {
68
65
  var size = _a.size;
69
- return size === "S" ? "36px" : "46px";
70
- }, function (_a) {
71
- var disabled = _a.disabled;
72
- return (disabled ? themes_1.colors.grey40 : themes_1.colors.grey60);
73
- });
74
- 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);
75
- 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"])));
76
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
66
+ return size === "S" ? "36px" : "45px";
67
+ }, globalStyles_1.globalInputElemPlaceholderColor);
68
+ exports.ClearButtonStyled = styled_components_1.default.button(templateObject_7 || (templateObject_7 = __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);
69
+ exports.ButtonPrimaryStyled = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __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"])));
70
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
package/dist/v2/themes/globalStyles.d.ts CHANGED
@@ -3,3 +3,11 @@ export declare const globalInputElemPadding_v2: import("styled-components").Flat
3
3
  }, any>>;
4
4
  export declare const globalInputElemHover_v2: import("styled-components").FlattenSimpleInterpolation;
5
5
  export declare const globalInputElemFocused_v2: import("styled-components").FlattenSimpleInterpolation;
6
+ export declare const globalInputElemBaseBorderStyling_v2: import("styled-components").FlattenSimpleInterpolation;
7
+ export declare const globalInputElemDisabledStyling_v2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
8
+ disabled: boolean;
9
+ }, any>>;
10
+ export declare const globalInputElemTextColor: import("styled-components").FlattenSimpleInterpolation;
11
+ export declare const globalInputElemPlaceholderColor: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
12
+ disabled: boolean;
13
+ }, any>>;
package/dist/v2/themes/globalStyles.js CHANGED
@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.globalInputElemFocused_v2 = exports.globalInputElemHover_v2 = exports.globalInputElemPadding_v2 = void 0;
7
+ exports.globalInputElemPlaceholderColor = exports.globalInputElemTextColor = exports.globalInputElemDisabledStyling_v2 = exports.globalInputElemBaseBorderStyling_v2 = exports.globalInputElemFocused_v2 = exports.globalInputElemHover_v2 = exports.globalInputElemPadding_v2 = void 0;
8
8
  var styled_components_1 = require("styled-components");
9
9
  var colors_1 = require("./colors");
10
10
  exports.globalInputElemPadding_v2 = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", ";\n"], ["\n padding: ", ";\n"])), function (_a) {
@@ -13,4 +13,14 @@ exports.globalInputElemPadding_v2 = (0, styled_components_1.css)(templateObject_
13
13
  });
14
14
  exports.globalInputElemHover_v2 = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:hover {\n &::before{\n border: 1.5px solid ", ";\n /* box-shadow: 0 4px 10px #00000012; */\n }\n }\n"], ["\n &:hover {\n &::before{\n border: 1.5px solid ", ";\n /* box-shadow: 0 4px 10px #00000012; */\n }\n }\n"])), colors_1.colors.grey30);
15
15
  exports.globalInputElemFocused_v2 = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n&:focus-within {\n &::before{\n border: 1.5px solid ", ";\n box-shadow: 0 4px 10px #00000012;\n }\n }\n"], ["\n&:focus-within {\n &::before{\n border: 1.5px solid ", ";\n box-shadow: 0 4px 10px #00000012;\n }\n }\n"])), colors_1.colors.grey80);
16
- var templateObject_1, templateObject_2, templateObject_3;
16
+ exports.globalInputElemBaseBorderStyling_v2 = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n&::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n"], ["\n&::before {\n content: \"\";\n background-color: ", ";\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n border-radius: 6px;\n }\n"])), colors_1.colors.white, colors_1.colors.grey10);
17
+ exports.globalInputElemDisabledStyling_v2 = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n", ";\n"], ["\n", ";\n"])), function (_a) {
18
+ var disabled = _a.disabled;
19
+ return disabled && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &::before{\n border-color: ", ";\n }\n \n color: ", ";\n "], ["\n &::before{\n border-color: ", ";\n }\n \n color: ", ";\n "])), colors_1.colors.grey10, colors_1.colors.grey40);
20
+ });
21
+ exports.globalInputElemTextColor = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject([" color: ", ";"], [" color: ", ";"])), colors_1.colors.grey80);
22
+ exports.globalInputElemPlaceholderColor = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", "\n"], ["\n color: ", "\n"])), function (_a) {
23
+ var disabled = _a.disabled;
24
+ return (disabled ? colors_1.colors.grey40 : colors_1.colors.grey60);
25
+ });
26
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.178.2",
3
+ "version": "2.178.4",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",