@jennifersoft/demian-components - npm Package Compare versions

@jennifersoft/demian-components

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.3.14 to 0.3.15

dist/dropdown/dropdown.js

		@@ -52,3 +52,3 @@ "use strict";
		return (React.createElement("span", { className: "dropdown-icon" },
		React.createElement(icon_1.default, { icon: "chevron-down", color: this.props.outline ? this.hatColor : "currentColor", width: 12, height: 8 })));
		React.createElement(icon_1.default, { icon: "chevron-down", color: this.props.outline ? this.hatColor : 'currentColor', width: 12, height: 8 })));
		};
		@@ -55,0 +55,0 @@ return Dropdown;

dist/dropdown/style-components.js

		@@ -10,3 +10,3 @@ "use strict";
		exports.DropdownWrapper = styled_components_1.default.div(templateObject_1 \|\| (templateObject_1 = __makeTemplateObject(["\n position: relative;\n font-family: ", ";\n"], ["\n position: relative;\n font-family: ", ";\n"])), function (props) { return props.theme.fontFamily.general; });
		exports.SelectedItem = styled_components_1.default.div(templateObject_8 \|\| (templateObject_8 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"], ["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"])), function (props) { return props.large && (0, styled_components_1.css)(templateObject_2 \|\| (templateObject_2 = __makeTemplateObject(["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "], ["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "]))); }, function (props) { return !props.disabled && (0, styled_components_1.css)(templateObject_3 \|\| (templateObject_3 = __makeTemplateObject(["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "])), function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_4 \|\| (templateObject_4 = __makeTemplateObject(["\n background-color: ", "24 !important;\n color: ", ";\n "], ["\n background-color: ", "24 !important;\n color: ", ";\n "])), props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.disabled && (0, styled_components_1.css)(templateObject_5 \|\| (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "], ["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "])), props.theme.color.background4); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_6 \|\| (templateObject_6 = __makeTemplateObject(["\n transform: rotate(180deg);\n "], ["\n transform: rotate(180deg);\n "]))); }, function (props) { return props.outline && (0, styled_components_1.css)(templateObject_7 \|\| (templateObject_7 = __makeTemplateObject(["\n border: 1px solid ", ";\n "], ["\n border: 1px solid ", ";\n "])), props.theme.color.border); });
		exports.SelectedItem = styled_components_1.default.div(templateObject_8 \|\| (templateObject_8 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"], ["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"])), function (props) { return props.large && (0, styled_components_1.css)(templateObject_2 \|\| (templateObject_2 = __makeTemplateObject(["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "], ["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "]))); }, function (props) { return !props.disabled && (0, styled_components_1.css)(templateObject_3 \|\| (templateObject_3 = __makeTemplateObject(["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "])), props.theme.color.primary, props.theme.color.primary, props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_4 \|\| (templateObject_4 = __makeTemplateObject(["\n background-color: ", "24 !important;\n color: ", ";\n "], ["\n background-color: ", "24 !important;\n color: ", ";\n "])), props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.disabled && (0, styled_components_1.css)(templateObject_5 \|\| (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "], ["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "])), props.theme.color.background4); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_6 \|\| (templateObject_6 = __makeTemplateObject(["\n transform: rotate(180deg);\n "], ["\n transform: rotate(180deg);\n "]))); }, function (props) { return props.outline && (0, styled_components_1.css)(templateObject_7 \|\| (templateObject_7 = __makeTemplateObject(["\n border: 1px solid ", ";\n "], ["\n border: 1px solid ", ";\n "])), props.theme.color.border); });
		exports.DropdownPopup = styled_components_1.default.div(templateObject_10 \|\| (templateObject_10 = __makeTemplateObject(["\n visibility: ", ";\n top: 100%;\n position: absolute;\n width: 100%;\n border-radius: 4px;\n z-index: 1;\n background: ", ";\n color: ", ";\n box-shadow: 0 2px 8px 0 ", ";\n\n ul {\n list-style: none;\n margin: 0;\n padding: 8px 0;\n\n ", ";\n\n a {\n text-decoration: none;\n color: inherit;\n display: block;\n }\n }\n"], ["\n visibility: ", ";\n top: 100%;\n position: absolute;\n width: 100%;\n border-radius: 4px;\n z-index: 1;\n background: ", ";\n color: ", ";\n box-shadow: 0 2px 8px 0 ", ";\n\n ul {\n list-style: none;\n margin: 0;\n padding: 8px 0;\n\n ", ";\n\n a {\n text-decoration: none;\n color: inherit;\n display: block;\n }\n }\n"])), function (props) { return props.opened ? 'visible' : 'hidden'; }, function (props) { return props.theme.color.background; }, function (props) { return props.theme.color.text; }, function (props) { return props.theme.color.tooltipShadow; }, function (props) { return props.large && (0, styled_components_1.css)(templateObject_9 \|\| (templateObject_9 = __makeTemplateObject(["\n padding: 12px 0;\n "], ["\n padding: 12px 0;\n "]))); });
		@@ -13,0 +13,0 @@ exports.SlidingDropdownWrapper = styled_components_1.default.div(templateObject_12 \|\| (templateObject_12 = __makeTemplateObject(["\n position: relative;\n transition: width 0.3s, height 0.3s;\n border-radius: 4px;\n overflow: hidden;\n width: inherit;\n font-family: ", ";\n\n ", ";\n"], ["\n position: relative;\n transition: width 0.3s, height 0.3s;\n border-radius: 4px;\n overflow: hidden;\n width: inherit;\n font-family: ", ";\n\n ", ";\n"])), function (props) { return props.theme.fontFamily.general; }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_11 \|\| (templateObject_11 = __makeTemplateObject(["\n box-shadow: 0 2px 8px 0 ", ";\n "], ["\n box-shadow: 0 2px 8px 0 ", ";\n "])), props.theme.color.tooltipShadow); });

