@vchasno/ui-kit 0.3.33 → 0.3.35
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 +4 -3
- package/dist/Datepicker/index.cjs.js.map +1 -1
- package/dist/Datepicker/index.d.ts +6 -1
- package/dist/Datepicker/index.js +4 -3
- package/dist/Datepicker/index.js.map +1 -1
- package/dist/Datepicker/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/Datepicker/types/components/Input/Input.d.ts +2 -3
- package/dist/Datepicker/types/components/Select/Select.d.ts +2 -2
- package/dist/Datepicker/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/Datepicker/types/components/types.d.ts +4 -0
- package/dist/Menu/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/Menu/types/components/Input/Input.d.ts +2 -3
- package/dist/Menu/types/components/Select/Select.d.ts +2 -2
- package/dist/Menu/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/Menu/types/components/types.d.ts +4 -0
- package/dist/ProjectsPopover/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/ProjectsPopover/types/components/Input/Input.d.ts +2 -3
- package/dist/ProjectsPopover/types/components/Select/Select.d.ts +2 -2
- package/dist/ProjectsPopover/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/ProjectsPopover/types/components/types.d.ts +4 -0
- package/dist/Select/index.cjs.js +2 -2
- package/dist/Select/index.cjs.js.map +1 -1
- package/dist/Select/index.d.ts +5 -1
- package/dist/Select/index.js +2 -2
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/Select/types/components/Input/Input.d.ts +2 -3
- package/dist/Select/types/components/Select/Select.d.ts +2 -2
- package/dist/Select/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/Select/types/components/types.d.ts +4 -0
- package/dist/SelectCreatable/index.cjs.js +2 -2
- package/dist/SelectCreatable/index.cjs.js.map +1 -1
- package/dist/SelectCreatable/index.d.ts +5 -1
- package/dist/SelectCreatable/index.js +2 -2
- package/dist/SelectCreatable/index.js.map +1 -1
- package/dist/SelectCreatable/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/SelectCreatable/types/components/Input/Input.d.ts +2 -3
- package/dist/SelectCreatable/types/components/Select/Select.d.ts +2 -2
- package/dist/SelectCreatable/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/SelectCreatable/types/components/types.d.ts +4 -0
- package/dist/Snackbar/index.cjs.js +3 -3
- package/dist/Snackbar/index.cjs.js.map +1 -1
- package/dist/Snackbar/index.js +3 -3
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/Snackbar/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/Snackbar/types/components/Input/Input.d.ts +2 -3
- package/dist/Snackbar/types/components/Select/Select.d.ts +2 -2
- package/dist/Snackbar/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/Snackbar/types/components/types.d.ts +4 -0
- package/dist/css/DatePicker.global.css +4 -0
- package/dist/css/Switch.global.css +0 -1
- package/dist/css/_theme.css +2 -18
- package/dist/index.d.ts +5 -2
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/types/components/Datepicker/DatePicker.d.ts +3 -2
- package/dist/types/components/Input/Input.d.ts +2 -3
- package/dist/types/components/Select/Select.d.ts +2 -2
- package/dist/types/components/Select/SelectCreatable.d.ts +2 -2
- package/dist/types/components/types.d.ts +4 -0
- package/package.json +1 -1
package/dist/Snackbar/index.js
CHANGED
|
@@ -2771,8 +2771,8 @@ var css_248z$c = ".vchasno-ui-textarea-input-container .vchasno-ui-input__wrappe
|
|
|
2771
2771
|
styleInject(css_248z$c);
|
|
2772
2772
|
|
|
2773
2773
|
var TextAreaInput = React__default.forwardRef(function (_a, ref) {
|
|
2774
|
-
var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa"]);
|
|
2775
|
-
return (React__default.createElement(Input, { dataQa: dataQa, required: required, wide: wide, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
|
|
2774
|
+
var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, hideEmptyMeta = _a.hideEmptyMeta, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa", "hideEmptyMeta"]);
|
|
2775
|
+
return (React__default.createElement(Input, { dataQa: dataQa, required: required, wide: wide, hideEmptyMeta: hideEmptyMeta, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
|
|
2776
2776
|
React__default.createElement(TextareaAutosize, __assign({}, rest, { ref: ref, minRows: minRows, maxRows: maxRows, required: required, disabled: disabled, className: cn('vchasno-ui-textarea-input', textareaClassName) }))));
|
|
2777
2777
|
});
|
|
2778
2778
|
TextAreaInput.displayName = 'TextAreaInput';
|
|
@@ -2780,7 +2780,7 @@ TextAreaInput.displayName = 'TextAreaInput';
|
|
|
2780
2780
|
var css_248z$b = ".vchasno-ui-alert {\n display: inline-flex;\n min-height: 40px;\n box-sizing: border-box;\n flex-shrink: 0;\n align-items: center;\n padding: 12px 16px;\n border-radius: 4px;\n border-left: 3px solid transparent;\n font-size: 14px;\n gap: 12px;\n line-height: 20px;\n}\n\n.vchasno-ui-alert strong,\n.vchasno-ui-alert b {\n font-weight: 700;\n}\n\n.vchasno-ui-alert.--wide {\n width: 100%;\n}\n\n.vchasno-ui-alert.--left-border {\n border-left-width: 4px;\n}\n\n.vchasno-ui-alert__icon-wrapper,\n.vchasno-ui-alert__close-icon {\n display: flex;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n line-height: 20px;\n}\n\n.vchasno-ui-alert.--info {\n border-color: var(--vchasno-ui-alert-info-color, #006be9);\n background-color: var(--vchasno-ui-alert-info-bg, #ecf4ff);\n}\n\n.vchasno-ui-alert.--warning {\n border-color: var(--vchasno-ui-alert-warning-color, #ffb200);\n background-color: var(--vchasno-ui-alert-warning-bg, #fff2d6);\n}\n\n.vchasno-ui-alert.--error {\n border-color: var(--vchasno-ui-alert-error-color, #e73434);\n background-color: var(--vchasno-ui-alert-error-bg, #ffeded);\n}\n\n.vchasno-ui-alert.--success {\n border-color: var(--vchasno-ui-alert-success-color, #00b700);\n background-color: var(--vchasno-ui-alert-success-bg, #e7f3d9);\n}\n\n.vchasno-ui-alert.--config {\n border-color: var(--vchasno-ui-alert-config-color, #006be9);\n background-color: var(--vchasno-ui-alert-config-bg, #f3f6f8);\n}\n\n.vchasno-ui-alert__close-icon {\n width: 30px;\n height: 30px;\n border-radius: 4px;\n transition: background-color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-alert__close-icon:hover {\n background-color: rgb(255 255 255 / 50%);\n cursor: pointer;\n}\n\n.vchasno-ui-alert.--close {\n display: none;\n}\n";
|
|
2781
2781
|
styleInject(css_248z$b);
|
|
2782
2782
|
|
|
2783
|
-
var css_248z$a = ".vchasno-ui-switch {\n --vchasno-ui-switc-hcircle-size: calc(var(--vchasno-ui-switch-height) - 4px);\n\n display: inline-flex;\n align-content: center;\n cursor: pointer;\n line-height: var(--vchasno-ui-switch-height);\n}\n\n.vchasno-ui-switch.--sm {\n --vchasno-ui-switch-height: 20px;\n}\n\n.vchasno-ui-switch.--md {\n --vchasno-ui-switch-height: 30px;\n}\n\n.vchasno-ui-switch.--lg {\n --vchasno-ui-switch-height: 40px;\n}\n\n.vchasno-ui-switch--bg {\n position: relative;\n z-index: 0;\n display: inline-flex;\n height: var(--vchasno-ui-switch-height, 20px);\n box-sizing: border-box;\n flex-shrink: 0;\n border-radius: 100px;\n aspect-ratio: 36/20;\n background: var(--vchasno-ui-switch-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n transition: background-color 0.3s;\n}\n\n.vchasno-ui-switch__active .vchasno-ui-switch--bg {\n background: var(--vchasno-ui-switch-active-color-bg);\n
|
|
2783
|
+
var css_248z$a = ".vchasno-ui-switch {\n --vchasno-ui-switc-hcircle-size: calc(var(--vchasno-ui-switch-height) - 4px);\n\n display: inline-flex;\n align-content: center;\n cursor: pointer;\n line-height: var(--vchasno-ui-switch-height);\n}\n\n.vchasno-ui-switch.--sm {\n --vchasno-ui-switch-height: 20px;\n}\n\n.vchasno-ui-switch.--md {\n --vchasno-ui-switch-height: 30px;\n}\n\n.vchasno-ui-switch.--lg {\n --vchasno-ui-switch-height: 40px;\n}\n\n.vchasno-ui-switch--bg {\n position: relative;\n z-index: 0;\n display: inline-flex;\n height: var(--vchasno-ui-switch-height, 20px);\n box-sizing: border-box;\n flex-shrink: 0;\n border-radius: 100px;\n aspect-ratio: 36/20;\n background: var(--vchasno-ui-switch-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n transition: background-color 0.3s;\n}\n\n.vchasno-ui-switch__active .vchasno-ui-switch--bg {\n background: var(--vchasno-ui-switch-active-color-bg);\n}\n\n.vchasno-ui-switch__disabled {\n cursor: default;\n opacity: 0.7;\n}\n\n.vchasno-ui-switch--circle {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n height: var(--vchasno-ui-switc-hcircle-size);\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n aspect-ratio: 1/1;\n background-color: var(--vchasno-ui-switch-circle-color);\n transform: translate(2px, 2px);\n transition: transform 0.3s;\n}\n\n.vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(18px, 2px);\n}\n\n.vchasno-ui-switch.--md .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(26px, 2px);\n}\n\n.vchasno-ui-switch.--lg .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(34px, 2px);\n}\n\n.vchasno-ui-spinner {\n color: var(--vchasno-ui-switch-spinner-color);\n}\n\n.vchasno-ui-switch--label {\n margin-left: 12px;\n color: var(--vchasno-ui-input-font-color);\n font-size: var(--vchasno-ui-input-font-size);\n user-select: none;\n}\n";
|
|
2784
2784
|
styleInject(css_248z$a);
|
|
2785
2785
|
|
|
2786
2786
|
var spinnerSizeMap = {
|