mimir-ui-kit 1.31.1 → 1.32.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/InputRangeSlider.css +1 -1
- package/dist/assets/SkeletonCircle.css +1 -0
- package/dist/assets/SkeletonText.css +1 -0
- package/dist/assets/Switcher.css +1 -0
- package/dist/assets/TwinSwitcher.css +1 -0
- package/dist/assets/index.css +1 -1
- package/dist/assets/variant.css +1 -0
- package/dist/components/CheckboxMimir/CheckboxMimir.js +8 -13
- package/dist/components/InputRangeSlider/InputRangeSlider.d.ts +1 -1
- package/dist/components/InputRangeSlider/InputRangeSlider.js +39 -23
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +1 -1
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.d.ts +12 -0
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +34 -0
- package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.d.ts +9 -0
- package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.js +31 -0
- package/dist/components/Skeleton/SkeletonText/SkeletonText.d.ts +10 -0
- package/dist/components/Skeleton/SkeletonText/SkeletonText.js +49 -0
- package/dist/components/Skeleton/constants.d.ts +5 -0
- package/dist/components/Skeleton/constants.js +9 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Skeleton/index.js +8 -0
- package/dist/components/Slider/Slider.d.ts +3 -2
- package/dist/components/Slider/Slider.js +4 -2
- package/dist/components/Switcher/Switcher.d.ts +3 -0
- package/dist/components/Switcher/Switcher.js +118 -0
- package/dist/components/Switcher/constants.d.ts +4 -0
- package/dist/components/Switcher/constants.js +8 -0
- package/dist/components/Switcher/index.d.ts +3 -0
- package/dist/components/Switcher/index.js +6 -0
- package/dist/components/Switcher/types.d.ts +30 -0
- package/dist/components/Switcher/types.js +1 -0
- package/dist/components/TwinSwitcher/TwinSwitcher.d.ts +10 -0
- package/dist/components/TwinSwitcher/TwinSwitcher.js +65 -0
- package/dist/components/TwinSwitcher/index.d.ts +1 -0
- package/dist/components/TwinSwitcher/index.js +4 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +6 -0
- package/dist/field-bS4z9Sdl.js +12 -0
- package/dist/index.js +6 -0
- package/dist/{label-BTEGh6O_.js → label-P7Xsi5N7.js} +2 -2
- package/dist/variant.module-BinTBzAV.js +15 -0
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
._main-
|
1
|
+
._main-wrapper_1ppt2_2{display:flex;flex-direction:column;min-height:46px}._wrapper_1ppt2_8{--thumb-width: 42px;--thumb-height: 16px;--default-z-index: 3;position:relative;display:flex;align-items:flex-end;height:16px;height:var(--thumb-height)}._input-wrapper_1ppt2_18{position:absolute;align-self:flex-end;width:calc(100% + var(--thumb-width));height:var(--thumb-height);margin:0 calc(var(--thumb-width) / -2)}._info-wrapper_1ppt2_26{display:flex;flex:1;align-items:center;align-self:flex-start;justify-content:space-between;width:100%;height:20px}._control-wrapper_1ppt2_36{position:absolute;width:100%;height:var(--thumb-height)}._input_1ppt2_18{position:absolute;bottom:0;z-index:var(--default-z-index);width:100%;padding:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1ppt2_18::-ms-track{background:transparent;border:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1ppt2_18::-moz-range-track{background:transparent;border:transparent;-moz-appearance:none;-webkit-appearance:none;appearance:none}._input_1ppt2_18:focus::-webkit-slider-runnable-track{background:transparent;border:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1ppt2_18::-ms-thumb{position:relative;width:var(--thumb-width);height:var(--thumb-height);border:0 none;border-radius:0;transform:translate3d(0,calc(-50% + 2px),0);cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all}._input_1ppt2_18::-ms-thumb:active{cursor:grabbing}._input_1ppt2_18::-moz-range-thumb{position:relative;width:var(--thumb-width);height:var(--thumb-height);border:0 none;border-radius:0;transform:translate3d(0,calc(-50% + 2px),0);cursor:grab;-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:all}._input_1ppt2_18::-moz-range-thumb:active{cursor:grabbing}._input_1ppt2_18::-webkit-slider-thumb{position:relative;width:var(--thumb-width);height:var(--thumb-height);border:0 none;border-radius:0;transform:translate3d(0,calc(-50% + 2px),0);cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all}._input_1ppt2_18::-webkit-slider-thumb:active{cursor:grabbing}._input_1ppt2_18._equal-value_1ppt2_108{z-index:calc(var(--default-z-index) + 1)}._input_1ppt2_18._is-double-range_1ppt2_111{pointer-events:none}._rail_1ppt2_115{position:absolute;top:50%;width:100%;height:2px;background-color:var(--sapphire-normal);transform:translateY(-50%);transition:all .1s ease}._rail_1ppt2_115._off_1ppt2_124._right_1ppt2_124,._rail_1ppt2_115._off_1ppt2_124._double-range_1ppt2_124{background-color:transparent}._rail_1ppt2_115._double-range_1ppt2_124,._rail_1ppt2_115._right_1ppt2_124{background-color:var(--black-30)}._inner-rail_1ppt2_134{position:absolute;top:50%;height:2px;background-color:var(--black-30);transform:translateY(-50%);transition:all .1s ease}._inner-rail_1ppt2_134._off_1ppt2_124._right_1ppt2_124{background-color:var(--sapphire-normal)}._inner-rail_1ppt2_134._off_1ppt2_124._left_1ppt2_145{background-color:transparent}._inner-rail_1ppt2_134._off_1ppt2_124._double-range_1ppt2_124,._inner-rail_1ppt2_134._double-range_1ppt2_124,._inner-rail_1ppt2_134._right_1ppt2_124{background-color:var(--sapphire-normal)}._control_1ppt2_36{position:absolute;top:0;z-index:calc(var(--default-z-index) - 1);width:var(--thumb-width);height:var(--thumb-height);margin-left:calc(var(--thumb-width) / -2);background-color:var(--sapphire-normal);border-radius:var(--control-radius-xs2);transform:translate3d(0,calc(-50% + 2px),0);transition:all .1s ease}._control_1ppt2_36._disabled_1ppt2_170{background-color:var(--disabled)}
|
@@ -0,0 +1 @@
|
|
1
|
+
._skeleton-circle_kxuh3_2{border-radius:50%}
|
@@ -0,0 +1 @@
|
|
1
|
+
._skeleton-text_gjcuz_2{display:flex;flex-direction:column;width:100%;row-gap:var(--space-xs)}._row_gjcuz_9{display:flex;align-items:center}
|
@@ -0,0 +1 @@
|
|
1
|
+
._switcher-wrapper_199uu_2{--switcher-width: 40px;--switcher-height: 24px;--switcher-bg-color: var(--asphalt-normal);--switcher-thumb-size: 22px;--switcher-thumb-offset: 1px;--switcher-thumb-transform: translateX(var(--space-m));display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}._switcher-wrapper_199uu_2._left_199uu_14{flex-direction:row}._switcher-wrapper_199uu_2._right_199uu_17{flex-direction:row-reverse}._label_199uu_21{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._switcher_199uu_2{position:relative;width:var(--switcher-width);height:var(--switcher-height);background-color:var(--switcher-bg-color);border-radius:var(--control-input-radius);cursor:pointer;transition:background-color .2s ease-in-out}._switcher_199uu_2:focus-visible,._switcher_199uu_2:active{box-shadow:var(--box-shadow-default)}._switcher_199uu_2:hover{--switcher-bg-color: var(--asphalt-hover)}._switcher_199uu_2:disabled{--switcher-bg-color: var(--disabled)}._switcher_199uu_2._switcher-checked_199uu_45{--switcher-bg-color: var(--sapphire-normal)}._switcher_199uu_2._switcher-checked_199uu_45:hover{--switcher-bg-color: var(--sapphire-hover)}._switcher_199uu_2._switcher-checked_199uu_45:disabled{--switcher-bg-color: var(--control-default)}._switcher-thumb_199uu_55{position:absolute;top:var(--switcher-thumb-offset);left:var(--switcher-thumb-offset);width:var(--switcher-thumb-size);height:var(--switcher-thumb-size);background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out}._switcher-thumb_199uu_55._switcher-checked-thumb_199uu_65{transform:var(--switcher-thumb-transform)}
|
@@ -0,0 +1 @@
|
|
1
|
+
._twin-switcher_3802f_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(--space-m) + 7px));width:var(--twin-switcher-width);background-color:var(--twin-switcher-bg-color)}._twin-switcher_3802f_2[id*=twin-switcher]:hover{--twin-switcher-bg-color: var(--citrine-hover)}._twin-switcher_3802f_2[id*=twin-switcher]:disabled{--twin-switcher-bg-color: var(--disabled)}._twin-switcher_3802f_2[id*=twin-switcher]._twin-switcher-checked_3802f_16{--twin-switcher-bg-color: var(--sapphire-normal)}._twin-switcher_3802f_2[id*=twin-switcher]._twin-switcher-checked_3802f_16:hover{--twin-switcher-bg-color: var(--sapphire-hover)}._twin-switcher_3802f_2[id*=twin-switcher]._twin-switcher-checked_3802f_16:disabled{--twin-switcher-bg-color: var(--control-default)}._twin-switcher_3802f_2 ._twin-switcher-thumb_3802f_25._twin-switcher-checked-thumb_3802f_25{transform:var(--twin-switcher-thumb-transform)}._twin-switcher_3802f_2 ._icon_3802f_28{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(--size-text-l);transform:translateY(-50%);transition:opacity .3s ease}._twin-switcher_3802f_2 ._left-icon_3802f_41{left:var(--space-2xs)}._twin-switcher_3802f_2 ._right-icon_3802f_44{right:var(--space-2xs)}
|
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;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-5xl: 56px;--space-4xxl: 64px;--space-5xxl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 58px;--tab-trail-height-s: 36px;--accordion-icon-circle-size-m: 48px;--accordion-icon-circle-size-s: 36px;--accordion-icon-square-size-m: 40px;--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}
|
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;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-5xl: 56px;--space-4xxl: 64px;--space-5xxl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-default: 0 0 4px 0 #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 58px;--tab-trail-height-s: 36px;--accordion-icon-circle-size-m: 48px;--accordion-icon-circle-size-s: 36px;--accordion-icon-square-size-m: 40px;--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}
|
@@ -0,0 +1 @@
|
|
1
|
+
@keyframes _wave-white_c8ueu_1{0%{background-color:var(--black-20)}25%{background-color:var(--black-15)}50%{background-color:var(--black-10)}75%{background-color:var(--black-15)}to{background-color:var(--black-20)}}@keyframes _wave-black_c8ueu_1{0%{background-color:var(--black-80)}25%{background-color:var(--black-70)}50%{background-color:var(--black-65)}75%{background-color:var(--black-70)}to{background-color:var(--black-80)}}@keyframes _wave-dark-gray_c8ueu_1{0%{background-color:var(--black-70)}25%{background-color:var(--black-60)}50%{background-color:var(--black-65)}75%{background-color:var(--black-60)}to{background-color:var(--black-70)}}._skeleton_c8ueu_53{background-color:var(--skeleton-bg);animation:var(--skeleton-animation)}._skeleton_c8ueu_53._white_c8ueu_57{--skeleton-bg: var(--black-20);--skeleton-animation: _wave-white_c8ueu_1 1.6s infinite ease-in-out}._skeleton_c8ueu_53._black_c8ueu_61{--skeleton-bg: var(--black-80);--skeleton-animation: _wave-black_c8ueu_1 1.6s infinite ease-in-out}._skeleton_c8ueu_53._dark-gray_c8ueu_65{--skeleton-bg: var(--black-70);--skeleton-animation: _wave-dark-gray_c8ueu_1 1.6s infinite ease-in-out}
|
@@ -1,34 +1,29 @@
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
-
import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H
|
2
|
+
import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H, c as o$1 } from "../../keyboard-B256ZoM-.js";
|
3
3
|
import React__default, { useId, useState, useMemo, useCallback, forwardRef, useEffect } from "react";
|
4
4
|
import { w } from "../../use-active-press-B6yeSopF.js";
|
5
|
-
import { u, a, l, T, I, G, j, p as p$1,
|
5
|
+
import { u, a, b as l, T, I, G, j, p as p$1, K } from "../../label-P7Xsi5N7.js";
|
6
6
|
import { r } from "../../bugs-CSBdWk0R.js";
|
7
|
+
import { H as H$1 } from "../../field-bS4z9Sdl.js";
|
7
8
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
8
9
|
import { Icon } from "../../icons/Icon.js";
|
9
10
|
import '../../assets/CheckboxMimir.css';let se = "span";
|
10
11
|
function ie(T$1, h) {
|
11
|
-
let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...
|
12
|
+
let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...A } = T$1, r$1 = l(v), [a$1, t] = T(E, P, r$1 != null ? r$1 : false), F = I(), K2 = G(), _ = p(), [p$2, c] = useState(false), u$1 = o(() => {
|
12
13
|
c(true), t == null || t(!a$1), _.nextFrame(() => {
|
13
14
|
c(false);
|
14
15
|
});
|
15
|
-
}),
|
16
|
+
}), H$12 = o((o2) => {
|
16
17
|
if (r(o2.currentTarget)) return o2.preventDefault();
|
17
18
|
o2.preventDefault(), u$1();
|
18
19
|
}), B = o((o2) => {
|
19
20
|
o2.key === o$1.Space ? (o2.preventDefault(), u$1()) : o2.key === o$1.Enter && p$1(o2.currentTarget);
|
20
|
-
}),
|
21
|
+
}), L = o((o2) => o2.preventDefault()), { isFocusVisible: m, focusProps: I$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: s }), { isHovered: f, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: e }), { pressed: b, pressProps: U } = w({ disabled: e }), O = D({ ref: h, id: g, role: "checkbox", "aria-checked": n ? "mixed" : a$1 ? "true" : "false", "aria-labelledby": F, "aria-describedby": K2, "aria-disabled": e ? true : void 0, indeterminate: n ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : B, onKeyPress: e ? void 0 : L, onClick: e ? void 0 : H$12 }, I$1, M, U), X = useMemo(() => ({ checked: a$1, disabled: e, hover: f, focus: m, active: b, indeterminate: n, changing: p$2, autofocus: s }), [a$1, n, e, f, m, b, p$2, s]), G$1 = useCallback(() => {
|
21
22
|
if (r$1 !== void 0) return t == null ? void 0 : t(r$1);
|
22
23
|
}, [t, r$1]);
|
23
|
-
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
|
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" }));
|
24
25
|
}
|
25
26
|
let Re = W(ie);
|
26
|
-
let A = "div";
|
27
|
-
function L(d, l2) {
|
28
|
-
let t = `headlessui-control-${useId()}`, [s, p2] = z(), [n, a$1] = U(), m = a(), { disabled: e = m || false, ...o2 } = d, i = useMemo(() => ({ disabled: e }), [e]);
|
29
|
-
return React__default.createElement(l$1, { value: e }, React__default.createElement(p2, { value: s }, React__default.createElement(a$1, { value: n }, React__default.createElement(f, { id: t }, H$1({ ourProps: { ref: l2, disabled: e || void 0, "aria-disabled": e || void 0 }, theirProps: { ...o2, children: React__default.createElement(W$1, null, typeof o2.children == "function" ? o2.children(i) : o2.children) }, slot: i, defaultTag: A, name: "Field" })))));
|
30
|
-
}
|
31
|
-
let H = W(L);
|
32
27
|
const container = "_container_ktju1_2";
|
33
28
|
const checkbox = "_checkbox_ktju1_8";
|
34
29
|
const label = "_label_ktju1_27";
|
@@ -50,7 +45,7 @@ const CheckboxMimir = forwardRef(
|
|
50
45
|
useEffect(() => {
|
51
46
|
setEnabled(!!checked);
|
52
47
|
}, [checked]);
|
53
|
-
return /* @__PURE__ */ jsxs(H, { className: cls.container, children: [
|
48
|
+
return /* @__PURE__ */ jsxs(H$1, { className: cls.container, children: [
|
54
49
|
/* @__PURE__ */ jsx(
|
55
50
|
Re,
|
56
51
|
{
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { TProps } from './types';
|
2
2
|
|
3
|
-
export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, isMinEqualMax, isSingleSlider, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;
|
3
|
+
export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, disabled, isMinEqualMax, isSingleSlider, onChange, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;
|
@@ -2,36 +2,41 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { memo, useState, useEffect } from "react";
|
4
4
|
import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
|
5
|
-
import '../../assets/InputRangeSlider.css';const wrapper = "
|
6
|
-
const input = "
|
7
|
-
const rail = "
|
8
|
-
const off = "
|
9
|
-
const right = "
|
10
|
-
const left = "
|
11
|
-
const control = "
|
5
|
+
import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1ppt2_8";
|
6
|
+
const input = "_input_1ppt2_18";
|
7
|
+
const rail = "_rail_1ppt2_115";
|
8
|
+
const off = "_off_1ppt2_124";
|
9
|
+
const right = "_right_1ppt2_124";
|
10
|
+
const left = "_left_1ppt2_145";
|
11
|
+
const control = "_control_1ppt2_36";
|
12
|
+
const disabled = "_disabled_1ppt2_170";
|
12
13
|
const cls = {
|
13
|
-
"main-wrapper": "_main-
|
14
|
+
"main-wrapper": "_main-wrapper_1ppt2_2",
|
14
15
|
wrapper,
|
15
|
-
"input-wrapper": "_input-
|
16
|
-
"info-wrapper": "_info-
|
17
|
-
"control-wrapper": "_control-
|
16
|
+
"input-wrapper": "_input-wrapper_1ppt2_18",
|
17
|
+
"info-wrapper": "_info-wrapper_1ppt2_26",
|
18
|
+
"control-wrapper": "_control-wrapper_1ppt2_36",
|
18
19
|
input,
|
19
|
-
"equal-value": "_equal-
|
20
|
+
"equal-value": "_equal-value_1ppt2_108",
|
21
|
+
"is-double-range": "_is-double-range_1ppt2_111",
|
20
22
|
rail,
|
21
23
|
off,
|
22
24
|
right,
|
23
|
-
"double-range": "_double-
|
24
|
-
"inner-rail": "_inner-
|
25
|
+
"double-range": "_double-range_1ppt2_124",
|
26
|
+
"inner-rail": "_inner-rail_1ppt2_134",
|
25
27
|
left,
|
26
|
-
control
|
28
|
+
control,
|
29
|
+
disabled
|
27
30
|
};
|
28
31
|
const InputRangeSlider = memo(
|
29
32
|
({
|
30
33
|
min,
|
31
34
|
max,
|
32
35
|
value,
|
36
|
+
disabled: disabled2,
|
33
37
|
isMinEqualMax = false,
|
34
38
|
isSingleSlider = true,
|
39
|
+
onChange,
|
35
40
|
step = DEFAULT_STEP,
|
36
41
|
borderState = EInputRangeSliderBorderState.ON,
|
37
42
|
positions = EInputRangeSliderPositions.LEFT,
|
@@ -50,8 +55,8 @@ const InputRangeSlider = memo(
|
|
50
55
|
} = minMaxDescriptions ?? {};
|
51
56
|
useEffect(() => {
|
52
57
|
if (value) {
|
53
|
-
setMinValue(value.min);
|
54
|
-
setMaxValue(value.max);
|
58
|
+
value.min && setMinValue(value.min);
|
59
|
+
value.max && setMaxValue(value.max);
|
55
60
|
}
|
56
61
|
}, [value]);
|
57
62
|
const handleMinChange = (event) => {
|
@@ -64,6 +69,7 @@ const InputRangeSlider = memo(
|
|
64
69
|
setMinValue(newMinVal);
|
65
70
|
}
|
66
71
|
onChangeValue == null ? void 0 : onChangeValue({ min: newMinVal, max: maxValue });
|
72
|
+
onChange == null ? void 0 : onChange(event);
|
67
73
|
};
|
68
74
|
const handleMaxChange = (event) => {
|
69
75
|
event.preventDefault();
|
@@ -75,6 +81,7 @@ const InputRangeSlider = memo(
|
|
75
81
|
setMaxValue(newMaxVal);
|
76
82
|
}
|
77
83
|
onChangeValue == null ? void 0 : onChangeValue({ min: minValue, max: newMaxVal });
|
84
|
+
onChange == null ? void 0 : onChange(event);
|
78
85
|
};
|
79
86
|
const minPos = (minValue - min) / (max - min) * DEFAULT_WIDTH;
|
80
87
|
const maxPos = (maxValue - min) / (max - min) * DEFAULT_WIDTH;
|
@@ -94,8 +101,10 @@ const InputRangeSlider = memo(
|
|
94
101
|
{
|
95
102
|
...inputProps,
|
96
103
|
className: classNames(cls.input, {
|
97
|
-
[cls["equal-value"]]: isEqualValue
|
104
|
+
[cls["equal-value"]]: isEqualValue,
|
105
|
+
[cls["is-double-range"]]: !isSingleSlider
|
98
106
|
}),
|
107
|
+
disabled: disabled2,
|
99
108
|
value: minValue,
|
100
109
|
onChange: handleMinChange
|
101
110
|
}
|
@@ -104,7 +113,10 @@ const InputRangeSlider = memo(
|
|
104
113
|
"input",
|
105
114
|
{
|
106
115
|
...inputProps,
|
107
|
-
className: cls.input,
|
116
|
+
className: classNames(cls.input, {
|
117
|
+
[cls["is-double-range"]]: !isSingleSlider
|
118
|
+
}),
|
119
|
+
disabled: disabled2,
|
108
120
|
value: maxValue,
|
109
121
|
onChange: handleMaxChange
|
110
122
|
}
|
@@ -121,7 +133,9 @@ const InputRangeSlider = memo(
|
|
121
133
|
const leftControl = /* @__PURE__ */ jsx(
|
122
134
|
"div",
|
123
135
|
{
|
124
|
-
className: classNames(cls.control
|
136
|
+
className: classNames(cls.control, {
|
137
|
+
[cls.disabled]: disabled2
|
138
|
+
}),
|
125
139
|
style: {
|
126
140
|
left: `${minPos}%`
|
127
141
|
}
|
@@ -130,7 +144,9 @@ const InputRangeSlider = memo(
|
|
130
144
|
const rightControl = /* @__PURE__ */ jsx(
|
131
145
|
"div",
|
132
146
|
{
|
133
|
-
className: classNames(cls.control
|
147
|
+
className: classNames(cls.control, {
|
148
|
+
[cls.disabled]: disabled2
|
149
|
+
}),
|
134
150
|
style: {
|
135
151
|
left: `${maxPos}%`
|
136
152
|
}
|
@@ -192,8 +208,8 @@ const InputRangeSlider = memo(
|
|
192
208
|
!!maxDescription && /* @__PURE__ */ jsx("div", { className: maxClassName, children: maxDescription })
|
193
209
|
] }),
|
194
210
|
/* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
|
195
|
-
/* @__PURE__ */ jsx("div", { className: cls["
|
196
|
-
/* @__PURE__ */ jsx("div", { className: cls["
|
211
|
+
/* @__PURE__ */ jsx("div", { className: cls["control-wrapper"], children: renderControls() }),
|
212
|
+
/* @__PURE__ */ jsx("div", { className: cls["input-wrapper"], children: renderInputs() })
|
197
213
|
] })
|
198
214
|
] });
|
199
215
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
2
|
-
import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-
|
2
|
+
import { K, w, a, z as z$1, U, b as l, T, j as j$1, u as u$1, I, G, p } from "../../label-P7Xsi5N7.js";
|
3
3
|
import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
|
4
4
|
import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
|
5
5
|
import { u } from "../../use-by-comparator-BUO78DGe.js";
|
@@ -11,7 +11,7 @@ import * as ReactDOM from "react-dom";
|
|
11
11
|
import { flushSync, createPortal } from "react-dom";
|
12
12
|
import { w } from "../../use-active-press-B6yeSopF.js";
|
13
13
|
import { u as u$4 } from "../../use-by-comparator-BUO78DGe.js";
|
14
|
-
import { K, a as a$5,
|
14
|
+
import { K, a as a$5, b as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-P7Xsi5N7.js";
|
15
15
|
import { A, h as h$1, f as f$6, _ } from "../../focus-management-1rQPII7Z.js";
|
16
16
|
import { T as T$2 } from "../../use-resolve-button-type-B6LE6gU3.js";
|
17
17
|
import { c as c$2, i as i$2, u as u$7, V, A as A$1 } from "../../open-closed-CbXq00et.js";
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ComponentProps } from 'react';
|
2
|
+
import { ESkeletonVariant } from '../constants';
|
3
|
+
|
4
|
+
type TProps = ComponentProps<'div'> & {
|
5
|
+
className?: string;
|
6
|
+
width?: string | number;
|
7
|
+
height?: string | number;
|
8
|
+
borderRadius?: string | number;
|
9
|
+
variant?: `${ESkeletonVariant}` | ESkeletonVariant;
|
10
|
+
};
|
11
|
+
export declare const SkeletonBrick: ({ className, width, height, borderRadius, style, variant, ...otherProps }: TProps) => import("react/jsx-runtime").JSX.Element;
|
12
|
+
export {};
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
2
|
+
import { c as classNames } from "../../../index-CweZ_OcN.js";
|
3
|
+
import { ESkeletonVariant } from "../constants.js";
|
4
|
+
import { v as variantCls } from "../../../variant.module-BinTBzAV.js";
|
5
|
+
const SkeletonBrick = ({
|
6
|
+
className,
|
7
|
+
width = "100%",
|
8
|
+
height,
|
9
|
+
borderRadius = "var(--control-radius)",
|
10
|
+
style,
|
11
|
+
variant = ESkeletonVariant.WHITE,
|
12
|
+
...otherProps
|
13
|
+
}) => {
|
14
|
+
return /* @__PURE__ */ jsx(
|
15
|
+
"div",
|
16
|
+
{
|
17
|
+
...otherProps,
|
18
|
+
className: classNames(
|
19
|
+
variantCls.skeleton,
|
20
|
+
variantCls[variant],
|
21
|
+
className
|
22
|
+
),
|
23
|
+
style: {
|
24
|
+
...style,
|
25
|
+
width,
|
26
|
+
height,
|
27
|
+
borderRadius
|
28
|
+
}
|
29
|
+
}
|
30
|
+
);
|
31
|
+
};
|
32
|
+
export {
|
33
|
+
SkeletonBrick
|
34
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ESkeletonVariant } from '../constants';
|
2
|
+
|
3
|
+
type TProps = {
|
4
|
+
className?: string;
|
5
|
+
size: number | string;
|
6
|
+
variant?: `${ESkeletonVariant}` | ESkeletonVariant;
|
7
|
+
};
|
8
|
+
export declare const SkeletonCircle: ({ className, variant, size }: TProps) => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
2
|
+
import { c as classNames } from "../../../index-CweZ_OcN.js";
|
3
|
+
import { ESkeletonVariant } from "../constants.js";
|
4
|
+
import { v as variantCls } from "../../../variant.module-BinTBzAV.js";
|
5
|
+
import '../../../assets/SkeletonCircle.css';const cls = {
|
6
|
+
"skeleton-circle": "_skeleton-circle_kxuh3_2"
|
7
|
+
};
|
8
|
+
const SkeletonCircle = ({
|
9
|
+
className,
|
10
|
+
variant = ESkeletonVariant.WHITE,
|
11
|
+
size
|
12
|
+
}) => {
|
13
|
+
return /* @__PURE__ */ jsx(
|
14
|
+
"div",
|
15
|
+
{
|
16
|
+
className: classNames(
|
17
|
+
cls["skeleton-circle"],
|
18
|
+
variantCls.skeleton,
|
19
|
+
variantCls[variant],
|
20
|
+
className
|
21
|
+
),
|
22
|
+
style: {
|
23
|
+
width: size,
|
24
|
+
height: size
|
25
|
+
}
|
26
|
+
}
|
27
|
+
);
|
28
|
+
};
|
29
|
+
export {
|
30
|
+
SkeletonCircle
|
31
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { ESkeletonVariant } from '../constants';
|
2
|
+
|
3
|
+
interface Props {
|
4
|
+
className?: string;
|
5
|
+
rows?: number;
|
6
|
+
variant?: `${ESkeletonVariant}` | ESkeletonVariant;
|
7
|
+
height?: string | number;
|
8
|
+
}
|
9
|
+
export declare const SkeletonText: import('react').MemoExoticComponent<({ rows, height, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
|
10
|
+
export {};
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
2
|
+
import { c as classNames } from "../../../index-CweZ_OcN.js";
|
3
|
+
import { memo } from "react";
|
4
|
+
import { ESkeletonVariant } from "../constants.js";
|
5
|
+
import { SkeletonBrick } from "../SkeletonBrick/SkeletonBrick.js";
|
6
|
+
import '../../../assets/SkeletonText.css';const row = "_row_gjcuz_9";
|
7
|
+
const cls = {
|
8
|
+
"skeleton-text": "_skeleton-text_gjcuz_2",
|
9
|
+
row
|
10
|
+
};
|
11
|
+
const getRowWidth = (index, total) => {
|
12
|
+
if (index === total - 1) {
|
13
|
+
return "50%";
|
14
|
+
}
|
15
|
+
switch (index % 3) {
|
16
|
+
case 0:
|
17
|
+
return "100%";
|
18
|
+
case 1:
|
19
|
+
return "85%";
|
20
|
+
case 2:
|
21
|
+
return "93%";
|
22
|
+
default:
|
23
|
+
return "100%";
|
24
|
+
}
|
25
|
+
};
|
26
|
+
const SkeletonText = memo(
|
27
|
+
({
|
28
|
+
rows = 1,
|
29
|
+
height = 20,
|
30
|
+
variant = ESkeletonVariant.WHITE,
|
31
|
+
...props
|
32
|
+
}) => {
|
33
|
+
const { className } = props;
|
34
|
+
return /* @__PURE__ */ jsx("div", { className: classNames(cls["skeleton-text"], className), children: new Array(rows).fill(null).map((_, i) => {
|
35
|
+
return /* @__PURE__ */ jsx("div", { className: cls.row, children: /* @__PURE__ */ jsx(
|
36
|
+
SkeletonBrick,
|
37
|
+
{
|
38
|
+
variant,
|
39
|
+
height,
|
40
|
+
width: getRowWidth(i, rows),
|
41
|
+
style: { animationDelay: `${i * 0.125}s` }
|
42
|
+
}
|
43
|
+
) }, i);
|
44
|
+
}) }, rows);
|
45
|
+
}
|
46
|
+
);
|
47
|
+
export {
|
48
|
+
SkeletonText
|
49
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
var ESkeletonVariant = /* @__PURE__ */ ((ESkeletonVariant2) => {
|
2
|
+
ESkeletonVariant2["WHITE"] = "white";
|
3
|
+
ESkeletonVariant2["DARK_GRAY"] = "dark-gray";
|
4
|
+
ESkeletonVariant2["BLACK"] = "black";
|
5
|
+
return ESkeletonVariant2;
|
6
|
+
})(ESkeletonVariant || {});
|
7
|
+
export {
|
8
|
+
ESkeletonVariant
|
9
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { SkeletonBrick } from "./SkeletonBrick/SkeletonBrick.js";
|
2
|
+
import { SkeletonText } from "./SkeletonText/SkeletonText.js";
|
3
|
+
import { SkeletonCircle } from "./SkeletonCircle/SkeletonCircle.js";
|
4
|
+
export {
|
5
|
+
SkeletonBrick,
|
6
|
+
SkeletonCircle,
|
7
|
+
SkeletonText
|
8
|
+
};
|
@@ -1,5 +1,6 @@
|
|
1
|
+
import { SwiperProps } from 'swiper/react';
|
1
2
|
|
2
|
-
type TProps = {
|
3
|
+
type TProps = SwiperProps & {
|
3
4
|
/**
|
4
5
|
* Задержка перехода между слайдами
|
5
6
|
*/
|
@@ -30,5 +31,5 @@ type TProps = {
|
|
30
31
|
/**
|
31
32
|
* Компонент слайдера c прогресс баром.
|
32
33
|
*/
|
33
|
-
export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay }: TProps) => import("react/jsx-runtime").JSX.Element;
|
34
|
+
export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay, ...props }: TProps) => import("react/jsx-runtime").JSX.Element;
|
34
35
|
export {};
|
@@ -318,12 +318,14 @@ const cls = {
|
|
318
318
|
slides,
|
319
319
|
separator
|
320
320
|
};
|
321
|
+
const DEFAULT_DELAY = 15e3;
|
321
322
|
const Slider = ({
|
322
323
|
images,
|
323
324
|
swiperClassName,
|
324
325
|
slideClassName,
|
325
326
|
imageClassName,
|
326
|
-
delay =
|
327
|
+
delay = DEFAULT_DELAY,
|
328
|
+
...props
|
327
329
|
}) => {
|
328
330
|
const progressBar = useRef(null);
|
329
331
|
const swiperRef = useRef(null);
|
@@ -349,10 +351,10 @@ const Slider = ({
|
|
349
351
|
return /* @__PURE__ */ jsxs(
|
350
352
|
Swiper,
|
351
353
|
{
|
354
|
+
...props,
|
352
355
|
ref: swiperRef,
|
353
356
|
className: classNames(cls.swiper, swiperClassName),
|
354
357
|
loop: true,
|
355
|
-
centeredSlides: true,
|
356
358
|
autoplay: {
|
357
359
|
delay,
|
358
360
|
disableOnInteraction: false
|
@@ -0,0 +1,118 @@
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
+
import { H as H$1 } from "../../field-bS4z9Sdl.js";
|
3
|
+
import { K, w, z, U, u, a, b as l, T, I, G, j, p as p$1 } from "../../label-P7Xsi5N7.js";
|
4
|
+
import { W, H, y, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, c as o$1 } from "../../keyboard-B256ZoM-.js";
|
5
|
+
import React__default, { createContext, useState, useMemo, useId, useContext, useRef, useCallback, Fragment, forwardRef } from "react";
|
6
|
+
import { w as w$1 } from "../../use-active-press-B6yeSopF.js";
|
7
|
+
import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
|
8
|
+
import { r } from "../../bugs-CSBdWk0R.js";
|
9
|
+
import { c as classNames } from "../../index-CweZ_OcN.js";
|
10
|
+
import { ELabelPositions } from "./constants.js";
|
11
|
+
import '../../assets/Switcher.css';let S = createContext(null);
|
12
|
+
S.displayName = "GroupContext";
|
13
|
+
let _e = Fragment;
|
14
|
+
function Pe(n) {
|
15
|
+
var a2;
|
16
|
+
let [o2, p2] = useState(null), [f, b] = z(), [h, t] = U(), c = useMemo(() => ({ switch: o2, setSwitch: p2 }), [o2, p2]), T2 = {}, y2 = n;
|
17
|
+
return React__default.createElement(t, { name: "Switch.Description", value: h }, React__default.createElement(b, { name: "Switch.Label", value: f, props: { htmlFor: (a2 = c.switch) == null ? void 0 : a2.id, onClick(u2) {
|
18
|
+
o2 && (u2.currentTarget instanceof HTMLLabelElement && u2.preventDefault(), o2.click(), o2.focus({ preventScroll: true }));
|
19
|
+
} } }, React__default.createElement(S.Provider, { value: c }, H({ ourProps: T2, theirProps: y2, slot: {}, defaultTag: _e, name: "Switch.Group" }))));
|
20
|
+
}
|
21
|
+
let Ee = "button";
|
22
|
+
function De(n, o$2) {
|
23
|
+
var C;
|
24
|
+
let p$2 = useId(), f = u(), b = a(), { id: h = f || `headlessui-switch-${p$2}`, disabled: t = b || false, checked: c, defaultChecked: T$2, onChange: y$1, name: a$1, value: u$1, form: F, autoFocus: d = false, ...k } = n, w2 = useContext(S), _ = useRef(null), H$12 = y(_, o$2, w2 === null ? null : w2.setSwitch), l$1 = l(T$2), [s, r$1] = T(c, y$1, l$1 != null ? l$1 : false), M = p(), [P, E] = useState(false), D$1 = o(() => {
|
25
|
+
E(true), r$1 == null || r$1(!s), M.nextFrame(() => {
|
26
|
+
E(false);
|
27
|
+
});
|
28
|
+
}), U2 = o((e) => {
|
29
|
+
if (r(e.currentTarget)) return e.preventDefault();
|
30
|
+
e.preventDefault(), D$1();
|
31
|
+
}), I$1 = o((e) => {
|
32
|
+
e.key === o$1.Space ? (e.preventDefault(), D$1()) : e.key === o$1.Enter && p$1(e.currentTarget);
|
33
|
+
}), B = o((e) => e.preventDefault()), K2 = I(), W2 = G(), { isFocusVisible: g, focusProps: O } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: d }), { isHovered: v, hoverProps: N } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: t }), { pressed: x, pressProps: J } = w$1({ disabled: t }), V = useMemo(() => ({ checked: s, disabled: t, hover: v, focus: g, active: x, autofocus: d, changing: P }), [s, v, g, x, t, P, d]), X = D({ id: h, ref: H$12, role: "switch", type: T$1(n, _), tabIndex: n.tabIndex === -1 ? 0 : (C = n.tabIndex) != null ? C : 0, "aria-checked": s, "aria-labelledby": K2, "aria-describedby": W2, disabled: t || void 0, autoFocus: d, onClick: U2, onKeyUp: I$1, onKeyPress: B }, O, N, J), j$1 = useCallback(() => {
|
34
|
+
if (l$1 !== void 0) return r$1 == null ? void 0 : r$1(l$1);
|
35
|
+
}, [r$1, l$1]);
|
36
|
+
return React__default.createElement(React__default.Fragment, null, a$1 != null && React__default.createElement(j, { disabled: t, data: { [a$1]: u$1 || "on" }, overrides: { type: "checkbox", checked: s }, form: F, onReset: j$1 }), H({ ourProps: X, theirProps: k, slot: V, defaultTag: Ee, name: "Switch" }));
|
37
|
+
}
|
38
|
+
let ge = W(De), ve = Pe, xe = K, Ce = w, qe = Object.assign(ge, { Group: ve, Label: xe, Description: Ce });
|
39
|
+
const left = "_left_199uu_14";
|
40
|
+
const right = "_right_199uu_17";
|
41
|
+
const label = "_label_199uu_21";
|
42
|
+
const switcher = "_switcher_199uu_2";
|
43
|
+
const cls = {
|
44
|
+
"switcher-wrapper": "_switcher-wrapper_199uu_2",
|
45
|
+
left,
|
46
|
+
right,
|
47
|
+
label,
|
48
|
+
switcher,
|
49
|
+
"switcher-checked": "_switcher-checked_199uu_45",
|
50
|
+
"switcher-thumb": "_switcher-thumb_199uu_55",
|
51
|
+
"switcher-checked-thumb": "_switcher-checked-thumb_199uu_65"
|
52
|
+
};
|
53
|
+
const Switcher = forwardRef(
|
54
|
+
({
|
55
|
+
id,
|
56
|
+
label: label2,
|
57
|
+
hasLabel = false,
|
58
|
+
labelPosition = ELabelPositions.LEFT,
|
59
|
+
className,
|
60
|
+
labelClassName,
|
61
|
+
switcherThumbClassName,
|
62
|
+
wrapperClassName,
|
63
|
+
children,
|
64
|
+
checked,
|
65
|
+
...props
|
66
|
+
}, ref) => {
|
67
|
+
const renderChildren = (bag) => {
|
68
|
+
if (typeof children === "function") {
|
69
|
+
return children({ ...bag, checked });
|
70
|
+
} else {
|
71
|
+
return children;
|
72
|
+
}
|
73
|
+
};
|
74
|
+
return /* @__PURE__ */ jsxs(
|
75
|
+
H$1,
|
76
|
+
{
|
77
|
+
className: classNames(
|
78
|
+
cls["switcher-wrapper"],
|
79
|
+
wrapperClassName,
|
80
|
+
cls[labelPosition]
|
81
|
+
),
|
82
|
+
children: [
|
83
|
+
label2 && hasLabel && /* @__PURE__ */ jsx(K, { className: classNames(cls.label, labelClassName), htmlFor: id, children: label2 }),
|
84
|
+
/* @__PURE__ */ jsxs(
|
85
|
+
qe,
|
86
|
+
{
|
87
|
+
...props,
|
88
|
+
id,
|
89
|
+
ref,
|
90
|
+
className: classNames(cls.switcher, className, {
|
91
|
+
[cls["switcher-checked"]]: checked
|
92
|
+
}),
|
93
|
+
children: [
|
94
|
+
renderChildren({ checked }),
|
95
|
+
/* @__PURE__ */ jsx(
|
96
|
+
"span",
|
97
|
+
{
|
98
|
+
"aria-hidden": "true",
|
99
|
+
className: classNames(
|
100
|
+
cls["switcher-thumb"],
|
101
|
+
switcherThumbClassName,
|
102
|
+
{
|
103
|
+
[cls["switcher-checked-thumb"]]: checked
|
104
|
+
}
|
105
|
+
)
|
106
|
+
}
|
107
|
+
)
|
108
|
+
]
|
109
|
+
}
|
110
|
+
)
|
111
|
+
]
|
112
|
+
}
|
113
|
+
);
|
114
|
+
}
|
115
|
+
);
|
116
|
+
export {
|
117
|
+
Switcher
|
118
|
+
};
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { SwitchProps } from '@headlessui/react';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
import { ELabelPositions } from './constants';
|
4
|
+
|
5
|
+
export type SwitchRenderPropArg = {
|
6
|
+
checked?: boolean;
|
7
|
+
hover?: boolean;
|
8
|
+
focus?: boolean;
|
9
|
+
active?: boolean;
|
10
|
+
autofocus?: boolean;
|
11
|
+
changing?: boolean;
|
12
|
+
disabled?: boolean;
|
13
|
+
};
|
14
|
+
type TLabelProps = {
|
15
|
+
hasLabel: true;
|
16
|
+
label: ReactNode;
|
17
|
+
labelClassName?: string;
|
18
|
+
labelPosition?: ELabelPositions | `${ELabelPositions}`;
|
19
|
+
} | {
|
20
|
+
hasLabel: false;
|
21
|
+
label?: never;
|
22
|
+
labelClassName?: never;
|
23
|
+
labelPosition?: never;
|
24
|
+
};
|
25
|
+
export type TProps = SwitchProps & TLabelProps & {
|
26
|
+
className?: string;
|
27
|
+
switcherThumbClassName?: string;
|
28
|
+
wrapperClassName?: string;
|
29
|
+
};
|
30
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TSwitcherProps } from '../Switcher';
|
3
|
+
|
4
|
+
type TProps = TSwitcherProps & {
|
5
|
+
leftIcon: ReactNode;
|
6
|
+
rightIcon: ReactNode;
|
7
|
+
className?: string;
|
8
|
+
};
|
9
|
+
export declare const TwinSwitcher: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLButtonElement>>;
|
10
|
+
export {};
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
+
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
|
+
import { forwardRef } from "react";
|
4
|
+
import { Switcher } from "../Switcher/Switcher.js";
|
5
|
+
import '../../assets/TwinSwitcher.css';const icon = "_icon_3802f_28";
|
6
|
+
const cls = {
|
7
|
+
"twin-switcher": "_twin-switcher_3802f_2",
|
8
|
+
"twin-switcher-checked": "_twin-switcher-checked_3802f_16",
|
9
|
+
"twin-switcher-thumb": "_twin-switcher-thumb_3802f_25",
|
10
|
+
"twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_3802f_25",
|
11
|
+
icon,
|
12
|
+
"left-icon": "_left-icon_3802f_41",
|
13
|
+
"right-icon": "_right-icon_3802f_44"
|
14
|
+
};
|
15
|
+
const TwinSwitcher = forwardRef(
|
16
|
+
({
|
17
|
+
id,
|
18
|
+
checked,
|
19
|
+
leftIcon,
|
20
|
+
rightIcon,
|
21
|
+
disabled = false,
|
22
|
+
className,
|
23
|
+
...props
|
24
|
+
}, ref) => {
|
25
|
+
return /* @__PURE__ */ jsxs(
|
26
|
+
Switcher,
|
27
|
+
{
|
28
|
+
...props,
|
29
|
+
id: `twin-switcher-${id}`,
|
30
|
+
ref,
|
31
|
+
checked,
|
32
|
+
disabled,
|
33
|
+
className: classNames(cls["twin-switcher"], className, {
|
34
|
+
[cls["twin-switcher-checked"]]: checked
|
35
|
+
}),
|
36
|
+
switcherThumbClassName: classNames(cls["twin-switcher-thumb"], {
|
37
|
+
[cls["twin-switcher-checked-thumb"]]: checked
|
38
|
+
}),
|
39
|
+
children: [
|
40
|
+
/* @__PURE__ */ jsx(
|
41
|
+
"span",
|
42
|
+
{
|
43
|
+
className: classNames(cls.icon, cls["left-icon"], {
|
44
|
+
[cls["icon-visible"]]: !checked
|
45
|
+
}),
|
46
|
+
children: leftIcon
|
47
|
+
}
|
48
|
+
),
|
49
|
+
/* @__PURE__ */ jsx(
|
50
|
+
"span",
|
51
|
+
{
|
52
|
+
className: classNames(cls.icon, cls["right-icon"], {
|
53
|
+
[cls["icon-visible"]]: checked
|
54
|
+
}),
|
55
|
+
children: rightIcon
|
56
|
+
}
|
57
|
+
)
|
58
|
+
]
|
59
|
+
}
|
60
|
+
);
|
61
|
+
}
|
62
|
+
);
|
63
|
+
export {
|
64
|
+
TwinSwitcher
|
65
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { TwinSwitcher } from './TwinSwitcher';
|
@@ -49,3 +49,7 @@ export type { TInputRangeSliderProps } from './InputRangeSlider';
|
|
49
49
|
export { GosZnak } from './GosZnak';
|
50
50
|
export { EGosZnakSize, EGosZnakType } from './GosZnak';
|
51
51
|
export type { TGosZnakProps } from './GosZnak';
|
52
|
+
export { Switcher } from './Switcher';
|
53
|
+
export { ELabelPositions } from './Switcher';
|
54
|
+
export type { TSwitcherProps } from './Switcher';
|
55
|
+
export { TwinSwitcher } from './TwinSwitcher';
|
package/dist/components/index.js
CHANGED
@@ -49,6 +49,9 @@ import { InputRangeSlider } from "./InputRangeSlider/InputRangeSlider.js";
|
|
49
49
|
import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from "./InputRangeSlider/constants.js";
|
50
50
|
import { GosZnak } from "./GosZnak/GosZnak.js";
|
51
51
|
import { EGosZnakSize, EGosZnakType } from "./GosZnak/constants.js";
|
52
|
+
import { Switcher } from "./Switcher/Switcher.js";
|
53
|
+
import { ELabelPositions } from "./Switcher/constants.js";
|
54
|
+
import { TwinSwitcher } from "./TwinSwitcher/TwinSwitcher.js";
|
52
55
|
export {
|
53
56
|
Accordion,
|
54
57
|
AccordionItem,
|
@@ -73,6 +76,7 @@ export {
|
|
73
76
|
EInputRangeSliderPositions,
|
74
77
|
EInputSize,
|
75
78
|
EInputVariant,
|
79
|
+
ELabelPositions,
|
76
80
|
ELinkSize,
|
77
81
|
ELinkVariant,
|
78
82
|
EMergedButtonVariantRound,
|
@@ -103,11 +107,13 @@ export {
|
|
103
107
|
SelectSearch,
|
104
108
|
Slider,
|
105
109
|
Steps,
|
110
|
+
Switcher,
|
106
111
|
TabTrail,
|
107
112
|
Tag,
|
108
113
|
TextArea,
|
109
114
|
Timer,
|
110
115
|
ToastProvider,
|
116
|
+
TwinSwitcher,
|
111
117
|
UniversalUploader,
|
112
118
|
Uploader,
|
113
119
|
UploaderPhotos,
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React__default, { useId, useMemo } from "react";
|
2
|
+
import { z, U, a, l, f, W as W$1 } from "./label-P7Xsi5N7.js";
|
3
|
+
import { W, H as H$1 } from "./keyboard-B256ZoM-.js";
|
4
|
+
let A = "div";
|
5
|
+
function L(d, l$1) {
|
6
|
+
let t = `headlessui-control-${useId()}`, [s, p] = z(), [n, a$1] = U(), m = a(), { disabled: e = m || false, ...o } = d, i = useMemo(() => ({ disabled: e }), [e]);
|
7
|
+
return React__default.createElement(l, { value: e }, React__default.createElement(p, { value: s }, React__default.createElement(a$1, { value: n }, React__default.createElement(f, { id: t }, H$1({ ourProps: { ref: l$1, disabled: e || void 0, "aria-disabled": e || void 0 }, theirProps: { ...o, children: React__default.createElement(W$1, null, typeof o.children == "function" ? o.children(i) : o.children) }, slot: i, defaultTag: A, name: "Field" })))));
|
8
|
+
}
|
9
|
+
let H = W(L);
|
10
|
+
export {
|
11
|
+
H
|
12
|
+
};
|
package/dist/index.js
CHANGED
@@ -49,6 +49,9 @@ import { InputRangeSlider } from "./components/InputRangeSlider/InputRangeSlider
|
|
49
49
|
import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from "./components/InputRangeSlider/constants.js";
|
50
50
|
import { GosZnak } from "./components/GosZnak/GosZnak.js";
|
51
51
|
import { EGosZnakSize, EGosZnakType } from "./components/GosZnak/constants.js";
|
52
|
+
import { Switcher } from "./components/Switcher/Switcher.js";
|
53
|
+
import { ELabelPositions } from "./components/Switcher/constants.js";
|
54
|
+
import { TwinSwitcher } from "./components/TwinSwitcher/TwinSwitcher.js";
|
52
55
|
import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
|
53
56
|
import { EMediaQuery, EMinMediaQuery } from "./hooks/useMediaQuery/constants.js";
|
54
57
|
import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
|
@@ -84,6 +87,7 @@ import './assets/index.css';export {
|
|
84
87
|
EInputRangeSliderPositions,
|
85
88
|
EInputSize,
|
86
89
|
EInputVariant,
|
90
|
+
ELabelPositions,
|
87
91
|
ELinkSize,
|
88
92
|
ELinkVariant,
|
89
93
|
EMediaQuery,
|
@@ -117,11 +121,13 @@ import './assets/index.css';export {
|
|
117
121
|
SelectSearch,
|
118
122
|
Slider,
|
119
123
|
Steps,
|
124
|
+
Switcher,
|
120
125
|
TabTrail,
|
121
126
|
Tag,
|
122
127
|
TextArea,
|
123
128
|
Timer,
|
124
129
|
ToastProvider,
|
130
|
+
TwinSwitcher,
|
125
131
|
UniversalUploader,
|
126
132
|
Uploader,
|
127
133
|
UploaderPhotos,
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import './assets/variant.css';const skeleton = "_skeleton_c8ueu_53";
|
2
|
+
const white = "_white_c8ueu_57";
|
3
|
+
const black = "_black_c8ueu_61";
|
4
|
+
const variantCls = {
|
5
|
+
skeleton,
|
6
|
+
white,
|
7
|
+
"wave-white": "_wave-white_c8ueu_1",
|
8
|
+
black,
|
9
|
+
"wave-black": "_wave-black_c8ueu_1",
|
10
|
+
"dark-gray": "_dark-gray_c8ueu_65",
|
11
|
+
"wave-dark-gray": "_wave-dark-gray_c8ueu_1"
|
12
|
+
};
|
13
|
+
export {
|
14
|
+
variantCls as v
|
15
|
+
};
|