@vchasno/ui-kit 0.3.28 → 0.3.29
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/CHANGELOG.md +12 -0
- package/dist/Datepicker/index.cjs.js +11 -5
- package/dist/Datepicker/index.cjs.js.map +1 -1
- package/dist/Datepicker/index.js +11 -5
- package/dist/Datepicker/index.js.map +1 -1
- package/dist/Datepicker/types/components/Select/customComponents.d.ts +2 -1
- package/dist/Datepicker/types/components/Title/Title.d.ts +1 -0
- package/dist/Menu/types/components/Select/customComponents.d.ts +2 -1
- package/dist/Menu/types/components/Title/Title.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/Select/customComponents.d.ts +2 -1
- package/dist/ProjectsPopover/types/components/Title/Title.d.ts +1 -0
- package/dist/Select/index.cjs.js +16 -7
- package/dist/Select/index.cjs.js.map +1 -1
- package/dist/Select/index.js +16 -7
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/types/components/Select/customComponents.d.ts +2 -1
- package/dist/Select/types/components/Title/Title.d.ts +1 -0
- package/dist/SelectCreatable/index.cjs.js +16 -7
- package/dist/SelectCreatable/index.cjs.js.map +1 -1
- package/dist/SelectCreatable/index.js +16 -7
- package/dist/SelectCreatable/index.js.map +1 -1
- package/dist/SelectCreatable/types/components/Select/customComponents.d.ts +2 -1
- package/dist/SelectCreatable/types/components/Title/Title.d.ts +1 -0
- package/dist/Snackbar/index.cjs.js +5 -5
- package/dist/Snackbar/index.cjs.js.map +1 -1
- package/dist/Snackbar/index.js +5 -5
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/Snackbar/types/components/Select/customComponents.d.ts +2 -1
- package/dist/Snackbar/types/components/Title/Title.d.ts +1 -0
- package/dist/css/DatePicker.global.css +54 -29
- package/dist/css/Input.global.css +1 -0
- package/dist/css/Select.global.css +11 -19
- package/dist/css/Title.global.css +4 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/types/components/Select/customComponents.d.ts +2 -1
- package/dist/types/components/Title/Title.d.ts +1 -0
- package/package.json +1 -1
package/dist/Select/index.js
CHANGED
|
@@ -4807,7 +4807,7 @@ var MultiValueGeneric = function MultiValueGeneric(_ref4) {
|
|
|
4807
4807
|
};
|
|
4808
4808
|
var MultiValueContainer = MultiValueGeneric;
|
|
4809
4809
|
var MultiValueLabel = MultiValueGeneric;
|
|
4810
|
-
function MultiValueRemove(_ref5) {
|
|
4810
|
+
function MultiValueRemove$1(_ref5) {
|
|
4811
4811
|
var children = _ref5.children,
|
|
4812
4812
|
innerProps = _ref5.innerProps;
|
|
4813
4813
|
return jsx("div", _extends({
|
|
@@ -4967,7 +4967,7 @@ var components = {
|
|
|
4967
4967
|
MultiValue: MultiValue$1,
|
|
4968
4968
|
MultiValueContainer: MultiValueContainer,
|
|
4969
4969
|
MultiValueLabel: MultiValueLabel,
|
|
4970
|
-
MultiValueRemove: MultiValueRemove,
|
|
4970
|
+
MultiValueRemove: MultiValueRemove$1,
|
|
4971
4971
|
Option: Option$1,
|
|
4972
4972
|
Placeholder: Placeholder$1,
|
|
4973
4973
|
SelectContainer: SelectContainer,
|
|
@@ -7725,19 +7725,28 @@ var Spinner = function (_a) {
|
|
|
7725
7725
|
React__default.createElement("circle", { className: "vchasno-ui-spinner__svg__circle", cx: "50", cy: "50", r: "20", fill: "none", stroke: color, strokeWidth: "2", strokeMiterlimit: "10" }))));
|
|
7726
7726
|
};
|
|
7727
7727
|
|
|
7728
|
+
var closeSvg = (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
7729
|
+
React__default.createElement("path", { d: "M11.4 10L14.7 6.7C15.1 6.3 15.1 5.7 14.7 5.3C14.3 4.9 13.7 4.9 13.3 5.3L10 8.6L6.7 5.3C6.3 4.9 5.7 4.9 5.3 5.3C4.9 5.7 4.9 6.3 5.3 6.7L8.6 10L5.3 13.3C4.9 13.7 4.9 14.3 5.3 14.7C5.5 14.9 5.7 15 6 15C6.3 15 6.5 14.9 6.7 14.7L10 11.4L13.3 14.7C13.5 14.9 13.7 15 14 15C14.3 15 14.5 14.9 14.7 14.7C15.1 14.3 15.1 13.7 14.7 13.3L11.4 10Z", fill: "currentColor" })));
|
|
7728
7730
|
var IndicatorSeparator = function () { return null; };
|
|
7729
7731
|
var LoadingIndicator = function () { return React__default.createElement(Spinner, { height: "18px" }); };
|
|
7732
|
+
var MultiValueRemove = function (props) {
|
|
7733
|
+
return React__default.createElement(components.MultiValueRemove, __assign({}, props), closeSvg);
|
|
7734
|
+
};
|
|
7730
7735
|
var DropdownIndicator = function (props) {
|
|
7731
7736
|
return (React__default.createElement(components.DropdownIndicator, __assign({}, props),
|
|
7732
7737
|
React__default.createElement("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
7733
7738
|
React__default.createElement("path", { d: "M5.0025 6.0025C4.7425 6.0025 4.4825 5.9025 4.2925 5.7125L0.2925 1.7125C-0.0975 1.3225 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0975 1.3225 -0.0975 1.7125 0.2925L5.0025 3.5825L8.2825 0.3025C8.6725 -0.0875 9.3125 -0.0875 9.7025 0.3025C10.0925 0.6925 10.0925 1.3325 9.7025 1.7225L5.7125 5.7125C5.5125 5.9025 5.2525 6.0025 5.0025 6.0025Z", fill: "currentColor" }))));
|
|
7734
7739
|
};
|
|
7735
7740
|
var ClearIndicator = function (props) {
|
|
7736
|
-
return
|
|
7737
|
-
|
|
7738
|
-
|
|
7741
|
+
return React__default.createElement(components.ClearIndicator, __assign({}, props), closeSvg);
|
|
7742
|
+
};
|
|
7743
|
+
var CustomComponents = {
|
|
7744
|
+
MultiValueRemove: MultiValueRemove,
|
|
7745
|
+
DropdownIndicator: DropdownIndicator,
|
|
7746
|
+
LoadingIndicator: LoadingIndicator,
|
|
7747
|
+
IndicatorSeparator: IndicatorSeparator,
|
|
7748
|
+
ClearIndicator: ClearIndicator,
|
|
7739
7749
|
};
|
|
7740
|
-
var CustomComponents = { DropdownIndicator: DropdownIndicator, LoadingIndicator: LoadingIndicator, IndicatorSeparator: IndicatorSeparator, ClearIndicator: ClearIndicator };
|
|
7741
7750
|
|
|
7742
7751
|
var noOptionsMessageDefault = function () { return React__default.createElement("span", null, "\u041D\u0435 \u043C\u0430\u0454 \u043E\u043F\u0446\u0456\u0439"); };
|
|
7743
7752
|
var loadingMessageDefault = function () { return React__default.createElement("span", null, "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F..."); };
|
|
@@ -7750,7 +7759,7 @@ var composeStyles = {
|
|
|
7750
7759
|
},
|
|
7751
7760
|
};
|
|
7752
7761
|
|
|
7753
|
-
var css_248z = ".vchasno-ui-select {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n transform: translate(0, -18px);\n transition:\n font-size 0.3s,\n transform 0.3s;\n}\n\n.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text,\n.vchasno-ui-select:focus-within .vchasno-ui-label-text {\n font-size: 12px;\n transform: translate(0, -42px);\n}\n\n.vchasno-ui-select.--wide {\n width: 100%;\n}\n\n.vchasno-ui-select .vchasno-ui-select__control {\n min-width: 200px;\n min-height: 50px;\n border-color: var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n font-family: Roboto, Arial, Tahoma, Helvetica, 'Liberation Sans', sans-serif;\n outline: solid 3px transparent;\n}\n\n.vchasno-ui-select.--disabled .vchasno-ui-select__control {\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n background-color: #f3f6f8;\n}\n\n.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled {\n opacity: 0.8;\n}\n\n.vchasno-ui-select .vchasno-ui-select__option {\n transition:\n opacity var(--vchasno-ui-transition-duration-sec, 0.3s),\n background-color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select.--disabled .vchasno-ui-select__option {\n background-color: #f3f6f8;\n opacity: 0.8;\n pointer-events: none;\n}\n\n.vchasno-ui-select .vchasno-ui-select__menu {\n z-index: 100;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n margin-top: 4px;\n margin-bottom: 6px;\n box-shadow: none;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select .vchasno-ui-select__control--menu-is-open {\n border-color: var(--vchasno-ui-select-menu-border-color, #6b5fff);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__control,\n.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open {\n border: 1px solid #ff5937;\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-select .vchasno-ui-select__control:hover {\n border-color: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-select .vchasno-ui-select__dropdown-indicator {\n color: var(--vchasno-ui-input-font-color);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__control:hover {\n border-color: #ff5937;\n}\n\n.vchasno-ui-select\n .vchasno-ui-select__control--menu-is-open\n .vchasno-ui-select__dropdown-indicator {\n color: var(--vchasno-ui-
|
|
7762
|
+
var css_248z = ".vchasno-ui-select {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n transform: translate(0, -18px);\n transition:\n font-size 0.3s,\n transform 0.3s;\n}\n\n.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text,\n.vchasno-ui-select:focus-within .vchasno-ui-label-text {\n font-size: 12px;\n transform: translate(0, -42px);\n}\n\n.vchasno-ui-select.--wide {\n width: 100%;\n}\n\n.vchasno-ui-select .vchasno-ui-select__control {\n min-width: 200px;\n min-height: 50px;\n border-color: var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n font-family: Roboto, Arial, Tahoma, Helvetica, 'Liberation Sans', sans-serif;\n outline: solid 3px transparent;\n}\n\n.vchasno-ui-select.--disabled .vchasno-ui-select__control {\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n background-color: #f3f6f8;\n}\n\n.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled {\n opacity: 0.8;\n}\n\n.vchasno-ui-select .vchasno-ui-select__option {\n transition:\n opacity var(--vchasno-ui-transition-duration-sec, 0.3s),\n background-color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select.--disabled .vchasno-ui-select__option {\n background-color: #f3f6f8;\n opacity: 0.8;\n pointer-events: none;\n}\n\n.vchasno-ui-select .vchasno-ui-select__menu {\n z-index: 100;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n margin-top: 4px;\n margin-bottom: 6px;\n box-shadow: none;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select .vchasno-ui-select__control--menu-is-open {\n border-color: var(--vchasno-ui-select-menu-border-color, #6b5fff);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__control,\n.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open {\n border: 1px solid #ff5937;\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-select .vchasno-ui-select__control:hover {\n border-color: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-select .vchasno-ui-select__dropdown-indicator {\n color: var(--vchasno-ui-input-font-color);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__control:hover {\n border-color: #ff5937;\n}\n\n.vchasno-ui-select\n .vchasno-ui-select__control--menu-is-open\n .vchasno-ui-select__dropdown-indicator {\n color: var(--vchasno-ui-input-border-color-focused, #6b5fff);\n transition:\n background-color var(--vchasno-ui-transition-duration-sec, 0.3s),\n color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator {\n color: #ff5937;\n}\n\n.vchasno-ui-select.--error\n .vchasno-ui-select__control--menu-is-open\n .vchasno-ui-select__dropdown-indicator {\n color: #ff5937;\n transition:\n background-color var(--vchasno-ui-transition-duration-sec, 0.3s),\n color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover,\n.vchasno-ui-select.--error\n .vchasno-ui-select__control:hover\n .vchasno-ui-select__dropdown-indicator {\n color: #ff5937;\n}\n\n.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open,\n.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open + .vchasno-ui-select__menu {\n border: 1px solid #ff5937;\n}\n\n.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused {\n border-color: var(--vchasno-ui-input-border-color-focused);\n box-shadow: none;\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-select .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-select .vchasno-ui-select__placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n font-weight: 400;\n}\n\n.vchasno-ui-select .vchasno-ui-select__clear-indicator {\n padding: 0;\n border-radius: 4px;\n color: var(--vchasno-ui-input-font-color);\n}\n\n.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover {\n cursor: pointer;\n}\n\n.vchasno-ui-select .vchasno-ui-select__option--is-selected,\n.vchasno-ui-select .vchasno-ui-select__option--is-focused,\n.vchasno-ui-select .vchasno-ui-select__option:hover {\n background-color: var(--vchasno-ui-select-option-bg-selected);\n color: var(--vchasno-ui-select-option-color-selected);\n}\n\n.vchasno-ui-select .vchasno-ui-select__option:hover {\n cursor: pointer;\n}\n\n.vchasno-ui-select.--disabled {\n cursor: not-allowed;\n}\n\n.vchasno-ui-select .vchasno-ui-select__multi-value {\n border-radius: 8px;\n background-color: var(--vchasno-ui-select-option-bg-selected);\n outline: 1px solid var(--vchasno-ui-select-menu-border-color, transparent);\n}\n\n.vchasno-ui-select .vchasno-ui-select__multi-value__remove {\n padding: 0;\n padding-right: 3px;\n background-color: transparent;\n color: var(--vchasno-ui-label-color-default);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover {\n background-color: transparent;\n color: var(--vchasno-ui-input-color-error);\n cursor: pointer;\n}\n\n.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg {\n width: 20px;\n height: 20px;\n}\n\n.vchasno-ui-select .vchasno-ui-select__indicators {\n padding-right: 5px;\n}\n\n.vchasno-ui-select .vchasno-ui-select__value-container {\n padding: 5px 14px;\n}\n\n.vchasno-ui-select .vchasno-ui-select__multi-value__label {\n padding: 6px 0 6px 6px;\n font-size: 14px;\n}\n\n.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove {\n padding: 6px;\n font-size: 14px;\n}\n";
|
|
7754
7763
|
styleInject(css_248z);
|
|
7755
7764
|
|
|
7756
7765
|
var Select = function (_a) {
|