dist/icon/index.js

		@@ -110,7 +110,17 @@ "use strict";
		'help': [
		'0 0 14 14',
		path('M7.3 12.2h1.4v-1.4H7.3v1.4zM8 1C4.136 1 1 4.136 1 8s3.136 7 7 7 7-3.136 ' +
		'7-7-3.136-7-7-7zm0 13.3A6.308 6.308 0 0 1 1.7 8c0-3.473 2.827-6.3 6.3-6.3s6.3 2.827 6.3 ' +
		'6.3-2.827 6.3-6.3 6.3zM8 3.8a2.8 2.8 0 0 0-2.8 2.8h1.4c0-.77.63-1.4 1.4-1.4.77 0 1.4.63 ' +
		'1.4 1.4 0 1.4-2.1 1.225-2.1 3.5h1.4c0-1.575 2.1-1.75 2.1-3.5A2.8 2.8 0 0 0 8 3.8z', 'translate(-1 -1)'),
		'0 0 20 20',
		path('M9 16H11V14H9V16ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 ' +
		'0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 ' +
		'15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 ' +
		'13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 ' +
		'8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 ' +
		'2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 ' +
		'17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 ' +
		'9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 ' +
		'8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 ' +
		'16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 ' +
		'17.1571 12.1217 18 10 18ZM10 4C8.93914 4 7.92172 4.42143 7.17158 5.17157C6.42143 5.92172 6 6.93913 6 ' +
		'8H8C8 7.46957 8.21072 6.96086 8.58579 6.58579C8.96086 6.21071 9.46957 6 10 6C10.5304 6 11.0391 ' +
		'6.21071 11.4142 6.58579C11.7893 6.96086 12 7.46957 12 8C12 10 9 9.75 9 13H11C11 10.75 14 10.5 14 8C14 ' +
		'6.93913 13.5786 5.92172 12.8284 5.17157C12.0783 4.42143 11.0609 4 10 4Z'),
		],
		@@ -117,0 +127,0 @@ 'more': [

package.json

		{
		"name": "@jennifersoft/demian-components",
		"version": "0.3.14",
		"version": "0.3.15",
		"description": "JENNIFER Front(Demian) Components",
		@@ -5,0 +5,0 @@ "scripts": {

		@@ -10,3 +10,3 @@ "use strict";
		exports.DropdownWrapper = styled_components_1.default.div(templateObject_1 \|\| (templateObject_1 = __makeTemplateObject(["\n position: relative;\n font-family: ", ";\n"], ["\n position: relative;\n font-family: ", ";\n"])), function (props) { return props.theme.fontFamily.general; });
		exports.SelectedItem = styled_components_1.default.div(templateObject_8 \|\| (templateObject_8 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"], ["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"])), function (props) { return props.large && (0, styled_components_1.css)(templateObject_2 \|\| (templateObject_2 = __makeTemplateObject(["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "], ["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "]))); }, function (props) { return !props.disabled && (0, styled_components_1.css)(templateObject_3 \|\| (templateObject_3 = __makeTemplateObject(["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "])), function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }, function (props) { return props.theme.color.primary; }); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_4 \|\| (templateObject_4 = __makeTemplateObject(["\n background-color: ", "24 !important;\n color: ", ";\n "], ["\n background-color: ", "24 !important;\n color: ", ";\n "])), props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.disabled && (0, styled_components_1.css)(templateObject_5 \|\| (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "], ["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "])), props.theme.color.background4); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_6 \|\| (templateObject_6 = __makeTemplateObject(["\n transform: rotate(180deg);\n "], ["\n transform: rotate(180deg);\n "]))); }, function (props) { return props.outline && (0, styled_components_1.css)(templateObject_7 \|\| (templateObject_7 = __makeTemplateObject(["\n border: 1px solid ", ";\n "], ["\n border: 1px solid ", ";\n "])), props.theme.color.border); });
		exports.SelectedItem = styled_components_1.default.div(templateObject_8 \|\| (templateObject_8 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"], ["\n position: relative;\n cursor: pointer;\n padding: 0 16px;\n height: 36px;\n line-height: 36px;\n font-size: 14px;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 500;\n border-radius: 4px;\n transition: background-color 0.5s, color 0.5s;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n .dropdown-icon {\n position: absolute;\n display: inline-block;\n vertical-align: top;\n top: 50%;\n right: 17px;\n width: 12px;\n height: 8px;\n margin-top: -4px;\n line-height: 1;\n transition: transform 0.3s;\n\n svg {\n vertical-align: top;\n }\n\n ", ";\n }\n\n ", ";\n"])), function (props) { return props.large && (0, styled_components_1.css)(templateObject_2 \|\| (templateObject_2 = __makeTemplateObject(["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "], ["\n height: 46px;\n line-height: 46px;\n font-size: 16px;\n "]))); }, function (props) { return !props.disabled && (0, styled_components_1.css)(templateObject_3 \|\| (templateObject_3 = __makeTemplateObject(["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", "0f;\n color: ", ";\n }\n &:active {\n background-color: ", "24;\n color: ", ";\n }\n "])), props.theme.color.primary, props.theme.color.primary, props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_4 \|\| (templateObject_4 = __makeTemplateObject(["\n background-color: ", "24 !important;\n color: ", ";\n "], ["\n background-color: ", "24 !important;\n color: ", ";\n "])), props.theme.color.primary, props.theme.color.primary); }, function (props) { return props.disabled && (0, styled_components_1.css)(templateObject_5 \|\| (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "], ["\n background: ", ";\n opacity: 0.5;\n cursor: default;\n "])), props.theme.color.background4); }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_6 \|\| (templateObject_6 = __makeTemplateObject(["\n transform: rotate(180deg);\n "], ["\n transform: rotate(180deg);\n "]))); }, function (props) { return props.outline && (0, styled_components_1.css)(templateObject_7 \|\| (templateObject_7 = __makeTemplateObject(["\n border: 1px solid ", ";\n "], ["\n border: 1px solid ", ";\n "])), props.theme.color.border); });
		exports.DropdownPopup = styled_components_1.default.div(templateObject_10 \|\| (templateObject_10 = __makeTemplateObject(["\n visibility: ", ";\n top: 100%;\n position: absolute;\n width: 100%;\n border-radius: 4px;\n z-index: 1;\n background: ", ";\n color: ", ";\n box-shadow: 0 2px 8px 0 ", ";\n\n ul {\n list-style: none;\n margin: 0;\n padding: 8px 0;\n\n ", ";\n\n a {\n text-decoration: none;\n color: inherit;\n display: block;\n }\n }\n"], ["\n visibility: ", ";\n top: 100%;\n position: absolute;\n width: 100%;\n border-radius: 4px;\n z-index: 1;\n background: ", ";\n color: ", ";\n box-shadow: 0 2px 8px 0 ", ";\n\n ul {\n list-style: none;\n margin: 0;\n padding: 8px 0;\n\n ", ";\n\n a {\n text-decoration: none;\n color: inherit;\n display: block;\n }\n }\n"])), function (props) { return props.opened ? 'visible' : 'hidden'; }, function (props) { return props.theme.color.background; }, function (props) { return props.theme.color.text; }, function (props) { return props.theme.color.tooltipShadow; }, function (props) { return props.large && (0, styled_components_1.css)(templateObject_9 \|\| (templateObject_9 = __makeTemplateObject(["\n padding: 12px 0;\n "], ["\n padding: 12px 0;\n "]))); });
		@@ -13,0 +13,0 @@ exports.SlidingDropdownWrapper = styled_components_1.default.div(templateObject_12 \|\| (templateObject_12 = __makeTemplateObject(["\n position: relative;\n transition: width 0.3s, height 0.3s;\n border-radius: 4px;\n overflow: hidden;\n width: inherit;\n font-family: ", ";\n\n ", ";\n"], ["\n position: relative;\n transition: width 0.3s, height 0.3s;\n border-radius: 4px;\n overflow: hidden;\n width: inherit;\n font-family: ", ";\n\n ", ";\n"])), function (props) { return props.theme.fontFamily.general; }, function (props) { return props.opened && (0, styled_components_1.css)(templateObject_11 \|\| (templateObject_11 = __makeTemplateObject(["\n box-shadow: 0 2px 8px 0 ", ";\n "], ["\n box-shadow: 0 2px 8px 0 ", ";\n "])), props.theme.color.tooltipShadow); });

Improved metrics