@mailstep/design-system 0.8.16-beta.11 → 0.8.16-beta.13
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.
- package/package.json +1 -1
- package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js +9 -8
- package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js +1 -2
- package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.js +3 -2
- package/ui/Blocks/CommonGrid/styles.js +6 -9
- package/ui/Blocks/SideMenu/styles.js +1 -1
- package/ui/Elements/Select/Select.js +4 -4
- package/ui/Elements/Select/components/ConnectedMenu.js +2 -3
- package/ui/Elements/Select/components/CountMultiValue.d.ts +10 -1
- package/ui/Elements/Select/components/CountMultiValue.js +15 -6
- package/ui/Elements/Select/components/DropdownIndicator.d.ts +6 -1
- package/ui/Elements/Select/components/DropdownIndicator.js +3 -2
- package/ui/Elements/Select/components/IconValueContainer.js +1 -1
- package/ui/Elements/Select/themes/index.d.ts +1 -1
- package/ui/Elements/Select/themes/index.js +4 -14
- package/ui/Elements/Select/themes/selectStyles.js +11 -13
- package/ui/Elements/Select/types.d.ts +9 -7
- package/ui/Elements/SingleSelect/SingleSelect.d.ts +2 -2
- package/ui/Elements/SingleSelect/SingleSelect.js +11 -20
- package/ui/Forms/Input/styles.js +1 -1
- package/ui/ThemeProvider/themes/dark.d.ts +1 -0
- package/ui/ThemeProvider/themes/default.d.ts +1 -0
- package/ui/ThemeProvider/themes/default.js +3 -1
- package/ui/ThemeProvider/themes/index.d.ts +2 -0
- package/ui/index.es.js +9913 -9919
- package/ui/index.umd.js +416 -407
- package/ui/Elements/Select/components/ResetAll.d.ts +0 -5
- package/ui/Elements/Select/components/ResetAll.js +0 -15
package/ui/Forms/Input/styles.js
CHANGED
|
@@ -29,7 +29,7 @@ export var IconsController = styled.div(templateObject_3 || (templateObject_3 =
|
|
|
29
29
|
export var IconWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"], ["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"])));
|
|
30
30
|
export var StyledInput = styled.input.attrs(function (props) { return ({
|
|
31
31
|
as: props.$asTextArea ? 'textarea' : 'input'
|
|
32
|
-
}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n border: slim;\n border-color: ", ";\n background-color:
|
|
32
|
+
}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n border: slim;\n border-color: ", ";\n background-color: white;\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: ", ";\n font-family: ", ";\n font-size: 14px;\n font-weight: normal;\n transition: inputTransition;\n resize: none;\n overflow: hidden;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: gray1;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n color: blue2;\n }\n }\n }\n ", ";\n ", ";\n :disabled,\n :disabled:hover {\n background-color: bgLightGray1;\n border-color: lightGray6;\n color: neutral300;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"], ["\n ", ";\n border: slim;\n border-color: ", ";\n background-color: white;\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: ", ";\n font-family: ", ";\n font-size: 14px;\n font-weight: normal;\n transition: inputTransition;\n resize: none;\n overflow: hidden;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: gray1;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n color: blue2;\n }\n }\n }\n ", ";\n ", ";\n :disabled,\n :disabled:hover {\n background-color: bgLightGray1;\n border-color: lightGray6;\n color: neutral300;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"])), system, function (_a) {
|
|
33
33
|
var $isInvalid = _a.$isInvalid;
|
|
34
34
|
return ($isInvalid ? th.color('red1') : th.color('lightGray6'));
|
|
35
35
|
}, function (props) { return resolvePaddingRight(props); }, function (props) { return (props.type !== 'checkbox' ? '100%' : 'auto'); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {
|
|
@@ -91,7 +91,9 @@ var defaultTheme = {
|
|
|
91
91
|
magenta60: '#EE5396',
|
|
92
92
|
magenta70: '#D12771',
|
|
93
93
|
magenta80: '#9F1853',
|
|
94
|
-
magenta90: '#7B1340'
|
|
94
|
+
magenta90: '#7B1340',
|
|
95
|
+
// specific place for dark / light mode
|
|
96
|
+
sideMenuSelectedText: '#fff',
|
|
95
97
|
},
|
|
96
98
|
fonts: {
|
|
97
99
|
primary: 'Inter, sans-serif',
|
|
@@ -93,6 +93,7 @@ declare const themes: {
|
|
|
93
93
|
magenta70: string;
|
|
94
94
|
magenta80: string;
|
|
95
95
|
magenta90: string;
|
|
96
|
+
sideMenuSelectedText: string;
|
|
96
97
|
};
|
|
97
98
|
fonts: {
|
|
98
99
|
primary: string;
|
|
@@ -447,6 +448,7 @@ declare const themes: {
|
|
|
447
448
|
magenta70: string;
|
|
448
449
|
magenta80: string;
|
|
449
450
|
magenta90: string;
|
|
451
|
+
sideMenuSelectedText: string;
|
|
450
452
|
};
|
|
451
453
|
shadows: {
|
|
452
454
|
dialogShadow: string;
|