@itcase/ui-web 1.9.102 → 1.9.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar_cjs_DKhJ2uww.js → Avatar_cjs_xThGdOLX.js} +1 -1
- package/dist/{Avatar_es_DM5z3fcT.js → Avatar_es_BsCCcacw.js} +1 -1
- package/dist/{Button_cjs_CT6npnpY.js → Button_cjs_D0UPBIsl.js} +1 -1
- package/dist/{Button_es_DI9lkqsp.js → Button_es_BjsE6L1v.js} +1 -1
- package/dist/{ChipsGroup_cjs_DgaAwQ38.js → ChipsGroup_cjs_Dk7tYi8b.js} +1 -1
- package/dist/{ChipsGroup_es_Du1_y5Ad.js → ChipsGroup_es_ol25tWz9.js} +1 -1
- package/dist/{DatePicker_cjs_Bo2hCzAE.js → DatePicker_cjs_DL2RlUWb.js} +1 -1
- package/dist/{DatePicker_es_B4rUhWX3.js → DatePicker_es_Blt14fUB.js} +1 -1
- package/dist/{Label_cjs_CheBzT1N.js → Label_cjs_vBDgxasn.js} +1 -1
- package/dist/{Label_es_VtgwFFpw.js → Label_es_CwFIYaUE.js} +1 -1
- package/dist/Loader_cjs_D2eU4Cq6.js +1 -0
- package/dist/Loader_es_BpHMMwc0.js +1 -0
- package/dist/{SelectContainer_cjs_CEmmi1Nm.js → SelectContainer_cjs_D9_SCVQg.js} +1 -1
- package/dist/{SelectContainer_es_CKAp558d.js → SelectContainer_es_DDjoF9eR.js} +1 -1
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/AvatarStack.js +1 -1
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Checkmark.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/InputPassword.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarStack.js +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkmark.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Divider.js +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/HeroTitle.js +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/InputPassword.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/css/mixins/mixin_typography.css +1 -1
- package/dist/css/styles/bundles.css +2 -4
- package/dist/primitives_cjs_BphFj-db.js +1 -0
- package/dist/{primitives_es_C--Iga1S.js → primitives_es_BkqjUVO-.js} +1 -1
- package/dist/types/components/Button/Button.appearance.d.ts +9 -9
- package/dist/types/components/Button/appearance/buttonSize.d.ts +5 -5
- package/dist/types/components/Button/appearance/buttonSize.js +5 -5
- package/dist/types/components/Button/appearance/buttonSurface.d.ts +4 -4
- package/dist/types/components/Button/appearance/buttonSurface.js +4 -4
- package/dist/types/components/Loader/Loader.appearance.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.js +5 -0
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +2 -0
- package/dist/types/components/MenuItem/MenuItem.js +4 -4
- package/dist/types/components/Response/Response.constant.d.ts +8 -0
- package/dist/types/components/Response/Response.constant.js +8 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.interface.d.ts +2 -1
- package/dist/types/components/Tooltip/Tooltip.js +2 -2
- package/dist/types/components/Tooltip/stories/TooltipAppearance.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipArrow.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipStyle.stories.d.ts +1 -0
- package/package.json +2 -2
- package/dist/Loader_cjs_CAR5bwl1.js +0 -1
- package/dist/Loader_es_C3TNP44Q.js +0 -1
- package/dist/primitives_cjs_DHu3CIR7.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../primitives_cjs_BphFj-db.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const c={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};function o(c){const{appearance:o,className:d,dataTestId:n,dataTour:b,label:v,badgeValue:u,href:p,link:f,rel:y,target:m,before:x,after:A,isActive:z=!1,isDisabled:C=!1,isSkeleton:S,onClick:g,onMouseEnter:P,children:T}=c,_=a.useAppearanceConfig(o,t,C),D=a.useDevicePropsGenerator(c,_),{rootClasses:h}=a.useActiveClasses({propsGenerator:D,isActive:z,isDisabled:C}),{justifyContentClass:F,alignClass:H,labelTextAlign:j,labelTextColor:w,labelTextColorActive:$,labelTextColorHover:I,labelTextSize:X,labelTextStyle:k,labelTextWeight:B,labelTextWrap:N,badgeAppearance:q,badgeAppearanceSize:L,badgeShape:W,badgeSize:G,badgeTextColor:M,badgeTextSize:Q,dividerFill:V,dividerFillActive:E,dividerFillActiveHover:K,dividerFillDisabled:O,dividerFillHover:J,dividerSize:R,icon:U,iconFill:Y,iconFillIcon:Z,iconFillSize:ee,iconShape:re,iconSize:ie,iconSrc:ae,linkFill:le,shapeClass:se,sizeClass:ce,widthClass:te}=D,{styles:oe}=a.useStyles(c);return e.jsx("div",{className:i("tab",d,h,z&&"tab_state_active",C&&"tab_state_disabled",ce&&`tab_size_${ce}`,se&&`shape_${se}`,te&&`width_${te}`,F&&`tab_justify-content_${F}`,S&&"skeleton",g&&"cursor_type_pointer"),"data-testid":n&&`${n}Tab`,"data-tour":b,style:oe,onClick:g,onMouseEnter:P,children:e.jsxs(s.Link,{className:i("tab__link",!C&&"cursor_type_pointer"),fill:le,href:f||p,rel:y,target:m,children:[x,T||e.jsxs(r.Fragment,{children:[e.jsxs("div",{className:i("tab__wrapper",H&&`align_${H}`),children:[v&&e.jsx(s.Text,{className:"tab__label",size:X,textAlign:j,textColor:w,textColorActive:$,textColorHover:I,textStyle:k,textWeight:B,textWrap:N,isActive:z,isDisabled:C,children:v}),Boolean(u)&&e.jsx(s.Badge,{appearance:l.mergeAppearanceKeys(q,L),size:G,textColor:M,textSize:Q,shape:W,value:u}),(U||ae)&&e.jsx(s.Icon,{className:"tab__icon_after",fill:Y,fillSize:ee,iconFill:Z,iconSize:ie,imageSrc:ae,shape:re,SvgImage:U})]}),e.jsx(s.Divider,{className:"tab__divider",width:"fill",direction:"horizontal",size:R,fill:V,fillActive:E,fillActiveHover:K,fillDisabled:O,fillHover:J,zIndex:"1",isActive:z,isDisabled:C})]}),A]})})}exports.Tab=o,exports.TabGroup=function(l){const{className:s,dataTestId:c,dataTour:t,horizontalScroll:d,style:n,tabAppearance:b,tabList:v,children:u}=l,p=a.useDevicePropsGenerator(l),{directionClass:f,alignClass:y,alignDirectionClass:m,fillClass:x,borderColorClass:A,borderTypeClass:z,borderWidthClass:C,widthClass:S,wrapClass:g}=p,{styles:P,wrapper:T}=a.useStyles(l);return e.jsx("div",{className:i(s,"tab-group","group",S&&`width_${S}`,m&&`align_${m}`,f&&`group_direction_${f}`,y&&`align_${y}`,x&&`fill_${x}`,d&&"group_scroll_horizontal",g&&`group_wrap_${g}`,A&&`border-color_${A}`,C&&`border-width_${C}`,z&&`border_type_${z}`),"data-testid":c,"data-tour":t,style:Object.assign({},P,n),children:d?e.jsxs("div",{className:"tab-group__wrapper",style:T,children:[v?.map(r=>e.jsx(o,{appearance:b,label:r.label,isActive:r.isActive},r.key)),u]}):e.jsxs(r.Fragment,{children:[v?.map(r=>e.jsx(o,{appearance:b,label:r.label,badgeValue:r.badgeValue,icon:r.icon,iconSrc:r.iconSrc,isActive:r.isActive,onClick:r.onClick},r.key)),u]})})},exports.tabAppearance=c,exports.tabConfig=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../primitives_cjs_BphFj-db.js");require("react/jsx-runtime"),require("@rc-component/tooltip"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),exports.Text=e.Text,exports.textAppearance=e.textAppearance,exports.textConfig=e.textConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),a=require("@itcase/ui-core/utils"),t=require("../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),a=require("@itcase/ui-core/utils"),t=require("../../primitives_cjs_BphFj-db.js");require("@rc-component/tooltip"),require("react"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const s={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"32",iconSize:"24"},sizeL:{size:"l",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeM:{size:"m",titleTextSize:"h4",descTextSize:"m",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeS:{size:"s",titleTextSize:"h4",descTextSize:"s",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeXS:{size:"xs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},sizeXXS:{size:"xxs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceSecondary:{fill:"surfaceSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceTertiary:{fill:"surfaceTertiary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"}},c={appearance:s,setAppearance:e=>{c.appearance=e}};exports.Tile=function(s){const{appearance:l,className:o,dataTestId:n,dataTour:d,type:p,title:x,desc:z,badgeValue:u,iconClick:S,before:T,after:h,isSkeleton:C,onClick:f,children:m}=s,y=i.useAppearanceConfig(l,c),g=i.useDevicePropsGenerator(s,y),{directionClass:_,alignClass:b,alignDirectionClass:A,fillClass:P,titleTextAlign:v,titleTextColor:j,titleTextSize:$,titleTextWeight:F,titleTextWrap:N,descTextColor:q,descTextSize:X,descTextWrap:k,borderColorClass:W,borderColorHoverClass:M,borderTypeClass:B,borderWidthClass:w,badgeAppearance:I,badgeAppearanceSize:L,badgeShape:D,badgeSize:Q,badgeTextColor:G,badgeTextSize:H,icon:K,iconAppearance:V,iconFill:E,iconFillIcon:J,iconFillSize:O,iconShape:R,iconSize:U,iconSrc:Y,shapeClass:Z,sizeClass:ee,widthClass:re}=g,{styles:ie}=i.useStyles(s);return e.jsx("div",{className:r("tile",o,P&&`fill_${P}`,Z&&`shape_${Z}`,b&&`align_${b}`,_&&`direction_${_}`,W&&`border-color_${W}`,M&&`border-color_hover_${M}`,w&&`border-width_${w}`,B&&`border_type_${B}`,ee&&`tile_size_${ee}`,p&&`tile_type_${p}`,u&&"tile_state_badge",re&&`width_${re}`,C&&"skeleton"),"data-testid":n,"data-tour":d,style:ie,onClick:f,children:e.jsxs("div",{className:r("tile__wrapper",b,A),children:[T,e.jsxs("div",{className:"tile__header",children:[e.jsxs("div",{className:"tile__header-inner",children:[x&&e.jsx(t.Title,{className:"tile__title",size:$,textAlign:v,textColor:j,textWeight:F,textWrap:N,children:x}),z&&e.jsx(t.Text,{className:"tile__text",size:X,textColor:q,textWrap:k,children:z})]}),e.jsxs("div",{className:"tile__header-actions",children:[u&&e.jsx(t.Badge,{appearance:a.mergeAppearanceKeys(I,L),className:"tile__badge",size:Q,textColor:G,textSize:H,shape:D,value:u}),(K||Y)&&e.jsx(t.Icon,{appearance:V,className:"tile__icon",fill:E,fillSize:O,iconFill:J,iconSize:U,imageSrc:Y,shape:R,SvgImage:K,onClick:S})]})]}),m,h]})})},exports.tileAppearance=s,exports.tileConfig=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../primitives_cjs_BphFj-db.js");require("react/jsx-runtime"),require("@rc-component/tooltip"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),exports.Title=e.Title,exports.titleAppearance=e.titleAppearance,exports.titleConfig=e.titleConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../
|
|
1
|
+
"use strict";var e=require("../../primitives_cjs_BphFj-db.js");require("react/jsx-runtime"),require("@rc-component/tooltip"),require("react"),require("clsx"),require("@itcase/ui-core/hooks"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),exports.Tooltip=e.Tooltip,exports.TooltipWrapper=e.TooltipWrapper,exports.tooltipAppearance=e.tooltipAppearance,exports.tooltipConfig=e.tooltipConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),n=require("../../
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),n=require("../../primitives_cjs_BphFj-db.js"),t=require("../../default_cjs_BMbs2it-.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const c={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},a={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:t.icons16.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:t.icons16.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},l={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},s={...c,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...a,...l,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},d={appearance:s,setAppearance:r=>{d.appearance=r}};exports.Warning=function(t){const{appearance:c,className:a,dataTestId:l,dataTour:s,label:f,description:y,isSkeleton:x,children:u}=t,m=i.useAppearanceConfig(c,d),T=i.useDevicePropsGenerator(t,m),{fillClass:g,labelTextColor:C,labelTextSize:A,labelTextWeight:I,descriptionTextColor:p,descriptionTextSize:B,borderColorClass:S,iconAfter:P,iconAfterFill:b,iconAfterFillIcon:w,iconAfterSize:F,iconAfterSrc:h,iconBefore:z,iconBeforeFill:Q,iconBeforeFillIcon:j,iconBeforeSize:W,iconBeforeSrc:_,shapeClass:q,sizeClass:v}=T,{styles:k}=i.useStyles(t),[M,$]=e.useState(!0);return r.jsx(e.Fragment,{children:M&&r.jsxs("div",{className:o(a,"warning",g&&`fill_${g}`,v&&`warning_size_${v}`,S&&`border-color_${S}`,q&&`shape_${q}`,x&&"skeleton"),"data-testid":l,"data-tour":s,style:k,children:[(z||_)&&r.jsx(n.Icon,{fill:Q,iconFill:j,iconSize:W,imageSrc:_,SvgImage:z}),r.jsxs("div",{className:"warning__content",children:[f&&r.jsx(n.Text,{size:A,textColor:C,textWeight:I,children:f}),y&&r.jsx(n.Text,{size:B,textColor:p,children:y}),u]}),(P||h)&&r.jsx(n.Icon,{fill:b,iconFill:w,iconSize:F,imageSrc:h,SvgImage:P,onClick:()=>$(!1)})]})})},exports.warningAppearance=s,exports.warningConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useCallback as a,useState as t,useMemo as o}from"react";import l from"clsx";import c from"lodash/castArray";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as d}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as p}from"@itcase/ui-core/utils";import{a as m,B as f,I as z,D as x}from"../
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useCallback as a,useState as t,useMemo as o}from"react";import l from"clsx";import c from"lodash/castArray";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as d}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as p}from"@itcase/ui-core/utils";import{a as m,B as f,I as z,D as x}from"../primitives_es_BkqjUVO-.js";import{i as S}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const u={...{sizeXXL:{size:"xxl",titleTextSize:"xxl",badgeAppearanceSize:"sizeXS",contentTextSize:"xxl",icon:S.Arrow.ChevronDown},sizeXL:{size:"xl",titleTextSize:"xl",badgeAppearanceSize:"sizeXS",contentTextSize:"l",icon:S.Arrow.ChevronDown},sizeL:{size:"l",titleTextSize:"l",badgeAppearanceSize:"sizeXS",icon:S.Arrow.ChevronDown},sizeM:{size:"m",titleTextSize:"m",badgeAppearanceSize:"sizeXS",contentTextSize:"m",icon:S.Arrow.ChevronDown},sizeS:{size:"s",titleTextSize:"s",badgeAppearanceSize:"sizeXS",contentTextSize:"s",icon:S.Arrow.ChevronDown},sizeXS:{size:"xs",titleTextSize:"xs",badgeAppearanceSize:"sizeXS",contentTextSize:"xs",icon:S.Arrow.ChevronDown},sizeXXS:{size:"xxs",titleTextSize:"xxs",badgeAppearanceSize:"sizeXS",contentTextSize:"xs",icon:S.Arrow.ChevronDown}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",labelTextColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary",badgeShape:"circular",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary",badgeShape:"circular",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary",badgeShape:"circular",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary",badgeShape:"circular",iconFillIcon:"surfaceItemPrimary"}},h={appearance:u,setAppearance:e=>{h.appearance=e}};function C(r){const{id:t,appearance:o,className:c,title:S,afterContent:u,beforeContent:C,content:_,isExpanded:T,onClick:b,children:g}=r,y=a(()=>{b&&b({id:t,title:S,content:_,isExpanded:!T})},[t,S,_,T,b]),v=n(o,h),A=s(r,v),{fillClass:w,fillHoverClass:P,titleBorderColorClass:$,titleFillClass:I,titleFillHoverClass:X,titleTextColor:F,titleTextSize:N,titleTextWeight:k,titleWidthClass:D,borderColorClass:E,badgeAppearance:H,badgeAppearanceSize:W,badgeShape:j,badgeSize:L,badgeTextColor:Q,badgeTextSize:B,badgeValue:M,contentTextColor:V,contentTextSize:G,contentTextWeight:q,dividerDirection:J,dividerFill:K,dividerSize:O,icon:R,iconFill:U,iconFillIcon:Y,iconFillSize:Z,iconShape:ee,iconSize:ie,iconSrc:re,shapeClass:ae,showDivider:te,sizeClass:oe,zeroGap:le,zeroPadding:ce}=A,{styles:ne}=d(r);return e("div",{className:l("accordion-item",c,ce&&"accordion-item_zero-padding",le&&"accordion-item_zero-gap",E&&`border-color_${E}`,ae&&`shape_${ae}`,oe&&`accordion-item_size_${oe}`,T&&"accordion-item_state_open"),style:ne,children:[e("div",{className:l("accordion-item__header",w&&`fill_${w}`,P&&`fill_hover_${P}`),children:[i(m,{className:l("accordion-item__title",$&&`border-color_${$}`,I&&`fill_${I}`,X&&`fill_hover_${X}`,D&&`width_${D}`,b&&"cursor_type_pointer"),size:N,textColor:F,textWeight:k,onClick:y,children:S}),e("div",{className:"accordion-item__action",children:[M&&i(f,{appearance:p(H,W),className:"accordion-item__badge",size:L,textColor:Q,textSize:B,shape:j,value:M}),(R||re)&&i(z,{className:l("accordion-item__icon"),fill:U,fillSize:Z,iconFill:Y,iconSize:ie,imageSrc:re,shape:ee,SvgImage:R,onClick:y})]}),te&&i(x,{width:"fill",direction:J,size:O,fill:K||"surfaceTertiary"})]}),C,T&&e("div",{className:l("accordion-item__content"),children:[_&&i("div",{className:l("accordion-item__content-inner",w&&`fill_${w}`),children:i(m,{size:G,textColor:V,textWeight:q,children:_})}),g]}),u]})}function _(e){const{appearance:n,className:p,dataTestId:m,dataTour:f,initial:z=[],items:x,isSkeleton:S,isMultiple:u,onClickItem:h,children:_}=e,[T,b]=t(()=>c(z)),g=a(e=>{b(i=>{const r=i.find(i=>i===e.id);return u?r?i.filter(i=>i!==e.id):[...i,e.id]:r?[]:[e.id]}),h&&h(e)},[u,h]),y=o(()=>x?x.map((e,r)=>i(C,{id:e.id,appearance:n,title:e.title,content:e.content,isExpanded:T.includes(e.id),onClick:g},`accordionItem_${e.id||r+1}`)):_?r.Children.toArray(_).map(e=>{if(r.isValidElement(e)){const i=e.props.id||e.key;return r.cloneElement(e,{id:i,isExpanded:T.includes(i),onClick:g})}return e}):[],[x,_,n,T,g]),v=s(e),{fillClass:A,borderColorClass:w,shapeClass:P,widthClass:$}=v,{styles:I}=d(e);return i("div",{className:l(p,"accordion",w&&`border-color_${w}`,A&&`fill_${A}`,P&&`shape_${P}`,$&&`width_${$}`,S&&"skeleton"),"data-testid":m,"data-tour":f,style:I,children:y})}export{_ as Accordion,C as AccordionItem,u as accordionAppearance,h as accordionItemConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as Avatar,a as avatarAppearance,b as avatarConfig}from"../
|
|
1
|
+
export{A as Avatar,a as avatarAppearance,b as avatarConfig}from"../Avatar_es_BsCCcacw.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../Image_es_CA8fSzj-.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import t from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as i,useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{A as o}from"../
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import t from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as i,useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{A as o}from"../Avatar_es_BsCCcacw.js";import{G as m}from"../Group_es_DIuSNHx3.js";import{a as p}from"../primitives_es_BkqjUVO-.js";import"react";import"../Image_es_CA8fSzj-.js";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";const n={appearance:{size16:{size:"16"},size20:{size:"20"},size24:{size:"24"},size32:{size:"32"},size40:{size:"40"},size56:{size:"56"}},setAppearance:e=>{n.appearance=e}};function l(l){const{appearance:z,className:_,direction:h="horizontal",avatarAppearance:f,avatarsList:u,length:v=3,isSkeleton:x}=l,d=s(z,n),g=i(l,d),{size:k}=g,{styles:N}=r(l);return u.length&&e("div",{className:t(_,"avatar-stack",h&&`group_direction_${h}`,k&&`avatar-stack_size_${k}`,x&&"skeleton"),style:N,children:[u.slice(0,v).map(e=>a(o,{appearance:c(f,`size${k}`),className:"avatar-stack__item",src:e.src,textSize:"l",firstName:e.firstName,secondName:e.lastName,shape:"circular"},e.id)),u.length>v&&a(m,{className:"avatar-stack__item avatar-stack__item-text",width:`${k}px`,height:`${k}px`,fill:"surfaceSecondary",children:e(p,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",u.length-v]})})]})}export{l as AvatarStack};
|
package/dist/components/Badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge,h as badgeAppearance,i as badgeConfig}from"../
|
|
1
|
+
export{B as Badge,h as badgeAppearance,i as badgeConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as l,useStyles as t}from"@itcase/ui-core/hooks";import{L as s,a as c,I as n}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as l,useStyles as t}from"@itcase/ui-core/hooks";import{L as s,a as c,I as n}from"../primitives_es_BkqjUVO-.js";import{e as m,b as d,i as u,f,a as b}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const x={...{sizeXXL:{size:"xxl",labelTextSize:"xxl",icon:b.Arrow.ChevronRightSmall},sizeXL:{size:"xl",labelTextSize:"xl",icon:b.Arrow.ChevronRightSmall},sizeL:{size:"l",labelTextSize:"l",icon:f.Arrow.ChevronRightSmall},sizeM:{size:"m",labelTextSize:"l",icon:u.Arrow.ChevronRightSmall},sizeS:{size:"s",labelTextSize:"m",icon:u.Arrow.ChevronRightSmall},sizeXS:{size:"xs",labelTextSize:"s",icon:d.Arrow.ChevronRightSmall},sizeXXS:{size:"xxs",labelTextSize:"xs",icon:m.Arrow.ChevronRightSmall}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconFillIcon:"accentItemPrimary"},surfacePrimary:{fill:"surfacePrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconFillIcon:"surfaceItemPrimary"}},p={appearance:x,setAppearance:e=>{p.appearance=e}};function C(i){const{appearance:m,className:d,dataTestId:u,dataTour:f,href:b,isActive:x,isSkeleton:C,onClick:S,children:h}=i,y=o(m,p),z=l(i,y),{fillClass:_,labelTextColor:T,labelTextColorHover:v,labelTextSize:I,borderColorClass:P,text:g,cursor:A,icon:k,iconFill:w,iconFillIcon:F,iconFillSize:$,iconShape:R,iconSize:L,iconSrc:N,shapeClass:X,sizeClass:B,underlineClass:j}=z,{styles:Q}=t(i);return e(s,{className:a(d,"breadcrumbs__item",P&&`border-color_${P}`,x&&"breadcrumbs__item_current",B&&`breadcrumbs__item_size_${B}`,X&&`breadcrumbs__item_shape_${X}`,_&&`fill_${_}`,j&&`text-decoration_${j}`,C&&"skeleton",S&&(A||"cursor_type_pointer")),"data-testid":u,"data-tour":f,href:b,LinkComponent:"div",style:Q,onClick:S,children:[r(c,{className:"breadcrumbs__item-text",size:I,textColor:T,textColorHover:v,children:g||h}),!x&&(k||N)&&r(n,{className:a("breadcrumbs__item-icon"),fill:w,fillSize:$,iconFill:F,iconSize:L,imageSrc:N,shape:R,SvgImage:k})]})}function S(e){const{appearance:o,className:s,dataTestId:c,dataTour:n,breadcrumbsList:m,isSkeleton:d,children:u}=e,f=l(e),{directionClass:b="horizontal",widthClass:x}=f,p=i(()=>m?m.map((e,i)=>r(C,{appearance:o,text:e.text,icon:e.icon,iconSrc:e.iconSrc,isActive:i+1===m.length,isSkeleton:d},`breadcrumbsItem_${e.key||e.id||e.text}`)):u||[],[m,u,o,d]),{styles:S}=t(e);return r("div",{className:a(s,"breadcrumbs",x&&`width_${x}`,b&&`direction_${b}`),"data-testid":c,"data-tour":n,style:S,children:p})}export{S as Breadcrumbs,C as BreadcrumbsItem,x as breadcrumbsAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button,b as buttonAppearance,a as buttonConfig}from"../
|
|
1
|
+
export{B as Button,b as buttonAppearance,a as buttonConfig}from"../Button_es_BjsE6L1v.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"@itcase/ui-core/utils";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_BpHMMwc0.js";import"@itcase/common";
|
package/dist/components/Cell.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as l}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as r,useDevicePropsGenerator as i,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as s,I as o}from"../
|
|
1
|
+
import{jsxs as e,jsx as l}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as r,useDevicePropsGenerator as i,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as s,I as o}from"../primitives_es_BkqjUVO-.js";import{L as n}from"../Label_es_CwFIYaUE.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";const u={sizeXL:{size:"xl",titleLabelAppearanceSize:"sizeXS",titleTextSize:"l",valueLabelAppearanceSize:"sizeS",valueTextSize:"xl"},sizeL:{size:"l",titleLabelAppearanceSize:"sizeXS",titleTextSize:"m",valueLabelAppearanceSize:"sizeS",valueTextSize:"l"},sizeM:{size:"m",titleLabelAppearanceSize:"sizeXS",titleTextSize:"s",valueLabelAppearanceSize:"sizeS",valueTextSize:"m"},sizeS:{size:"s",titleLabelAppearanceSize:"sizeXS",titleTextSize:"xs",valueLabelAppearanceSize:"sizeS",valueTextSize:"s"},sizeEqualL:{size:"l",titleLabelAppearanceSize:"sizeS",titleTextSize:"l",valueLabelAppearanceSize:"sizeS",valueTextSize:"l"},sizeEqualM:{size:"m",titleLabelAppearanceSize:"sizeS",titleTextSize:"m",valueLabelAppearanceSize:"sizeS",valueTextSize:"m"},sizeEqualS:{size:"s",titleLabelAppearanceSize:"sizeXS",titleTextSize:"s",valueLabelAppearanceSize:"sizeXS",valueTextSize:"s"},sizeEqualXL:{size:"xl",titleLabelAppearanceSize:"sizeS",titleTextSize:"xl",valueLabelAppearanceSize:"sizeS",valueTextSize:"xl"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleIconItemFill:"surfaceItemPrimary",titleLabelAppearance:"accentPrimary",titleTextColor:"surfaceTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",valueIconItemFill:"surfaceItemPrimary",valueLabelAppearance:"accentPrimary",valueTextColor:"surfaceTextPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceQuaternary",titleIconItemFill:"surfaceItemPrimary",titleLabelAppearance:"accentPrimary",titleTextColor:"surfaceTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",valueIconItemFill:"surfaceItemPrimary",valueLabelAppearance:"accentPrimary",valueTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceSecondary",titleIconItemFill:"surfaceItemPrimary",titleLabelAppearance:"accentPrimary",titleTextColor:"surfaceTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",valueIconItemFill:"surfaceItemPrimary",valueLabelAppearance:"accentPrimary",valueTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",titleIconItemFill:"surfaceItemPrimary",titleLabelAppearance:"accentPrimary",titleTextColor:"surfaceTextPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",valueIconItemFill:"surfaceItemPrimary",valueLabelAppearance:"accentPrimary",valueTextColor:"surfaceTextPrimary"}},p={appearance:u,setAppearance:e=>{p.appearance=e}};function m(u){const{appearance:m,className:v,dataTestId:z,dataTour:S,title:x,titleIcon:f,titleLabel:T,titleTag:b,showTitleLabel:_,showValueLabel:d,value:y,valueIcon:I,valueTag:L,before:C,after:A,isActive:P,isSkeleton:h,isEqual:g,isSameWidth:F,onClick:N,onMouseEnter:$}=u,H=r(m,p),w=i(u,H),{directionClass:W,fillActiveClass:X,fillActiveHoverClass:E,fillClass:q,fillHoverClass:k,titleIconFill:B,titleIconFillHover:M,titleIconFillSize:j,titleIconItemFill:Q,titleIconShape:G,titleIconSrc:V,titleLabelAppearance:D,titleLabelAppearanceSize:J,titleLabelShape:K,titleLabelSize:O,titleLabelTextSize:R,titleTextColor:U,titleTextSize:Y,titleTextTruncate:Z,titleTextWeight:ee,titleTextWrap:le,borderColorActiveClass:ae,borderColorActiveHoverClass:re,borderColorClass:ie,borderColorHoverClass:te,reverseClass:ce,shapeClass:se,sizeClass:oe,valueIconFill:ne,valueIconFillHover:ue,valueIconFillSize:pe,valueIconItemFill:me,valueIconShape:ve,valueIconSrc:ze,valueLabel:Se,valueLabelAppearance:xe,valueLabelAppearanceSize:fe,valueLabelShape:Te,valueLabelSize:be,valueLabelTextSize:_e,valueTextAlign:de,valueTextColor:ye,valueTextSize:Ie,valueTextTruncate:Le,valueTextWeight:Ce,valueTextWrap:Ae,widthClass:Pe,zeroGap:he,zeroPadding:ge}=w,{data:Fe,styles:Ne}=t(u);return e("div",{className:a(v,"cell",oe&&`cell_size_${oe}`,P?X&&`fill_active_${X}`:q&&`fill_${q}`,P?E&&`fill_active_hover_${E}`:k&&`fill_hover_${k}`,P?ae&&`border-color_active_${ae}`:ie&&`border-color_${ie}`,P?re&&`border-color_active_hover_${re}`:te&&`border-color_hover_${te}`,ce&&`cell_reverse_${ce}`,se&&`cell_shape_${se}`,Pe&&`width_${Pe}`,h&&"skeleton",ge&&"cell_reset-padding",he&&"cell_reset-gap"),"data-testid":z,"data-tour":S,style:Ne,onClick:N,onMouseEnter:$,children:[C&&l("div",{className:"cell__before",children:C}),e("div",{className:a("cell__wrapper",W&&`cell__wrapper_direction_${W}`,g&&"cell__wrapper-equal",F&&"cell__wrapper-same-width"),children:[x&&e("div",{className:"cell__data",style:Fe,children:[l(s,{className:"cell__title",size:Y,textColor:U,textTruncate:Z,textWeight:ee,textWrap:le,tag:b,children:x}),(f||V)&&l(o,{className:"cell__title-icon",fill:B,fillSize:j,iconFill:Q,iconFillHover:M,imageSrc:V,shape:G,SvgImage:f}),(_||T)&&l(n,{appearance:c(D,J),className:"cell__title-label",size:O,label:T,labelTextSize:R,shape:K})]}),y&&e("div",{className:"cell__data",style:Fe,children:[l(s,{className:"cell__value",size:Ie,textAlign:de,textColor:ye,textTruncate:Le,textWeight:Ce,textWrap:Ae,tag:L,children:y}),(I||ze)&&l(o,{className:"cell__value-icon",fill:ne,fillSize:pe,iconFill:me,iconFillHover:ue,imageSrc:ze,shape:ve,SvgImage:I}),(d||Se)&&l(n,{appearance:c(xe,fe),className:"cell__value-label",size:be,label:Se,labelTextSize:_e,shape:Te})]})]}),A&&l("div",{className:"cell__after",children:A})]})}export{m as Cell,u as cellAppearance,p as cellConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const a={defaultPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},errorPrimary:{fill:"errorTertiary",fillCheckbox:"errorTertiary",fillCheckboxActive:"errorQuaternary",fillCheckboxActiveHover:"errorActiveHoverPrimary",fillCheckboxHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"errorBorderQuaternary",borderColorCheckboxActive:"errorBorderActiveQuaternary",borderColorCheckboxActiveHover:"errorBorderActivePrimary",borderColorCheckboxHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successTertiary",fillCheckbox:"successTertiary",fillCheckboxActive:"successSecondary",fillCheckboxActiveHover:"successActiveHoverPrimary",fillCheckboxHover:"successHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"successBorderSecondary",borderColorCheckboxActive:"successBorderSecondary",borderColorCheckboxActiveHover:"successBorderActivePrimary",borderColorCheckboxHover:"successBorderHoverPrimary"},requirePrimary:{fill:"warningTertiary",fillCheckbox:"warningTertiary",fillCheckboxActive:"warningPrimary",fillCheckboxActiveHover:"warningActiveHoverPrimary",fillCheckboxHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColorCheckbox:"warningBorderSecondary",borderColorCheckboxActive:"warningBorderSecondary",borderColorCheckboxActiveHover:"warningBorderActivePrimary",borderColorCheckboxHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckbox:"surfaceSecondary",fillCheckboxActive:"surfaceQuaternary",fillCheckboxActiveHover:"surfaceActiveHoverTertiary",fillCheckboxHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColorCheckbox:"surfaceBorderQuaternary",borderColorCheckboxActive:"surfaceBorderQuaternary",borderColorCheckboxActiveHover:"surfaceBorderActivePrimary",borderColorCheckboxHover:"surfaceBorderHoverPrimary"},sizeXL:{size:"xl",labelTextSize:"s",descTextSize:"xs"},sizeL:{size:"l",labelTextSize:"s",descTextSize:"xs"},sizeM:{size:"m",labelTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",labelTextSize:"s",descTextSize:"xs"},solid:{borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillHover:"none",borderColorCheckbox:"none",borderColorCheckboxActive:"none",borderColorCheckboxActiveHover:"none",borderColorCheckboxHover:"none"},rounded:{shape:"rounded"}},s={appearance:a,setAppearance:e=>{s.appearance=e}};function t(a){const{id:t,appearance:b,className:d,dataTestId:x,dataTour:C,label:h,desc:n,checked:v,disabled:k,indeterminate:f,Tag:u="label",value:y,before:m,after:T,isActive:_,isChecked:H,isDisabled:A,isSkeleton:p,onBlur:P,onChange:S,onFocus:z}=a,B=c(b,s,A),g=i(a,B),{fillCheckboxActiveClass:$,fillCheckboxActiveHoverClass:w,fillCheckboxClass:N,fillCheckboxHoverClass:Q,fillCheckmarkClass:W,fillClass:F,fillHoverClass:j,labelTextColor:L,labelTextSize:q,labelTextWeight:D,descTextColor:I,descTextSize:M,descTextWeight:X,borderColorCheckboxActiveClass:E,borderColorCheckboxActiveHoverClass:G,borderColorCheckboxClass:J,borderColorCheckboxHoverClass:K,shapeClass:O,sizeClass:R,widthClass:U}=g;return e(u,{className:o(d,"checkbox",F&&`fill_${F}`,j&&`fill_${j}`,R&&`checkbox_size_${R}`,v?$&&`checkbox_fill_active_${$}`:N&&`checkbox_fill_${N}`,v?w&&`checkbox_fill_active_hover_${w}`:Q&&`checkbox_fill_hover_${Q}`,v?E&&`checkbox_border-color_active_${E}`:J&&`checkbox_border-color_${J}`,v?G&&`checkbox_border-color_active_hover_${G}`:K&&`checkbox_border-color_hover_${K}`,U&&`width_${U}`,p&&"skeleton"),"data-testid":x,"data-tour":C,htmlFor:"label"===u&&t,children:[m,e("div",{className:"checkbox__item",children:[r("input",{id:t,className:"checkbox__input",type:"checkbox",checked:_||H||v,disabled:A||k,value:y,onBlur:P,onChange:S,onFocus:z}),r("div",{className:o("checkbox__state",O&&`shape_${O}`),children:" "}),r("div",{className:o(f?"checkbox__state-indeterminate":"checkbox__state-checkmark",(v||f)&&W&&`fill_${W}`),children:" "})]}),h&&r(l,{className:"checkbox__label",size:q,textColor:L,textWeight:D,children:h}),n&&r(l,{className:"checkbox__desc",size:M,textColor:I,textWeight:X,children:n}),T&&r("div",{className:"checkbox__after",children:T})]})}export{t as Checkbox,a as checkboxAppearance,s as checkboxConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as o,useStyles as i}from"@itcase/ui-core/hooks";import{I as a}from"../
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as o,useStyles as i}from"@itcase/ui-core/hooks";import{I as a}from"../primitives_es_BkqjUVO-.js";import{b as l,f as s,a as t,c as m,d as k}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const n={accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",borderColor:"accentBorderPrimary",borderWidth:"2",checkmarkIconFill:"accentItemPrimary"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderWidth:"2",checkmarkIconFill:"surfaceItemDisabled"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderPrimary",borderWidth:"2",checkmarkIconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActivePrimary",fillHover:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderPrimary",borderWidth:"2",checkmarkIconFill:"surfaceItemPrimary"},...{sizeXXL:{size:"xxl",checkmarkCheckedIcon:k.General.Check,checkmarkNegativeIcon:k.Action.Close},sizeXL:{size:"xl",checkmarkCheckedIcon:k.General.Check,checkmarkNegativeIcon:k.Action.Close},sizeL:{size:"l",checkmarkCheckedIcon:m.General.Check,checkmarkNegativeIcon:m.Action.Close},sizeM:{size:"m",checkmarkCheckedIcon:t.Form.Check,checkmarkNegativeIcon:t.Action.Close},sizeS:{size:"s",checkmarkCheckedIcon:t.Form.Check,checkmarkNegativeIcon:t.Action.Close},sizeXS:{size:"xs",checkmarkCheckedIcon:s.Form.Check,checkmarkNegativeIcon:s.Action.Close},sizeXXS:{size:"xxs",checkmarkCheckedIcon:l.Form.Check,checkmarkNegativeIcon:l.Action.Close}},errorPrimary:{fill:"extraPrimary",fillActive:"extraActivePrimary",borderColor:"extraBorderTertiary",borderWidth:"2",checkmarkIconFill:"extraItemPrimary"}},d={appearance:n,setAppearance:e=>{d.appearance=e}};function h(l){const{appearance:s,className:t,dataTestId:m,dataTour:k,isActive:n,isChecked:h,isDisabled:f=!1,isSkeleton:C,isNegative:v,onClick:I}=l,b=c(s,d),u=o(l,b),{fillActiveClass:y,fillActiveHoverClass:p,fillClass:_,fillHoverClass:A,borderColorActiveClass:P,borderColorActiveHoverClass:z,borderColorClass:g,borderColorHoverClass:x,borderWidthClass:S,checkmarkCheckedIcon:F,checkmarkFill:N,checkmarkIconFill:$,checkmarkIconShape:H,checkmarkIconSize:B,checkmarkIconSrc:W,checkmarkNegativeIcon:X,sizeClass:D}=u,{styles:T}=i(l);return e("div",{className:r(t,"checkmark",D&&`checkmark_size_${D}`,h&&n?y&&`fill_active_${y}`:_&&`fill_${_}`,h&&n?p&&`fill_active_hover_${p}`:A&&`fill_hover_${A}`,h&&n?P&&`border-color_active_${P}`:g&&`border-color_${g}`,h&&n?z&&`border-color_active_hover_${z}`:x&&`border-color_hover_${x}`,C&&"skeleton",S&&`border-width_${S}`,f),"data-testid":m,"data-tour":k,style:T,onClick:I,children:(h||n||v)&&e(a,{fill:N,iconFill:$,iconSize:B,imageSrc:W,shape:H,SvgImage:v?X:F})})}export{h as Checkmark,n as checkmarkAppearance,d as checkmarkConfig};
|
package/dist/components/Chips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Chips,a as ChipsGroup,c as chipsAppearance,b as chipsConfig}from"../
|
|
1
|
+
export{C as Chips,a as ChipsGroup,c as chipsAppearance,b as chipsConfig}from"../ChipsGroup_es_ol25tWz9.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useRef as l,useMemo as c,createRef as o,useCallback as t}from"react";import a from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{I as d,a as f}from"../
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useRef as l,useMemo as c,createRef as o,useCallback as t}from"react";import a from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{I as d,a as f}from"../primitives_es_BkqjUVO-.js";import{L as v}from"../Loader_es_BpHMMwc0.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const u={errorPrimary:{fill:"errorTertiary",fillItem:"errorTertiary",fillItemActive:"errorSecondary",fillItemHover:"errorHoverPrimary",labelTextColor:"errorTextSecondary",borderColor:"errorBorderQuaternary",iconAfterFill:"errorItemSecondary",iconAfterFillActive:"errorItemTertiary",iconBeforeFill:"errorItemSecondary",iconBeforeFillActive:"errorItemTertiary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},disabledPrimary:{fill:"disabledTertiary",fillItem:"disabledTertiary",fillItemActive:"surfaceDisabled",fillItemActiveHover:"surfaceDisabled",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconAfterFill:"surfaceItemPrimary",iconAfterFillActive:"disabledItemSecondary",iconBeforeFill:"surfaceItemPrimary",iconBeforeFillActive:"disabledItemSecondary",iconFill:"surfaceItemPrimary",iconFillActive:"disabledItemSecondary"},defaultMutedPrimary:{fill:"surfaceSecondary",fillItem:"surfaceSecondary",fillItemActive:"accentTertiary",fillItemActiveHover:"accentPrimary",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"accentTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFill:"surfaceItemQuaternary",iconAfterFillActive:"surfaceItemSecondary",iconBeforeFill:"surfaceItemQuaternary",iconBeforeFillActive:"surfaceItemSecondary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary"},defaultPrimary:{fill:"surfaceSecondary",fillItem:"surfaceSecondary",fillItemActive:"accentPrimary",fillItemActiveHover:"accentActiveHoverPrimary",fillItemHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFill:"surfaceItemQuaternary",iconAfterFillActive:"surfaceItemSecondary",iconBeforeFill:"surfaceItemQuaternary",iconBeforeFillActive:"surfaceItemSecondary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary"},successPrimary:{fill:"successTertiary",fillItem:"successTertiary",fillItemActive:"successSecondary",fillItemHover:"successHoverPrimary",labelTextColor:"successTextSecondary",labelTextColorActive:"successTextActivePrimary",borderColor:"successBorderSecondary",iconAfterFill:"successItemSecondary",iconAfterFillActive:"successItemTertiary",iconBeforeFill:"successItemSecondary",iconBeforeFillActive:"successItemTertiary",iconFill:"successItemSecondary",iconFillActive:"successItemTertiary"},requirePrimary:{fill:"warningTertiary",fillItem:"warningTertiary",fillItemActive:"warningSecondary",fillItemHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorActive:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFill:"warningItemSecondary",iconAfterFillActive:"warningItemTertiary",iconBeforeFill:"warningItemSecondary",iconBeforeFillActive:"warningItemTertiary",iconFill:"warningItemSecondary",iconFillActive:"warningItemTertiary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"}},y={appearance:u,setAppearance:e=>{y.appearance=e}};function A(u){const{id:A,appearance:b,className:_,dataTestId:I,dataTour:T,name:F,active:S={value:void 0},itemAfter:h,itemBefore:x,options:p=[],before:C,after:g,isDisabled:B=!1,isSkeleton:P,isCheckbox:$=!1,isLoading:z=!1,setActiveSegment:H}=u,w=l(null),D=c(()=>new Map(p.map(e=>[e.value,o()])),[p]),N=t((e,i)=>{const r=!$||e.target.checked;H&&H(i,r)},[$,H]),Q=n(b,y,B),k=s(u,Q),{size:L,fillClass:W,fillItemActiveClass:j,fillItemActiveDisabledClass:M,fillItemActiveHoverClass:q,fillItemClass:X,fillItemDisabledClass:E,fillItemHoverClass:G,labelTextColor:J,labelTextColorActive:K,labelTextColorActiveHover:O,labelTextColorHover:R,labelTextSize:U,labelTextWeight:V,labelTextWrap:Y,borderColorClass:Z,borderTypeClass:ee,borderWidthClass:ie,iconAfterFill:re,iconAfterFillActive:le,iconAfterFillDisabled:ce,iconAfterSize:oe,iconBeforeFill:te,iconBeforeFillActive:ae,iconBeforeFillDisabled:ne,iconBeforeSize:se,iconFill:me,iconFillActive:de,iconFillDisabled:fe,iconSize:ve,shapeClass:ue,wrapClass:ye}=k,{styles:Ae}=m(u);return e("div",{id:A,className:a(_,"choice",L&&`choice_size_${L}`,W&&`fill_${W}`,ye&&`choice_wrap_${ye}`,ue&&`shape_${ue}`,P&&"skeleton"),ref:w,"data-testid":I&&`${I}Choice`,"data-tour":T,style:Ae,children:[C&&i("div",{className:"choice__before",children:C}),z?i(v,{width:"fill",height:"fill",fill:"surfacePrimary",itemFill:"surfaceItemPrimary"}):i(r.Fragment,{children:p.map(r=>{const l="object"==typeof S?String(r.value)===String(S.value):String(r.value)===String(S);return e("div",{className:a("choice__item",L&&`choice__item_size_${L}`,(r.icon||r.iconActive)&&"choice__item_icon",ue&&`shape_${ue}`,Z&&`border-color_${Z}`,ie&&`border-width_${ie}`,ee&&`border_type_${ee}`,l||B?E&&`fill_disabled_${E}`:X&&`fill_${X}`,l||B?q&&`fill_active_hover_${q}`:G&&`fill_hover_${G}`,l?B?M&&`fill_active_disabled_${M}`:j&&`fill_active_${j}`:B?E&&`fill_disabled_${E}`:X&&`fill_${X}`,!l&&B&&"choice__item_state_disabled",l&&B&&"choice__item_active_state_disabled",l&&"choice__item_active"),ref:D.get(r.value),children:[i("input",{id:`${F}-${r.value}`,className:"choice__item-radio",type:$?"checkbox":"radio",name:F,checked:l,disabled:B,value:r.value,onChange:e=>N(e,r)}),e("label",{className:a("choice__item-label",B&&"choice__item-label_state_disabled"),htmlFor:`${F}-${r.value}`,children:[x,(r.iconBefore||r.iconBeforeActive)&&i(d,{className:"choice__item-icon",iconFill:te,iconFillActive:ae,iconFillDisabled:ne,iconSize:se,SvgImage:l&&r.iconBeforeActive||r.iconBefore,isActive:l,isDisabled:B}),r.label&&i(f,{size:U,textColor:J,textColorActive:K,textColorActiveHover:O,textColorHover:R,textWeight:V,textWrap:Y,isActive:l,children:r.label}),(r.icon||r.iconActive)&&i(d,{className:"choice__item-icon",iconFill:me,iconFillActive:de,iconFillDisabled:fe,iconSize:ve,SvgImage:l&&r.iconActive||r.icon,isActive:l}),(r.iconAfter||r.iconAfterActive)&&i(d,{className:"choice__item-icon",iconFill:re,iconFillActive:le,iconFillDisabled:ce,iconSize:oe,SvgImage:l&&r.iconAfterActive||r.iconAfter,isActive:l}),h]})]},`${F}-${r.value}`)})}),g&&i("div",{className:"choice__after",children:g})]})}export{A as Choice,u as choiceAppearance,y as choiceConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useMemo as i,useCallback as r,useEffect as a}from"react";import s from"clsx";import n from"js-cookie";import{useAppearanceConfig as l,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{B as m}from"../
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useMemo as i,useCallback as r,useEffect as a}from"react";import s from"clsx";import n from"js-cookie";import{useAppearanceConfig as l,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{B as m}from"../Button_es_BjsE6L1v.js";import{a as p}from"../primitives_es_BkqjUVO-.js";import"@itcase/ui-core/utils";import"../Loader_es_BpHMMwc0.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const d={defaultPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",elevation:"8",buttonAppearance:"accentPrimary sizeXL",buttonWidth:"fill"}},u={appearance:d,setAppearance:e=>{u.appearance=e}};function f(d){const{appearance:f,className:b,dataTestId:v,dataTour:g,message:h,isHideOnScroll:w=!1}=d,x=o(null),_=i(()=>"close"!==n.get("cookies-warning"),[]),T=r(()=>{x.current?.classList.add("cookies-warning_state_hidden"),n.set("cookies-warning","close")},[]);a(()=>(w&&window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("scroll",T,!0)}),[T,w]),a(()=>{_||window.removeEventListener("scroll",T,!0)},[T,_]);const L=l(f,u),k=c(d,L),{fillClass:z,messageTextColor:C,messageTextSize:S,buttonAppearance:j,buttonFill:y,buttonFillHover:H,buttonLabel:P,buttonLabelSize:A,buttonLabelTextColor:E,buttonShape:N,buttonSize:B,buttonWidth:F,elevationClass:W}=k;return _&&e("div",{className:s("cookies-warning",b,z&&`fill_${z}`,W&&`elevation_${W}`),ref:x,"data-testid":v,"data-tour":g,children:t("div",{className:"cookies-warning__inner",children:[e(p,{size:S,textColor:C,children:h}),e(m,{appearance:j,width:F,size:B,fill:y,fillHover:H,labelTextColor:E,labelTextSize:A,shape:N,onClick:T,children:P})]})})}export{f as CookiesWarning,d as cookiesWarningAppearance,u as cookiesWarningConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as r}from"react";import t from"clsx";import{DateTime as i}from"luxon";import{DATE_PERIOD_INTERVALS as p}from"@itcase/common";import{useAppearanceConfig as s,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{a as d,C as n}from"../
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as r}from"react";import t from"clsx";import{DateTime as i}from"luxon";import{DATE_PERIOD_INTERVALS as p}from"@itcase/common";import{useAppearanceConfig as s,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_ol25tWz9.js";import{D as l}from"../DatePicker_es_Blt14fUB.js";import"react-select";import"../primitives_es_BkqjUVO-.js";import{S as u}from"../SelectContainer_es_DDjoF9eR.js";import"../Group_es_DIuSNHx3.js";import"date-fns/locale";import"react-datepicker";import"../Button_es_BjsE6L1v.js";import"../Loader_es_BpHMMwc0.js";import"../Input_es_BLo9TAve.js";import"../Label_es_CwFIYaUE.js";import"@rc-component/tooltip";import"../default_es_C4dY1Dqw.js";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"react-select/creatable";const h={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary ghost",datePickerAppearance:"surfacePrimary",datePickerInputAppearance:"defaultPrimary",selectAppearance:"defaultPrimary solid"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary ghost",datePickerAppearance:"surfacePrimary",datePickerInputAppearance:"defaultPrimary",selectAppearance:"defaultPrimary solid"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedL:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedM:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedS:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"}},m={appearance:h,setAppearance:e=>{m.appearance=e}};function S(h){const{appearance:S,className:P,dataTestId:_,dataTour:z,datePeriodIntervalsList:f=Object.values(p),datePeriodSelectFirstOptions:A,datePeriodSelectFirstPlaceholder:k,datePeriodSelectFirstValue:y,datePeriodSelectSecondOptions:I,datePeriodSelectSecondPlaceholder:v,datePeriodSelectSecondValue:D,datePeriodValueEnd:L,datePeriodValueStart:C,monthsShown:w,popperPlacement:b,selectsRange:g=!0,showWeekNumbers:j=!0,isDisabled:x,isSkeleton:N,onChangeDatePeriod:M,onChangeDatePeriodFirstSelect:F,onChangeDatePeriodSecondSelect:O,onKeyDown:V}=h,W=s(S,m,x),$=c(h,W),{fillClass:T,chipsAppearance:G,chipsAppearanceSize:H,chipsShape:J,datePickerAppearance:K,datePickerAppearanceSize:R,datePickerInputAppearance:X,datePickerInputAppearanceSize:B,datePickerInputFillHover:E,datePickerInputTextSize:q,selectAppearance:Q,selectAppearanceSize:U,selectShape:Y,shapeClass:Z,sizeClass:ee}=$,ae=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];M?.(new Date(a),new Date(r))},[M]),re=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let t=null,p=null;return C&&(t=i.fromJSDate(new Date(C)).toISODate()),L&&(p=i.fromJSDate(new Date(L)).toISODate()),a===t&&r===p},[L,C]);return e("div",{className:t(P,"date-period",ee&&`date-period_size_${ee}`,N&&"skeleton"),"data-testid":_,"data-tour":z,children:[e("div",{className:t("date-period__wrapper",Z&&`shape_${Z}`,T&&`fill_${T}`,"cursor_type_pointer"),children:[a(d,{className:"date-period__choice",direction:"horizontal",children:f.map(e=>a(n,{appearance:o(G,H),label:e.label,shape:J,isActive:re(e),onClick:()=>ae(e)},e.value))}),a(l,{className:"date-period__datepicker",datePickerProps:{appearance:o(K,R),dateFormat:"dd/MM/yyyy",monthsShown:w,popperPlacement:b,selectsRange:g,showWeekNumbers:j,isClearable:!1,onKeyDown:V},endValue:L,inputProps:{appearance:o(X,B,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${ee} `,fillHover:E,textSize:q,placeholder:"Выбрать период"},value:C,onChange:M})]}),A&&a(u,{appearance:o(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:A,placeholder:k,shape:Y,value:y,isSearchable:!0,onChange:F}),I&&a(u,{appearance:o(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:I,placeholder:v,shape:Y,value:D,isSearchable:!0,onChange:O})]})}export{S as DatePeriod,h as datePeriodAppearance,m as datePeriodConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../
|
|
1
|
+
export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../DatePicker_es_Blt14fUB.js";import"react/jsx-runtime";import"react";import"clsx";import"date-fns/locale";import"react-datepicker";import"@itcase/ui-core/hooks";import"../Button_es_BjsE6L1v.js";import"@itcase/ui-core/utils";import"../primitives_es_BkqjUVO-.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_BpHMMwc0.js";import"@itcase/common";import"../Input_es_BLo9TAve.js";import"../Label_es_CwFIYaUE.js";import"../default_es_C4dY1Dqw.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as Divider,r as dividerAppearance,s as dividerConfig}from"../
|
|
1
|
+
export{D as Divider,r as dividerAppearance,s as dividerConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as i,useState as o,useEffect as t}from"react";import a from"clsx";import c from"react-modern-drawer";import{useAppearanceConfig as s,useDevicePropsGenerator as l}from"@itcase/ui-core/hooks";import{I as n,T as d,a as m,D as p}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as i,useState as o,useEffect as t}from"react";import a from"clsx";import c from"react-modern-drawer";import{useAppearanceConfig as s,useDevicePropsGenerator as l}from"@itcase/ui-core/hooks";import{I as n,T as d,a as m,D as p}from"../primitives_es_BkqjUVO-.js";import{a as I}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const u={sizeH3:{titleTextSize:"h3",descTextSize:"s",dividerSize:"s"},...{surfacePrimary:{titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",closeIcon:I.Action.Close,closeIconFillIcon:"surfaceItemPrimary"}}},_={DEFAULT:{isInDOM:!0,isOpen:!1},ENTER_FINISH:{isInDOM:!0,isOpen:!0},EXIT_FINISH:{isInDOM:!1,isOpen:!1}},T={appearance:u,setAppearance:e=>{T.appearance=e}};function f(I){const{appearance:u,className:f,dataTestId:S,dataTour:h,type:N,title:x,desc:v,enableOverlay:z,lockBackgroundScroll:w=!0,stickyButton:y,before:C,after:F,close:g,isKeepMounted:E=!1,isOpen:O=!1,onClickClose:k,onClose:D,children:H}=I,b=i(O),B=i(!0),M=s(u,T),P=l(I,M),{direction:A,size:j,titleTextColor:R,titleTextSize:X,titleTextWeight:$,descTextColor:L,descTextSize:U,divider:W,dividerSize:K,zeroPadding:q,closeIcon:G,closeIconFill:J,closeIconFillIcon:Q,closeIconFillSize:V,closeIconShape:Y,closeIconSize:Z,closeIconSrc:ee}=P,[re,ie]=o(O?_.ENTER_FINISH:_.EXIT_FINISH);return t(()=>{if(B.current)return void(B.current=!1);const e=!0===Boolean(b.current),r=!1===Boolean(O);b.current=O,ie(_.DEFAULT);const i=setTimeout(()=>{ie(O?_.ENTER_FINISH:_.EXIT_FINISH),e&&r&&D&&D()},O?16:300);return()=>{clearTimeout(i)}},[O]),E||re.isInDOM?e(c,{className:a("drawer",N&&`drawer_type_${N}`,f,h&&`dataTour-${h}`,y&&"drawer_sticky-button",q&&"drawer_reset-padding"),direction:A||"right",size:j||600,customIdSuffix:S?`_${S}`:void 0,"data-testid":S,"data-tour":h,duration:300,enableOverlay:z,lockBackgroundScroll:w,overlayClassName:"drawer__overlay",open:re.isOpen,onClose:k,children:[C&&r("div",{className:"drawer__before",children:C}),!g&&(G||ee)&&r("div",{className:"drawer__close",children:r(n,{className:"cursor_type_pointer",fill:J,fillSize:V,iconFill:Q,iconSize:Z,imageSrc:ee,shape:Y,SvgImage:G,onClick:k})}),(x||v)&&e("div",{className:"drawer__header",children:[r(d,{className:"drawer__header-title",size:X,textColor:R,textWeight:$,children:x}),r(m,{className:"drawer__header-desc",size:U,textColor:L,children:v})]}),W&&r(p,{width:"fill",size:K,fill:"surfaceTertiary"}),H&&r("div",{className:"drawer__wrapper",children:H}),F&&r("div",{className:"drawer__after",children:F})]}):null}export{f as Drawer,u as drawerAppearance,T as drawerConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{b as Dropdown,c as DropdownItem,u as dropdownItemAppearance,v as dropdownItemConfig}from"../
|
|
1
|
+
export{b as Dropdown,c as DropdownItem,u as dropdownItemAppearance,v as dropdownItemConfig}from"../primitives_es_BkqjUVO-.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|