mimir-ui-kit 1.13.1 → 1.13.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/components/Accordion/Accordion.js +2 -2
- package/dist/components/Accordion/constants.d.ts +4 -0
- package/dist/components/Accordion/constants.js +6 -0
- package/dist/components/RadioGroup/RadioGroup.js +8 -8
- package/dist/components/TabTrail/TabButtons/TabButtons.js +6 -4
- package/dist/components/TabTrail/TabButtons/constants.d.ts +4 -0
- package/dist/components/TabTrail/TabButtons/constants.js +8 -0
- package/dist/components/TabTrail/TabTrail.js +2 -1
- package/package.json +1 -1
@@ -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;--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-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-
|
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;--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-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--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-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--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-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 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}@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}._accordion_18wwx_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_18wwx_2 svg path{fill:var(--white)}._header_18wwx_10{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--font-weight-text-medium);font-family:var(--font-montserrat);text-align:left;border:none;cursor:pointer}._title_18wwx_23{font-size:var(--accordion-text-size)}._title-uppercase_18wwx_26{text-transform:uppercase}._icon_18wwx_30{transition:transform .3s ease-in-out}._icon-container_18wwx_33{display:flex;align-items:center;justify-content:center;min-width:var(--accordion-icon-width);min-height:var(--accordion-icon-height);background-color:var(--black-80);border-radius:50%;transition:background-color .3s ease-in-out}._panel_18wwx_44{margin-top:var(--accordion-panel-space)}._open_18wwx_48{background-color:var(--sapphire-100)}._open_18wwx_48 svg{transform:rotate(-180deg)}._m_18wwx_55{--accordion-space: var(--space-xl);--accordion-text-size: var(--size-text-xl2);--accordion-icon-width: var(--accordion-icon-size-m);--accordion-icon-height: var(--accordion-icon-size-m);--accordion-panel-space: var(--space-xl)}._s_18wwx_63{--accordion-space: var(--space-m);--accordion-text-size: var(--size-text-l);--accordion-icon-width: var(--accordion-icon-size-s);--accordion-icon-height: var(--accordion-icon-size-s);--accordion-panel-space: var(--space-m)}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._group_17dic_3{display:flex;flex-direction:column}._content-wrapper_17dic_8{--radio-disabled: #b2b2b2;--radio-bg-disabled: #e5e5e5;--radio-cursor: pointer;display:inline-flex;flex-direction:column;align-items:flex-start;row-gap:var(--space-xl)}._radio-wrapper_17dic_18{display:inline-flex;align-items:center;font-size:var(--size-text-l);line-height:var(--line-height-text-s1);-moz-column-gap:var(--space-xs);column-gap:var(--space-xs);cursor:var(--radio-cursor);--radio-bg-color: var(--sapphire-20)}._radio-wrapper_17dic_18 ._radio_17dic_18{position:relative;display:grid;width:24px;height:24px;background-color:var(--radio-bg-color);border-radius:50%;transition:all .2s ease;align-items:center;justify-items:center;place-items:center}._radio-wrapper_17dic_18 ._radio_17dic_18:hover{--radio-bg-color: var(--sapphire-40)}._radio-wrapper_17dic_18 ._radio_17dic_18._disabled_17dic_40:hover{--radio-cursor: not-allowed;--radio-bg-color: var(--radio-bg-disabled)}._radio-wrapper_17dic_18:hover{--radio-bg-color: var(--sapphire-40)}._radio-wrapper_17dic_18:focus-within ._radio_17dic_18{box-shadow:var(--box-shadow-focus)}._label_17dic_51{font-size:var(--size-text-l);line-height:var(--line-height-text-s1)}._label_17dic_51:not(:last-child){margin-bottom:calc(var(--space-xl) + var(--space-3xs))}@media (max-width: 768px){._label_17dic_51{font-size:var(--size-text-m)}}._frame_17dic_64{position:absolute;z-index:5;display:block;border:var(--control-radius-s) solid transparent;border-radius:50%;cursor:var(--radio-cursor);top:0;right:0;bottom:0;left:0}._frame_17dic_64._checked_17dic_73{border:3px solid var(--sapphire-100)}._frame_17dic_64._checked_17dic_73._disabled_17dic_40{--radio-cursor: not-allowed;border-color:var(--radio-disabled)}._disabled_17dic_40,._disabled_17dic_40:hover{--radio-cursor: not-allowed;--radio-bg-color: var(--radio-bg-disabled)}._disabled_17dic_40:focus{--radio-cursor: not-allowed;--radio-bg-color: var(--radio-bg-disabled);box-shadow:none}._disabled_17dic_40:focus-within ._radio_17dic_18{--radio-cursor: not-allowed;--radio-bg-color: var(--radio-bg-disabled);box-shadow:none}
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, lazy, Suspense, forwardRef } from "react";
|
4
4
|
import { AccordionItem } from "./AccordionItem/AccordionItem.js";
|
5
|
-
import { EAccordionSize } from "./constants.js";
|
5
|
+
import { EAccordionSize, EAccordionIconSize } from "./constants.js";
|
6
6
|
import { M as M$1, W, y, T, o, a as u$1, H as H$1, I, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
|
7
7
|
import { w } from "../../use-active-press-B6yeSopF.js";
|
8
8
|
import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
|
@@ -1583,7 +1583,7 @@ const Accordion = forwardRef(
|
|
1583
1583
|
children: /* @__PURE__ */ jsx(
|
1584
1584
|
Icon,
|
1585
1585
|
{
|
1586
|
-
iconName: size ===
|
1586
|
+
iconName: size === EAccordionSize.S ? EAccordionIconSize.S : EAccordionIconSize.M,
|
1587
1587
|
className: cls.icon
|
1588
1588
|
}
|
1589
1589
|
)
|
@@ -3,6 +3,12 @@ var EAccordionSize = /* @__PURE__ */ ((EAccordionSize2) => {
|
|
3
3
|
EAccordionSize2["S"] = "s";
|
4
4
|
return EAccordionSize2;
|
5
5
|
})(EAccordionSize || {});
|
6
|
+
var EAccordionIconSize = /* @__PURE__ */ ((EAccordionIconSize2) => {
|
7
|
+
EAccordionIconSize2["M"] = "ArrowDown24px";
|
8
|
+
EAccordionIconSize2["S"] = "ArrowDown16px";
|
9
|
+
return EAccordionIconSize2;
|
10
|
+
})(EAccordionIconSize || {});
|
6
11
|
export {
|
12
|
+
EAccordionIconSize,
|
7
13
|
EAccordionSize
|
8
14
|
};
|
@@ -103,16 +103,16 @@ function we(o$12, t) {
|
|
103
103
|
return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
|
104
104
|
}
|
105
105
|
let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
|
106
|
-
const group = "
|
107
|
-
const radio = "
|
108
|
-
const disabled = "
|
109
|
-
const label = "
|
110
|
-
const frame = "
|
111
|
-
const checked = "
|
106
|
+
const group = "_group_17dic_3";
|
107
|
+
const radio = "_radio_17dic_18";
|
108
|
+
const disabled = "_disabled_17dic_40";
|
109
|
+
const label = "_label_17dic_51";
|
110
|
+
const frame = "_frame_17dic_64";
|
111
|
+
const checked = "_checked_17dic_73";
|
112
112
|
const cls = {
|
113
113
|
group,
|
114
|
-
"content-wrapper": "_content-
|
115
|
-
"radio-wrapper": "_radio-
|
114
|
+
"content-wrapper": "_content-wrapper_17dic_8",
|
115
|
+
"radio-wrapper": "_radio-wrapper_17dic_18",
|
116
116
|
radio,
|
117
117
|
disabled,
|
118
118
|
label,
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { memo, useMemo } from "react";
|
3
|
+
import { ETabTrailButtonVariant } from "./constants.js";
|
4
|
+
import { EAccordionIconSize } from "../../Accordion/constants.js";
|
3
5
|
import { MergedButton } from "../../MergedButton/MergedButton.js";
|
4
6
|
const TabButtons = memo(
|
5
7
|
({ handleNextTab, handlePrevTab }) => {
|
@@ -7,14 +9,14 @@ const TabButtons = memo(
|
|
7
9
|
() => [
|
8
10
|
{
|
9
11
|
isIconButton: true,
|
10
|
-
iconName:
|
11
|
-
variant:
|
12
|
+
iconName: EAccordionIconSize.S,
|
13
|
+
variant: ETabTrailButtonVariant.WHITE,
|
12
14
|
onClick: handlePrevTab
|
13
15
|
},
|
14
16
|
{
|
15
17
|
isIconButton: true,
|
16
|
-
iconName:
|
17
|
-
variant:
|
18
|
+
iconName: EAccordionIconSize.S,
|
19
|
+
variant: ETabTrailButtonVariant.WHITE,
|
18
20
|
onClick: handleNextTab
|
19
21
|
}
|
20
22
|
],
|
@@ -0,0 +1,8 @@
|
|
1
|
+
var ETabTrailButtonVariant = /* @__PURE__ */ ((ETabTrailButtonVariant2) => {
|
2
|
+
ETabTrailButtonVariant2["GRAY"] = "gray";
|
3
|
+
ETabTrailButtonVariant2["WHITE"] = "white";
|
4
|
+
return ETabTrailButtonVariant2;
|
5
|
+
})(ETabTrailButtonVariant || {});
|
6
|
+
export {
|
7
|
+
ETabTrailButtonVariant
|
8
|
+
};
|
@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import * as React from "react";
|
4
4
|
import React__default, { useRef, useState, createContext, useReducer, useMemo, useId, useContext, forwardRef, useEffect } from "react";
|
5
|
+
import { ETabTrailSize } from "./constants.js";
|
5
6
|
import { TabButtons } from "./TabButtons/TabButtons.js";
|
6
7
|
import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
|
7
8
|
import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
|
@@ -219,7 +220,7 @@ const cls = {
|
|
219
220
|
s
|
220
221
|
};
|
221
222
|
const TabTrail = forwardRef(
|
222
|
-
({ categories, size =
|
223
|
+
({ categories, size = ETabTrailSize.M }, ref) => {
|
223
224
|
const [activeIndex, setActiveIndex] = useState(0);
|
224
225
|
const tabListRef = useRef(null);
|
225
226
|
const isTablet = useMediaQuery(EMediaQuery.S);
|