mimir-ui-kit 1.33.1 → 1.34.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{Input-ChCIy5oY.js → Input-DspsU5F4.js} +27 -23
- package/dist/{ProgressBar-CwLwhaeM.js → ProgressBar-DWKyrXzd.js} +23 -23
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AccordionItem.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CheckboxMimir.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/GosZnak.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputPassword.css +1 -1
- package/dist/assets/InputRangeSlider.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListFiles.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/MergedButton.css +1 -1
- package/dist/assets/NotificationBadge.css +1 -1
- package/dist/assets/OtpInput.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/ProgressBar2.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/SkeletonText.css +1 -1
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/Switcher.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/TextArea.css +1 -1
- package/dist/assets/Timer.css +1 -1
- package/dist/assets/TwinSwitcher.css +1 -1
- package/dist/assets/Uploader.css +1 -1
- package/dist/assets/UploaderPhotos.css +1 -1
- package/dist/assets/Vote.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Accordion/Accordion.js +24 -16
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
- package/dist/components/AnchorLink/Link.js +9 -9
- package/dist/components/Avatar/Avatar.js +10 -1
- package/dist/components/Button/Button.js +33 -33
- package/dist/components/CheckboxMimir/CheckboxMimir.js +8 -6
- package/dist/components/Chip/Chip.js +12 -12
- package/dist/components/DatePicker/DatePicker.js +11 -9
- package/dist/components/DatePicker/DatePickerModal.js +76 -60
- package/dist/components/DatePicker/MonthPickerModal.js +14 -6
- package/dist/components/DatePicker/YearPickerModal.js +2 -2
- package/dist/components/Drawer/Drawer.js +20 -20
- package/dist/components/GosZnak/GosZnak.js +13 -13
- package/dist/components/Input/Input.d.ts +5 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/constants.d.ts +5 -3
- package/dist/components/Input/constants.js +7 -3
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/Input/index.js +3 -2
- package/dist/components/Input/types.d.ts +2 -6
- package/dist/components/InputPassword/InputPassword.js +8 -8
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/InputRangeSlider/InputRangeSlider.js +16 -16
- package/dist/components/ListFiles/ListFiles.js +7 -7
- package/dist/components/ListPhotos/ListPhotos.js +4 -4
- package/dist/components/MergedButton/MergedButton.js +6 -6
- package/dist/components/NotificationBadge/NotificationBadge.js +4 -4
- package/dist/components/OtpInput/OtpInput.js +5 -5
- package/dist/components/Pagination/Pagination.d.ts +1 -3
- package/dist/components/Pagination/Pagination.js +7 -11
- package/dist/components/RadioGroup/RadioGroup.js +8 -8
- package/dist/components/SelectSearch/SelectSearch.js +23 -20
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +1 -1
- package/dist/components/Skeleton/SkeletonText/SkeletonText.js +2 -2
- package/dist/components/Slider/Slider.js +8 -8
- package/dist/components/Switcher/Switcher.js +8 -8
- package/dist/components/TabTrail/TabTrail.js +10 -10
- package/dist/components/Tag/Tag.js +6 -6
- package/dist/components/TextArea/TextArea.js +14 -12
- package/dist/components/Timer/Timer.js +1 -1
- package/dist/components/Toasts/ProgressBar.js +1 -1
- package/dist/components/Toasts/Toast.js +1 -1
- package/dist/components/Toasts/ToastList.js +1 -1
- package/dist/components/Toasts/ToastsProvider.js +1 -1
- package/dist/components/TwinSwitcher/TwinSwitcher.js +7 -7
- package/dist/components/UniversalUploader/UniversalUploader.js +1 -1
- package/dist/components/Uploader/Uploader.js +3 -3
- package/dist/components/UploaderFiles/UploaderFiles.js +1 -1
- package/dist/components/UploaderPhotos/UploaderPhotos.js +1 -1
- package/dist/components/Vote/Vote.js +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +3 -2
- package/dist/index.js +3 -2
- package/dist/styles.module-B9L4B63y.js +40 -0
- package/package.json +1 -1
- package/dist/styles.module-7wzJYhR3.js +0 -40
package/dist/assets/TextArea.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._textarea-
|
1
|
+
._textarea-wrapper_1n8kz_2 ._textarea_1n8kz_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_1n8kz_2 ._textarea_1n8kz_2._has-label_1n8kz_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_1n8kz_2 ._required-mark_1n8kz_11{display:block;flex:0 0 var(--input-required-mark-size);align-self:flex-start;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-top:var(--textarea-space);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._textarea-wrapper_1n8kz_2 ._label_1n8kz_22{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_1n8kz_2 ._label_1n8kz_22._has-left-slot_1n8kz_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_1n8kz_2 ._label_1n8kz_22._active-label_1n8kz_40{transform:scale(var(--label-scaled)) translateY(calc(var(--textarea-transform-label) * -1))}._textarea-wrapper_1n8kz_2 ._label_1n8kz_22._active-label_1n8kz_40._has-left-slot_1n8kz_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--textarea-transform-label) * -1))}._textarea-wrapper_1n8kz_2 ._label_1n8kz_22._active-label_1n8kz_40 ._required-mark_1n8kz_11{align-self:center;margin-top:0;margin-left:0;transform:scale(1.7)}._s_1n8kz_54{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-transform-label: var(--mimir-space-xss);--textarea-height: 76px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._m_1n8kz_62{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-transform-label: var(--mimir-space-s);--textarea-height: 88px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._l_1n8kz_22{--textarea-space: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-transform-label: var(--mimir-space-m);--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m)}
|
package/dist/assets/Timer.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._timer_un9th_3{color:var(--black-60);font-size:var(--mimir-size-text-l)}@media (max-width: 600px){._timer_un9th_3{font-size:var(--mimir-size-text-m)}}
|
@@ -1 +1 @@
|
|
1
|
-
._twin-
|
1
|
+
._twin-switcher_1r3h0_2[id*=twin-switcher]{--twin-switcher-bg-color: var(--citrine-normal);--twin-switcher-width: calc(var(--switcher-width) + 7px);--twin-switcher-thumb-icon-size: 20px;--twin-switcher-thumb-transform: translateX( calc(var(--mimir-space-m) + 7px) );width:var(--twin-switcher-width);background-color:var(--twin-switcher-bg-color)}._twin-switcher_1r3h0_2[id*=twin-switcher]:hover{--twin-switcher-bg-color: var(--citrine-hover)}._twin-switcher_1r3h0_2[id*=twin-switcher]:disabled{--twin-switcher-bg-color: var(--disabled)}._twin-switcher_1r3h0_2[id*=twin-switcher]._twin-switcher-checked_1r3h0_18{--twin-switcher-bg-color: var(--sapphire-normal)}._twin-switcher_1r3h0_2[id*=twin-switcher]._twin-switcher-checked_1r3h0_18:hover{--twin-switcher-bg-color: var(--sapphire-hover)}._twin-switcher_1r3h0_2[id*=twin-switcher]._twin-switcher-checked_1r3h0_18:disabled{--twin-switcher-bg-color: var(--mimir-control-default)}._twin-switcher_1r3h0_2 ._twin-switcher-thumb_1r3h0_27._twin-switcher-checked-thumb_1r3h0_27{transform:var(--twin-switcher-thumb-transform)}._twin-switcher_1r3h0_2 ._icon_1r3h0_30{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:var(--twin-switcher-thumb-icon-size);height:var(--twin-switcher-thumb-icon-size);color:var(--white);font-size:var(--mimir-size-text-l);transform:translateY(-50%);transition:opacity .3s ease}._twin-switcher_1r3h0_2 ._left-icon_1r3h0_43{left:var(--mimir-space-2xs)}._twin-switcher_1r3h0_2 ._right-icon_1r3h0_46{right:var(--mimir-space-2xs)}
|
package/dist/assets/Uploader.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._upload-file-
|
1
|
+
._upload-file-wrapper_bplvw_2{position:relative;width:100%}._upload-file-wrapper_bplvw_2 label{display:flex;flex-direction:column;gap:var(--mimir-space-m);align-items:center;justify-content:center}._upload-file-wrapper_bplvw_2 label button{z-index:1}._upload-file-wrapper_bplvw_2 label b{color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l2);font-family:var(--mimir-font-inter);font-style:normal;line-height:130%;text-align:center}._upload-file-wrapper_bplvw_2 label ._upload-text_bplvw_25{color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-m);font-family:var(--mimir-font-inter);font-style:normal;line-height:var(--mimir-line-height-text-xxs);text-align:center}._upload-file-input_bplvw_35{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0}
|
@@ -1 +1 @@
|
|
1
|
-
._upload-file-
|
1
|
+
._upload-file-wrapper_1a115_2{display:flex;flex-direction:column;gap:var(--mimir-space-m);overflow:hidden}
|
package/dist/assets/Vote.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_17n0d_2{display:flex;flex-direction:column;gap:var(--mimir-space-m);align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_17n0d_2 ._title_17n0d_9{color:var(--black-100);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-s1)}._container_17n0d_2 ._score_17n0d_16{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--white);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-2xl);font-family:var(--mimir-font-montserrat),sans-serif;letter-spacing:-.03em;border-radius:50%}
|
package/dist/assets/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-3xl: 26px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-5xl: 56px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-xss: 1.12em;--line-height-text-xss1: 1.17em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs2: 2px;--control-radius-xs: 4px;--control-radius-xs1: 5px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m-s: 16px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--
|
1
|
+
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
package/dist/assets/styles.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._input_ot5z6_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_ot5z6_6{flex:1}._date-wrapper_ot5z6_10{position:relative;width:100%}._date-wrapper_ot5z6_10 ._inputBorderControl_ot5z6_14{border:transparent}._date-wrapper_ot5z6_10:hover ._input-wrapper_ot5z6_6{background-color:var(--input-bg-color-hover)}._date-wrapper_ot5z6_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_ot5z6_10._editable_ot5z6_27:before{display:none}._date-wrapper_ot5z6_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_ot5z6_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_ot5z6_10 ._input-wrapper_ot5z6_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_ot5z6_10 ._input-wrapper_ot5z6_6 label,[data-disabled=true] ._date-wrapper_ot5z6_10 ._input-wrapper_ot5z6_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_ot5z6_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_ot5z6_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_ot5z6_50._active_ot5z6_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_ot5z6_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_ot5z6_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._field-overlow_ot5z6_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_ot5z6_84{position:absolute;z-index:3;display:flex;flex-direction:column;width:368px;max-height:none;padding:16px;font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);font-style:normal;line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_ot5z6_84 ._h_ot5z6_107{display:flex;width:100%;color:var(--black-100)}._calendar-block_ot5z6_84 ._b_ot5z6_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_ot5z6_84 ._d_ot5z6_10{display:flex;flex:1;gap:4px;align-items:center;justify-content:center;color:var(--black-100);cursor:pointer}._calendar-block_ot5z6_84 ._m_ot5z6_128,._calendar-block_ot5z6_84 ._a_ot5z6_56,._calendar-block_ot5z6_84 ._prev_ot5z6_130{width:auto;height:48px;overflow:hidden}._calendar-block_ot5z6_84 ._m_ot5z6_128{display:flex;align-items:center;justify-content:center;color:var(--disabled)}._calendar-block_ot5z6_84 ._m_ot5z6_128 b{font-weight:var(--mimir-font-weight-text-regular)}._calendar-block_ot5z6_84 ._orange_ot5z6_146{color:var(--citrine-100)}._calendar-block_ot5z6_84 ._a_ot5z6_56{color:var(--black-100);border-radius:var(--mimir-control-radius-s)}._calendar-block_ot5z6_84 ._a_ot5z6_56 b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--mimir-font-weight-text-regular);cursor:pointer}._calendar-block_ot5z6_84 ._a_ot5z6_56 b:hover{background:var(--black-10)}._calendar-block_ot5z6_84 ._a_ot5z6_56 b:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_ot5z6_84 ._current_ot5z6_171{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_ot5z6_84 ._monthGrid_ot5z6_176{display:grid;grid-template-columns:repeat(3,1fr)}
|
@@ -119,32 +119,32 @@ function Re(e2, n) {
|
|
119
119
|
return React__default.createElement(s$1, null, React__default.createElement(H.Provider, { value: t2.panelId }, H$1({ mergeRefs: f, ourProps: g, theirProps: d, slot: D2, defaultTag: Se, features: be, visible: p, name: "Disclosure.Panel" })));
|
120
120
|
}
|
121
121
|
let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
|
122
|
-
const accordion = "
|
123
|
-
const header = "
|
124
|
-
const title = "
|
125
|
-
const icon = "
|
126
|
-
const circle = "
|
127
|
-
const square = "
|
128
|
-
const panel = "
|
129
|
-
const open = "
|
130
|
-
const m = "
|
131
|
-
const s = "
|
122
|
+
const accordion = "_accordion_1p5o7_2";
|
123
|
+
const header = "_header_1p5o7_13";
|
124
|
+
const title = "_title_1p5o7_26";
|
125
|
+
const icon = "_icon_1p5o7_33";
|
126
|
+
const circle = "_circle_1p5o7_43";
|
127
|
+
const square = "_square_1p5o7_50";
|
128
|
+
const panel = "_panel_1p5o7_60";
|
129
|
+
const open = "_open_1p5o7_67";
|
130
|
+
const m = "_m_1p5o7_87";
|
131
|
+
const s = "_s_1p5o7_50";
|
132
132
|
const cls = {
|
133
133
|
accordion,
|
134
|
-
"is-link": "_is-
|
134
|
+
"is-link": "_is-link_1p5o7_9",
|
135
135
|
header,
|
136
136
|
title,
|
137
|
-
"title-uppercase": "_title-
|
137
|
+
"title-uppercase": "_title-uppercase_1p5o7_29",
|
138
138
|
icon,
|
139
|
-
"icon-container": "_icon-
|
139
|
+
"icon-container": "_icon-container_1p5o7_36",
|
140
140
|
circle,
|
141
141
|
square,
|
142
142
|
panel,
|
143
143
|
open,
|
144
|
-
"link-open": "_link-
|
144
|
+
"link-open": "_link-open_1p5o7_83",
|
145
145
|
m,
|
146
146
|
s,
|
147
|
-
"wrapper-button": "_wrapper-
|
147
|
+
"wrapper-button": "_wrapper-button_1p5o7_115"
|
148
148
|
};
|
149
149
|
const Accordion = forwardRef(
|
150
150
|
({
|
@@ -219,7 +219,15 @@ const Accordion = forwardRef(
|
|
219
219
|
cls[buttonStyle],
|
220
220
|
classNameIconButton
|
221
221
|
),
|
222
|
-
|
222
|
+
"data-testid": "accordion-icon-container",
|
223
|
+
children: /* @__PURE__ */ jsx(
|
224
|
+
Icon,
|
225
|
+
{
|
226
|
+
iconName: getIconName(),
|
227
|
+
className: cls.icon,
|
228
|
+
"data-testid": "accordion-icon"
|
229
|
+
}
|
230
|
+
)
|
223
231
|
}
|
224
232
|
)
|
225
233
|
] });
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { c as classNames } from "../../../index-CweZ_OcN.js";
|
3
|
-
import '../../../assets/AccordionItem.css';const item = "
|
4
|
-
const m = "
|
5
|
-
const s = "
|
3
|
+
import '../../../assets/AccordionItem.css';const item = "_item_1k7g5_2";
|
4
|
+
const m = "_m_1k7g5_10";
|
5
|
+
const s = "_s_1k7g5_15";
|
6
6
|
const cls = {
|
7
7
|
item,
|
8
8
|
m,
|
@@ -3,15 +3,15 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { forwardRef } from "react";
|
4
4
|
import { ELinkSize, ELinkVariant } from "./constants.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
|
-
import '../../assets/Link.css';const link = "
|
7
|
-
const sample = "
|
8
|
-
const anchor = "
|
9
|
-
const disabled = "
|
10
|
-
const icon = "
|
11
|
-
const xs = "
|
12
|
-
const s = "
|
13
|
-
const m = "
|
14
|
-
const l = "
|
6
|
+
import '../../assets/Link.css';const link = "_link_1bc9a_2";
|
7
|
+
const sample = "_sample_1bc9a_20";
|
8
|
+
const anchor = "_anchor_1bc9a_24";
|
9
|
+
const disabled = "_disabled_1bc9a_28";
|
10
|
+
const icon = "_icon_1bc9a_38";
|
11
|
+
const xs = "_xs_1bc9a_47";
|
12
|
+
const s = "_s_1bc9a_20";
|
13
|
+
const m = "_m_1bc9a_59";
|
14
|
+
const l = "_l_1bc9a_2";
|
15
15
|
const cls = {
|
16
16
|
link,
|
17
17
|
sample,
|
@@ -31,8 +31,17 @@ const Avatar = memo(
|
|
31
31
|
className: classNames(cls.avatar, cls[size], className, {
|
32
32
|
[cls.default]: !src
|
33
33
|
}),
|
34
|
+
"data-testid": "avatar-container",
|
34
35
|
children: [
|
35
|
-
src ? /* @__PURE__ */ jsx(
|
36
|
+
src ? /* @__PURE__ */ jsx(
|
37
|
+
AppImage,
|
38
|
+
{
|
39
|
+
src,
|
40
|
+
alt,
|
41
|
+
className: cls.image,
|
42
|
+
"data-testid": "avatar-image"
|
43
|
+
}
|
44
|
+
) : /* @__PURE__ */ jsx(Icon, { iconName: "User16px" }),
|
36
45
|
!!notificationsCount && /* @__PURE__ */ jsx(
|
37
46
|
NotificationBadge,
|
38
47
|
{
|
@@ -3,45 +3,45 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { forwardRef } from "react";
|
4
4
|
import { EButtonVariantDefault, EButtonForm } from "./constants.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
|
-
import '../../assets/Button.css';const button = "
|
7
|
-
const clear = "
|
8
|
-
const black = "
|
9
|
-
const gray = "
|
10
|
-
const white = "
|
11
|
-
const xs = "
|
12
|
-
const s = "
|
13
|
-
const m = "
|
14
|
-
const l = "
|
15
|
-
const xl = "
|
16
|
-
const xxl = "
|
17
|
-
const full = "
|
18
|
-
const disabled = "
|
6
|
+
import '../../assets/Button.css';const button = "_button_1kw2t_2";
|
7
|
+
const clear = "_clear_1kw2t_42";
|
8
|
+
const black = "_black_1kw2t_120";
|
9
|
+
const gray = "_gray_1kw2t_129";
|
10
|
+
const white = "_white_1kw2t_138";
|
11
|
+
const xs = "_xs_1kw2t_236";
|
12
|
+
const s = "_s_1kw2t_72";
|
13
|
+
const m = "_m_1kw2t_244";
|
14
|
+
const l = "_l_1kw2t_268";
|
15
|
+
const xl = "_xl_1kw2t_276";
|
16
|
+
const xxl = "_xxl_1kw2t_285";
|
17
|
+
const full = "_full_1kw2t_294";
|
18
|
+
const disabled = "_disabled_1kw2t_300";
|
19
19
|
const cls = {
|
20
20
|
button,
|
21
21
|
clear,
|
22
|
-
"default-button": "_default-
|
23
|
-
"primary-sapphire": "_primary-
|
24
|
-
"primary-citrine": "_primary-
|
25
|
-
"secondary-asphalt": "_secondary-
|
26
|
-
"secondary-gray": "_secondary-
|
27
|
-
"secondary-white": "_secondary-
|
28
|
-
"secondary-red": "_secondary-
|
29
|
-
"round-button": "_round-
|
22
|
+
"default-button": "_default-button_1kw2t_54",
|
23
|
+
"primary-sapphire": "_primary-sapphire_1kw2t_54",
|
24
|
+
"primary-citrine": "_primary-citrine_1kw2t_63",
|
25
|
+
"secondary-asphalt": "_secondary-asphalt_1kw2t_72",
|
26
|
+
"secondary-gray": "_secondary-gray_1kw2t_81",
|
27
|
+
"secondary-white": "_secondary-white_1kw2t_90",
|
28
|
+
"secondary-red": "_secondary-red_1kw2t_99",
|
29
|
+
"round-button": "_round-button_1kw2t_109",
|
30
30
|
black,
|
31
31
|
gray,
|
32
32
|
white,
|
33
|
-
"outline-button": "_outline-
|
34
|
-
"outline-asphalt": "_outline-
|
35
|
-
"outline-gray": "_outline-
|
36
|
-
"outline-white": "_outline-
|
37
|
-
"outline-red": "_outline-
|
38
|
-
"borderless-button": "_borderless-
|
39
|
-
"borderless-asphalt": "_borderless-
|
40
|
-
"borderless-gray": "_borderless-
|
41
|
-
"borderless-white": "_borderless-
|
42
|
-
"borderless-red": "_borderless-
|
33
|
+
"outline-button": "_outline-button_1kw2t_148",
|
34
|
+
"outline-asphalt": "_outline-asphalt_1kw2t_155",
|
35
|
+
"outline-gray": "_outline-gray_1kw2t_163",
|
36
|
+
"outline-white": "_outline-white_1kw2t_172",
|
37
|
+
"outline-red": "_outline-red_1kw2t_181",
|
38
|
+
"borderless-button": "_borderless-button_1kw2t_191",
|
39
|
+
"borderless-asphalt": "_borderless-asphalt_1kw2t_197",
|
40
|
+
"borderless-gray": "_borderless-gray_1kw2t_202",
|
41
|
+
"borderless-white": "_borderless-white_1kw2t_207",
|
42
|
+
"borderless-red": "_borderless-red_1kw2t_212",
|
43
43
|
xs,
|
44
|
-
"m-s": "_m-
|
44
|
+
"m-s": "_m-s_1kw2t_244",
|
45
45
|
s,
|
46
46
|
m,
|
47
47
|
l,
|
@@ -49,7 +49,7 @@ const cls = {
|
|
49
49
|
xxl,
|
50
50
|
full,
|
51
51
|
disabled,
|
52
|
-
"icon-button": "_icon-
|
52
|
+
"icon-button": "_icon-button_1kw2t_320"
|
53
53
|
};
|
54
54
|
const Button = forwardRef(
|
55
55
|
(props, ref) => {
|
@@ -24,10 +24,10 @@ function ie(T$1, h) {
|
|
24
24
|
return React__default.createElement(React__default.Fragment, null, d != null && React__default.createElement(j, { disabled: e, data: { [d]: D$1 || "on" }, overrides: { type: "checkbox", checked: a$1 }, form: R, onReset: G$1 }), H({ ourProps: O, theirProps: A, slot: X, defaultTag: se, name: "Checkbox" }));
|
25
25
|
}
|
26
26
|
let Re = W(ie);
|
27
|
-
const container = "
|
28
|
-
const checkbox = "
|
29
|
-
const label = "
|
30
|
-
const enabled = "
|
27
|
+
const container = "_container_13bjb_2";
|
28
|
+
const checkbox = "_checkbox_13bjb_8";
|
29
|
+
const label = "_label_13bjb_27";
|
30
|
+
const enabled = "_enabled_13bjb_31";
|
31
31
|
const cls = {
|
32
32
|
container,
|
33
33
|
checkbox,
|
@@ -37,13 +37,15 @@ const cls = {
|
|
37
37
|
const CheckboxMimir = forwardRef(
|
38
38
|
(props, ref) => {
|
39
39
|
const { checked, onChange, children, id, ...restProps } = props;
|
40
|
-
const [enabled2, setEnabled] = useState(checked);
|
40
|
+
const [enabled2, setEnabled] = useState(checked ?? false);
|
41
41
|
const handleChange = (value) => {
|
42
42
|
setEnabled(value);
|
43
43
|
onChange == null ? void 0 : onChange(value);
|
44
44
|
};
|
45
45
|
useEffect(() => {
|
46
|
-
|
46
|
+
if (checked !== void 0) {
|
47
|
+
setEnabled(checked);
|
48
|
+
}
|
47
49
|
}, [checked]);
|
48
50
|
return /* @__PURE__ */ jsxs(H$1, { className: cls.container, children: [
|
49
51
|
/* @__PURE__ */ jsx(
|
@@ -2,20 +2,20 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { EChipSize, EChipVariant } from "./constants.js";
|
4
4
|
import { Icon } from "../../icons/Icon.js";
|
5
|
-
import '../../assets/Chip.css';const chip = "
|
6
|
-
const disabled = "
|
7
|
-
const xs = "
|
8
|
-
const s = "
|
9
|
-
const m = "
|
10
|
-
const sapphire = "
|
11
|
-
const citrine = "
|
12
|
-
const asphalt = "
|
13
|
-
const gray = "
|
14
|
-
const white = "
|
15
|
-
const green = "
|
5
|
+
import '../../assets/Chip.css';const chip = "_chip_19bvm_2";
|
6
|
+
const disabled = "_disabled_19bvm_40";
|
7
|
+
const xs = "_xs_19bvm_51";
|
8
|
+
const s = "_s_19bvm_59";
|
9
|
+
const m = "_m_19bvm_67";
|
10
|
+
const sapphire = "_sapphire_19bvm_75";
|
11
|
+
const citrine = "_citrine_19bvm_84";
|
12
|
+
const asphalt = "_asphalt_19bvm_93";
|
13
|
+
const gray = "_gray_19bvm_102";
|
14
|
+
const white = "_white_19bvm_111";
|
15
|
+
const green = "_green_19bvm_120";
|
16
16
|
const cls = {
|
17
17
|
chip,
|
18
|
-
"with-action": "_with-
|
18
|
+
"with-action": "_with-action_19bvm_18",
|
19
19
|
disabled,
|
20
20
|
xs,
|
21
21
|
s,
|
@@ -3,16 +3,16 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { memo, forwardRef, useState, useEffect } from "react";
|
4
4
|
import { DatePickerModal } from "./DatePickerModal.js";
|
5
5
|
import { MonthPickerModal } from "./MonthPickerModal.js";
|
6
|
-
import { c as cls } from "../../styles.module-
|
7
|
-
import { formatDatePart
|
6
|
+
import { c as cls } from "../../styles.module-B9L4B63y.js";
|
7
|
+
import { formatDatePart } from "./utils.js";
|
8
8
|
import { YearPickerModal } from "./YearPickerModal.js";
|
9
9
|
import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
|
10
10
|
import { formating } from "../../utils/index.js";
|
11
|
-
import { I as Input } from "../../Input-
|
12
|
-
import {
|
11
|
+
import { I as Input } from "../../Input-DspsU5F4.js";
|
12
|
+
import { EInputStatus } from "../Input/constants.js";
|
13
13
|
const MAX_DAY = 31;
|
14
14
|
const MAX_MONTH = 12;
|
15
|
-
const DATE_LENGTH =
|
15
|
+
const DATE_LENGTH = 10;
|
16
16
|
const DatePicker = memo(
|
17
17
|
forwardRef(
|
18
18
|
({
|
@@ -48,7 +48,7 @@ const DatePicker = memo(
|
|
48
48
|
}, [value]);
|
49
49
|
useEffect(() => {
|
50
50
|
if (date && !(typeof date === "string") && !isNaN(date == null ? void 0 : date.getTime())) {
|
51
|
-
setInputValue(formating.Date(date, "dd/mm/
|
51
|
+
setInputValue(formating.Date(date, "dd/mm/yyyy"));
|
52
52
|
} else {
|
53
53
|
setInputValue("");
|
54
54
|
}
|
@@ -107,12 +107,12 @@ const DatePicker = memo(
|
|
107
107
|
const [day, month, year] = [
|
108
108
|
formatDatePart(newValue.substring(0, 2), MAX_DAY),
|
109
109
|
formatDatePart(newValue.substring(2, 4), MAX_MONTH),
|
110
|
-
newValue.substring(4,
|
110
|
+
newValue.substring(4, 8)
|
111
111
|
];
|
112
112
|
const formattedValue = [day, month, year].filter(Boolean).join("/");
|
113
113
|
setInputValue(formattedValue);
|
114
114
|
if (formattedValue.length === DATE_LENGTH) {
|
115
|
-
const fullYear =
|
115
|
+
const fullYear = parseInt(year);
|
116
116
|
const newDate = /* @__PURE__ */ new Date(
|
117
117
|
`${fullYear}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`
|
118
118
|
);
|
@@ -142,13 +142,15 @@ const DatePicker = memo(
|
|
142
142
|
wrapperClassName: cls["input-wrapper"],
|
143
143
|
size,
|
144
144
|
type: "text",
|
145
|
-
variant
|
145
|
+
variant,
|
146
|
+
status: isError ? EInputStatus.Error : void 0,
|
146
147
|
value: inputValue,
|
147
148
|
onChange: handleInputChange,
|
148
149
|
rightAddon: {
|
149
150
|
addonType: "icon",
|
150
151
|
addonContent: isActive ? "DropdownArrowUp24px" : "DropdownArrowDown24px"
|
151
152
|
},
|
153
|
+
"data-error": isError,
|
152
154
|
...props
|
153
155
|
}
|
154
156
|
)
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
2
2
|
import { useRef, useState, useEffect } from "react";
|
3
3
|
import { week } from "./constants.js";
|
4
|
-
import { c as cls } from "../../styles.module-
|
4
|
+
import { c as cls } from "../../styles.module-B9L4B63y.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
6
|
import { formating } from "../../utils/index.js";
|
7
7
|
import { Button } from "../Button/Button.js";
|
@@ -120,67 +120,83 @@ function DatePickerModal({
|
|
120
120
|
);
|
121
121
|
onExit();
|
122
122
|
};
|
123
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
}
|
134
|
-
),
|
135
|
-
/* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
|
136
|
-
(_a = formating.Month(month.m)) == null ? void 0 : _a.name,
|
137
|
-
"’",
|
138
|
-
month.y.toString().slice(-2),
|
139
|
-
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
140
|
-
] }),
|
141
|
-
/* @__PURE__ */ jsx(
|
142
|
-
Button,
|
143
|
-
{
|
144
|
-
isIconButton: true,
|
145
|
-
iconName: "DropdownArrowRight16px",
|
146
|
-
onClick: next,
|
147
|
-
variant: "secondary-gray",
|
148
|
-
size: "l"
|
149
|
-
}
|
150
|
-
)
|
151
|
-
] }),
|
152
|
-
/* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
|
153
|
-
week.map((i, s) => /* @__PURE__ */ jsx(
|
154
|
-
"div",
|
155
|
-
{
|
156
|
-
className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
|
157
|
-
children: i
|
158
|
-
},
|
159
|
-
`v${s}`
|
160
|
-
)),
|
161
|
-
prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
|
162
|
-
days.map((i, s) => /* @__PURE__ */ jsx(
|
163
|
-
"div",
|
164
|
-
{
|
165
|
-
className: isBefore(
|
166
|
-
(/* @__PURE__ */ new Date(
|
167
|
-
`${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
|
168
|
-
)).getTime()
|
169
|
-
) ? cls["m"] : cls["a"],
|
170
|
-
children: i !== 0 ? /* @__PURE__ */ jsx(
|
171
|
-
"b",
|
123
|
+
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
124
|
+
"div",
|
125
|
+
{
|
126
|
+
className: [cls["calendar-block"]].join(" "),
|
127
|
+
ref: field,
|
128
|
+
"data-testid": "calendar-modal",
|
129
|
+
children: [
|
130
|
+
/* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
|
131
|
+
/* @__PURE__ */ jsx(
|
132
|
+
Button,
|
172
133
|
{
|
173
|
-
|
174
|
-
|
175
|
-
|
134
|
+
isIconButton: true,
|
135
|
+
iconName: "DropdownArrowLeft16px",
|
136
|
+
onClick: prev,
|
137
|
+
variant: "secondary-gray",
|
138
|
+
size: "l"
|
139
|
+
}
|
140
|
+
),
|
141
|
+
/* @__PURE__ */ jsxs(
|
142
|
+
"div",
|
143
|
+
{
|
144
|
+
className: cls["d"],
|
145
|
+
onClick: () => onType == null ? void 0 : onType("months"),
|
146
|
+
"data-testid": "month-year-button",
|
147
|
+
children: [
|
148
|
+
(_a = formating.Month(month.m)) == null ? void 0 : _a.name,
|
149
|
+
"’",
|
150
|
+
month.y.toString().slice(-2),
|
151
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
152
|
+
]
|
153
|
+
}
|
154
|
+
),
|
155
|
+
/* @__PURE__ */ jsx(
|
156
|
+
Button,
|
157
|
+
{
|
158
|
+
isIconButton: true,
|
159
|
+
iconName: "DropdownArrowRight16px",
|
160
|
+
onClick: next,
|
161
|
+
variant: "secondary-gray",
|
162
|
+
size: "l"
|
176
163
|
}
|
177
|
-
)
|
178
|
-
},
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
164
|
+
)
|
165
|
+
] }),
|
166
|
+
/* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
|
167
|
+
week.map((i, s) => /* @__PURE__ */ jsx(
|
168
|
+
"div",
|
169
|
+
{
|
170
|
+
className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
|
171
|
+
children: i
|
172
|
+
},
|
173
|
+
`v${s}`
|
174
|
+
)),
|
175
|
+
prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
|
176
|
+
days.map((i, s) => /* @__PURE__ */ jsx(
|
177
|
+
"div",
|
178
|
+
{
|
179
|
+
className: isBefore(
|
180
|
+
(/* @__PURE__ */ new Date(
|
181
|
+
`${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
|
182
|
+
)).getTime()
|
183
|
+
) ? cls["m"] : cls["a"],
|
184
|
+
children: i !== 0 ? /* @__PURE__ */ jsx(
|
185
|
+
"b",
|
186
|
+
{
|
187
|
+
className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
|
188
|
+
onClick: () => send(i),
|
189
|
+
children: i
|
190
|
+
}
|
191
|
+
) : /* @__PURE__ */ jsx("p", {})
|
192
|
+
},
|
193
|
+
s
|
194
|
+
)),
|
195
|
+
nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
|
196
|
+
] })
|
197
|
+
]
|
198
|
+
}
|
199
|
+
) });
|
184
200
|
}
|
185
201
|
export {
|
186
202
|
DatePickerModal
|