@itcase/ui-web 1.10.33 → 1.10.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar_cjs_DDVEtKdY.js → Avatar_cjs_D24fPlpG.js} +1 -1
- package/dist/{Avatar_es_D7J6FaYk.js → Avatar_es_CW-9BKZl.js} +1 -1
- package/dist/{Button_cjs_D0Fa5AsR.js → Button_cjs_Dq2pZYkE.js} +1 -1
- package/dist/{Button_es_DvzjOfyQ.js → Button_es_l1l4XH3Z.js} +1 -1
- package/dist/{ChipsGroup_cjs_DmlWfqO5.js → ChipsGroup_cjs_DEWTbz1r.js} +1 -1
- package/dist/{ChipsGroup_es_D3y5WSL6.js → ChipsGroup_es_B3nRK-lq.js} +1 -1
- package/dist/{DatePicker_cjs_uTMwXLmJ.js → DatePicker_cjs_Cg_vcAg8.js} +1 -1
- package/dist/{DatePicker_es_Bq_AFDLO.js → DatePicker_es_Blh9tXre.js} +1 -1
- package/dist/{Label_cjs_C1diFfCH.js → Label_cjs_jbY2Pjoa.js} +1 -1
- package/dist/{Label_es_ChMUKpnM.js → Label_es_Co8vZyTp.js} +1 -1
- package/dist/{Loader_cjs_4kGh3xPd.js → Loader_cjs_BMOazvQA.js} +1 -1
- package/dist/{Loader_es_CdWc_Prk.js → Loader_es_DLwXAfhK.js} +1 -1
- package/dist/{SelectContainer_cjs_oasI4gzw.js → SelectContainer_cjs_D2Zuk29y.js} +1 -1
- package/dist/{SelectContainer_es_B4IWlcz3.js → SelectContainer_es_CXH64IO5.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/{primitives_cjs_EVP_2N_A.js → primitives_cjs_Dw4SMbjT.js} +1 -1
- package/dist/{primitives_es_D7LYOijE.js → primitives_es_C4dQ1kEP.js} +1 -1
- package/dist/types/components/Dropdown/Dropdown.js +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),s=require("@itcase/ui-core/utils"),o=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),s=require("@itcase/ui-core/utils"),o=require("./primitives_cjs_Dw4SMbjT.js"),l=require("./Image_cjs_DBUl9LUO.js");const c={size16:{size:"16",textSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size20:{size:"20",textSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size24:{size:"24",textSize:"s",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size32:{size:"32",textSize:"m",badgeAppearanceSize:"sizeXS",iconFillSize:"12"},size40:{size:"40",textSize:"l",badgeAppearanceSize:"sizeS",iconFillSize:"12"},size48:{size:"48",textSize:"l",badgeAppearanceSize:"sizeS",iconFillSize:"12"},size56:{size:"56",textSize:"xl",badgeAppearanceSize:"sizeM",iconFillSize:"16"},size96:{size:"96",textSize:"xxl",badgeAppearanceSize:"sizeXL",iconFillSize:"32"},size144:{size:"144",textSize:"xxl",badgeAppearanceSize:"sizeXXL",iconFillSize:"40"},size240:{size:"240",textSize:"xxl",badgeAppearanceSize:"sizeXXL",iconFillSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};exports.Avatar=function(c){const{appearance:n,className:d,dataTestId:p,dataTour:z,src:u,firstName:S="",secondName:x="",count:f,before:b,after:g,isSkeleton:m,onClick:C}=c,_=a.useMemo(()=>`${(S?.[0]||"").toUpperCase()}${(x?.[0]||"").toUpperCase()}`,[S,x]),h=i.useAppearanceConfig(n,t),y=i.useDevicePropsGenerator(c,h),{size:v,fillClass:A,fillHoverClass:F,borderColorClass:P,borderTypeClass:X,borderWidthClass:T,textColor:j,textSize:$,textWeight:N,badge:q,badgeAppearance:L,badgeAppearanceSize:I,badgeShape:k,badgeTextColor:B,badgeTextSize:M,badgeValue:U,icon:H,iconFill:W,iconFillHover:w,iconFillSize:Q,iconItemFill:D,iconShape:G,iconSize:K,iconSrc:V,placeholderUrl:E,shapeClass:J,sizeClass:O}=y;return e.jsx("div",{className:r(d,"avatar",v&&`avatar_size_${O}`,m&&"skeleton",J&&`shape_${J}`,T&&`border-width_${T}`,P&&`border-color_${P}`,X&&`border_type_${X}`,C&&"cursor_type_pointer"),"data-testid":p,"data-tour":z,onClick:C,children:e.jsxs("div",{className:r("avatar__wrapper",A&&`fill_${A}`,F&&`fill_hover_${F}`,J&&`shape_${J}`),children:[b,u?e.jsx(l.Image,{className:r("avatar__image",J&&`shape_${J}`),src:u,placeholderUrl:E}):e.jsx(o.Text,{className:"avatar__text",size:$,textColor:j,textWeight:N,children:_||f}),(H||V)&&e.jsx(o.Icon,{className:"avatar__icon",fill:W,fillHover:w,fillSize:Q,iconFill:D,iconSize:K,imageSrc:V,shape:G,SvgImage:H}),(q||q&&U)&&e.jsx(o.Badge,{appearance:s.mergeAppearanceKeys(L,I),className:"avatar__badge",textColor:B,textSize:M,shape:k,value:U}),g]})})},exports.avatarAppearance=c,exports.avatarConfig=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as l}from"@itcase/ui-core/utils";import{T as c,I as t,B as n}from"./
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as l}from"@itcase/ui-core/utils";import{T as c,I as t,B as n}from"./primitives_es_C4dQ1kEP.js";import{I as d}from"./Image_es_CA8fSzj-.js";const p={size16:{size:"16",textSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size20:{size:"20",textSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size24:{size:"24",textSize:"s",badgeAppearanceSize:"sizeXXS",iconFillSize:"12"},size32:{size:"32",textSize:"m",badgeAppearanceSize:"sizeXS",iconFillSize:"12"},size40:{size:"40",textSize:"l",badgeAppearanceSize:"sizeS",iconFillSize:"12"},size48:{size:"48",textSize:"l",badgeAppearanceSize:"sizeS",iconFillSize:"12"},size56:{size:"56",textSize:"xl",badgeAppearanceSize:"sizeM",iconFillSize:"16"},size96:{size:"96",textSize:"xxl",badgeAppearanceSize:"sizeXL",iconFillSize:"32"},size144:{size:"144",textSize:"xxl",badgeAppearanceSize:"sizeXXL",iconFillSize:"40"},size240:{size:"240",textSize:"xxl",badgeAppearanceSize:"sizeXXL",iconFillSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",badgeAppearance:"accentPrimary solid circular"}},z={appearance:p,setAppearance:e=>{z.appearance=e}};function S(p){const{appearance:S,className:u,dataTestId:m,dataTour:f,src:x,firstName:b="",secondName:g="",count:_,before:h,after:C,isSkeleton:y,onClick:A}=p,v=r(()=>`${(b?.[0]||"").toUpperCase()}${(g?.[0]||"").toUpperCase()}`,[b,g]),F=o(S,z),P=s(p,F),{size:X,fillClass:T,fillHoverClass:$,borderColorClass:N,borderTypeClass:L,borderWidthClass:I,textColor:k,textSize:B,textWeight:U,badge:j,badgeAppearance:H,badgeAppearanceSize:M,badgeShape:W,badgeTextColor:w,badgeTextSize:Q,badgeValue:V,icon:q,iconFill:D,iconFillHover:E,iconFillSize:G,iconItemFill:J,iconShape:K,iconSize:O,iconSrc:R,placeholderUrl:Y,shapeClass:Z,sizeClass:ee}=P;return e("div",{className:i(u,"avatar",X&&`avatar_size_${ee}`,y&&"skeleton",Z&&`shape_${Z}`,I&&`border-width_${I}`,N&&`border-color_${N}`,L&&`border_type_${L}`,A&&"cursor_type_pointer"),"data-testid":m,"data-tour":f,onClick:A,children:a("div",{className:i("avatar__wrapper",T&&`fill_${T}`,$&&`fill_hover_${$}`,Z&&`shape_${Z}`),children:[h,x?e(d,{className:i("avatar__image",Z&&`shape_${Z}`),src:x,placeholderUrl:Y}):e(c,{className:"avatar__text",size:B,textColor:k,textWeight:U,children:v||_}),(q||R)&&e(t,{className:"avatar__icon",fill:D,fillHover:E,fillSize:G,iconFill:J,iconSize:O,imageSrc:R,shape:K,SvgImage:q}),(j||j&&V)&&e(n,{appearance:l(H,M),className:"avatar__badge",textColor:w,textSize:Q,shape:W,value:V}),C]})})}export{S as A,p as a,z as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),i=require("@itcase/ui-core/utils"),l=require("./primitives_cjs_EVP_2N_A.js"),n=require("./Loader_cjs_4kGh3xPd.js");require("axios"),require("@itcase/common");const c="holding",t="idle";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},d={appearance:s,setAppearance:e=>{d.appearance=e}},m=r.forwardRef(function(s,m){const{appearance:f,className:y,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:F,before:z,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(f,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:X,labelTextWrap:D,borderColorClass:K,borderTypeClass:R,borderWidthClass:E,elevationClass:G,icon:U,iconAfter:J,iconAfterAppearance:O,iconAfterAppearanceSize:V,iconAfterFill:Y,iconAfterFillIcon:Z,iconAfterFillSize:ee,iconAfterShape:re,iconAfterSize:ae,iconAfterSrc:oe,iconAppearance:ie,iconAppearanceSize:le,iconBefore:ne,iconBeforeAppearance:ce,iconBeforeAppearanceSize:te,iconBeforeFill:se,iconBeforeFillIcon:de,iconBeforeFillSize:me,iconBeforeShape:fe,iconBeforeSize:ye,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:Fe,loaderItemFill:ze,loaderSize:Ce,loaderType:ve="dot",shapeClass:_e,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=M,{label:we,styles:Me}=o.useStyles(s),{holdState:Le,onHoldEnd:je,onHoldStart:qe}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(!1),[s,d]=r.useState(t),m=r.useRef(0);r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===m.current&&!n.current&&i&&(n.current=!0,i()),s===c&&m.current<1){const r=Math.min(m.current+16/a,1);m.current=r,l.current=requestAnimationFrame(e)}if(s===t&&m.current>0){const r=Math.max(m.current-16/a,0);m.current=r,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a,i]);const f=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),y=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:y,onHoldStart:f}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(y,"button",I&&$e?"button_type_default":I?"button_type_label":$e?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,L&&`fill_${L}`,j&&!v&&`fill_hover_${j}`,_e&&`shape_${_e}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",v&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",_&&"button_holding",Le&&_&&`button_state_${Le}`),type:T,title:F,"data-testid":u?u.endsWith("Button")?u:`${u}Button`:void 0,"data-tour":p,disabled:v,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Me,target:S,onClick:H,onMouseDown:h,onPointerCancel:je,onPointerDown:qe,onPointerLeave:je,onPointerUp:je,children:e.jsxs("div",{className:"button__wrapper",ref:m,children:[_&&e.jsx("div",{className:a("button__indication",`button__indication_${Le}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(y,"button__loader"),type:ve,size:Ce,fill:Fe,itemFill:ze}),z,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:ye,imageSrc:ue,shape:fe,SvgImage:ne||void 0}),(U||be)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ie,le),className:"button__icon",fill:pe,fillSize:xe,iconFill:Ie,iconSize:Te,imageSrc:be,shape:Pe,SvgImage:U||void 0}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:X,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:W,textWrap:D,style:we,children:Q||I}),(J||oe)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(O,V),className:"button__icon_after",fill:Y,fillSize:ee,iconFill:Z,iconSize:ae,imageSrc:oe,shape:re,SvgImage:J||void 0}),x,C]})})});exports.Button=m,exports.buttonAppearance=s,exports.buttonConfig=d;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),i=require("@itcase/ui-core/utils"),l=require("./primitives_cjs_Dw4SMbjT.js"),n=require("./Loader_cjs_BMOazvQA.js");require("axios"),require("@itcase/common");const c="holding",t="idle";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},d={appearance:s,setAppearance:e=>{d.appearance=e}},m=r.forwardRef(function(s,m){const{appearance:f,className:y,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:F,before:z,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(f,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:X,labelTextWrap:D,borderColorClass:K,borderTypeClass:R,borderWidthClass:E,elevationClass:G,icon:U,iconAfter:J,iconAfterAppearance:O,iconAfterAppearanceSize:V,iconAfterFill:Y,iconAfterFillIcon:Z,iconAfterFillSize:ee,iconAfterShape:re,iconAfterSize:ae,iconAfterSrc:oe,iconAppearance:ie,iconAppearanceSize:le,iconBefore:ne,iconBeforeAppearance:ce,iconBeforeAppearanceSize:te,iconBeforeFill:se,iconBeforeFillIcon:de,iconBeforeFillSize:me,iconBeforeShape:fe,iconBeforeSize:ye,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:Fe,loaderItemFill:ze,loaderSize:Ce,loaderType:ve="dot",shapeClass:_e,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=M,{label:we,styles:Me}=o.useStyles(s),{holdState:Le,onHoldEnd:je,onHoldStart:qe}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(!1),[s,d]=r.useState(t),m=r.useRef(0);r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===m.current&&!n.current&&i&&(n.current=!0,i()),s===c&&m.current<1){const r=Math.min(m.current+16/a,1);m.current=r,l.current=requestAnimationFrame(e)}if(s===t&&m.current>0){const r=Math.max(m.current-16/a,0);m.current=r,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a,i]);const f=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),y=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:y,onHoldStart:f}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(y,"button",I&&$e?"button_type_default":I?"button_type_label":$e?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,L&&`fill_${L}`,j&&!v&&`fill_hover_${j}`,_e&&`shape_${_e}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",v&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",_&&"button_holding",Le&&_&&`button_state_${Le}`),type:T,title:F,"data-testid":u?u.endsWith("Button")?u:`${u}Button`:void 0,"data-tour":p,disabled:v,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Me,target:S,onClick:H,onMouseDown:h,onPointerCancel:je,onPointerDown:qe,onPointerLeave:je,onPointerUp:je,children:e.jsxs("div",{className:"button__wrapper",ref:m,children:[_&&e.jsx("div",{className:a("button__indication",`button__indication_${Le}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(y,"button__loader"),type:ve,size:Ce,fill:Fe,itemFill:ze}),z,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:ye,imageSrc:ue,shape:fe,SvgImage:ne||void 0}),(U||be)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ie,le),className:"button__icon",fill:pe,fillSize:xe,iconFill:Ie,iconSize:Te,imageSrc:be,shape:Pe,SvgImage:U||void 0}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:X,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:W,textWrap:D,style:we,children:Q||I}),(J||oe)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(O,V),className:"button__icon_after",fill:Y,fillSize:ee,iconFill:Z,iconSize:ae,imageSrc:oe,shape:re,SvgImage:J||void 0}),x,C]})})});exports.Button=m,exports.buttonAppearance=s,exports.buttonConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import o,{useRef as a,useState as i,useEffect as l,useCallback as n}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as d}from"@itcase/ui-core/utils";import{L as f,I as y,T as p}from"./primitives_es_D7LYOijE.js";import{L as u}from"./Loader_es_CdWc_Prk.js";import"axios";import"@itcase/common";const I="holding",P="idle";const T={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=o.forwardRef(function(o,T){const{appearance:b,className:S,dataTestId:A,dataTour:F,label:z,Badge:C,href:v,htmlType:_="button",link:H,rel:g,target:B,tooltip:h,before:Q,after:w,isDisabled:M,isHolding:L,isLoading:$=!1,onClick:N,onHoldComplete:X,onMouseDown:k,children:W}=o,D=c(b,x,M),j=s(o,D),{fillClass:q,fillHoverClass:E,labelTextColor:G,labelTextColorHover:R,labelTextSize:U,labelTextTruncate:J,labelTextWeight:K,labelTextWidth:O,labelTextWrap:V,borderColorClass:Y,borderTypeClass:Z,borderWidthClass:ee,elevationClass:re,icon:oe,iconAfter:ae,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:de,iconAppearance:fe,iconAppearanceSize:ye,iconBefore:pe,iconBeforeAppearance:ue,iconBeforeAppearanceSize:Ie,iconBeforeFill:Pe,iconBeforeFillIcon:Te,iconBeforeFillSize:xe,iconBeforeShape:be,iconBeforeSize:Se,iconBeforeSrc:Ae,iconFill:Fe,iconFillIcon:ze,iconFillSize:Ce,iconShape:ve,iconSize:_e,iconSrc:He,loaderAppearance:ge,loaderAppearanceSize:Be,loaderFill:he,loaderItemFill:Qe,loaderSize:we,loaderType:Me="dot",shapeClass:Le,sizeClass:$e,widthClass:Ne,zeroGap:Xe,zeroPadding:ke,isSkeleton:We}=j,{label:De,styles:je}=m(o),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:o,onHoldComplete:t}=e,c=a(null),s=a(!1),[m,d]=i(P),f=a(0);l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===f.current&&!s.current&&t&&(s.current=!0,t()),m===I&&f.current<1){const o=Math.min(f.current+16/r,1);f.current=o,c.current=requestAnimationFrame(e)}if(m===P&&f.current>0){const o=Math.max(f.current-16/r,0);f.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r,t]);const y=n(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(s.current=!1,d(I)))},[o]),p=n(()=>{s.current=!1,d(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:y}}({holdDurationMs:500,isHolding:L,onHoldComplete:X}),Re=w||Q||oe||ae||de||pe||Ae||He;return e(f,{className:t(S,"button",z&&Re?"button_type_default":z?"button_type_label":Re?"button_type_icon":"",ee&&`border-width_${ee}`,Y&&`border-color_${Y}`,Z&&`border_type_${Z}`,q&&`fill_${q}`,E&&!M&&`fill_hover_${E}`,Le&&`shape_${Le}`,$e&&`button_size_${$e}`,Ne&&`button_width_${Ne}`,re&&`elevation_${re}`,N&&"cursor_type_pointer",M&&"button_state_disabled cursor_type_default",C&&"button_type_badge",ke&&"button_reset-padding",Xe&&"button_reset-gap",$&&"button_state_loading",We&&"skeleton",L&&"button_holding",qe&&L&&`button_state_${qe}`),type:_,title:h,"data-testid":A?A.endsWith("Button")?A:`${A}Button`:void 0,"data-tour":F,disabled:M,href:H??v,LinkComponent:H??v?"a":"button",rel:g,style:je,target:B,onClick:N,onMouseDown:k,onPointerCancel:Ee,onPointerDown:Ge,onPointerLeave:Ee,onPointerUp:Ee,children:r("div",{className:"button__wrapper",ref:T,children:[L&&e("div",{className:t("button__indication",`button__indication_${qe}`),children:e("div",{className:"button__indication-item",children:" "})}),$&&e(u,{appearance:d(ge,Be),className:t(S,"button__loader"),type:Me,size:we,fill:he,itemFill:Qe}),Q,(pe||Ae)&&e(y,{appearance:d(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Se,imageSrc:Ae,shape:be,SvgImage:pe||void 0}),(oe||He)&&e(y,{appearance:d(fe,ye),className:"button__icon",fill:Fe,fillSize:Ce,iconFill:ze,iconSize:_e,imageSrc:He,shape:ve,SvgImage:oe||void 0}),(W||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||z}),(ae||de)&&e(y,{appearance:d(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:de,shape:se,SvgImage:ae||void 0}),C,w]})})});export{b as B,x as a,T as b};
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import o,{useRef as a,useState as i,useEffect as l,useCallback as n}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as d}from"@itcase/ui-core/utils";import{L as f,I as y,T as p}from"./primitives_es_C4dQ1kEP.js";import{L as u}from"./Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const I="holding",P="idle";const T={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=o.forwardRef(function(o,T){const{appearance:b,className:S,dataTestId:A,dataTour:F,label:z,Badge:C,href:v,htmlType:_="button",link:H,rel:g,target:B,tooltip:h,before:Q,after:w,isDisabled:M,isHolding:L,isLoading:$=!1,onClick:N,onHoldComplete:X,onMouseDown:k,children:W}=o,D=c(b,x,M),j=s(o,D),{fillClass:q,fillHoverClass:E,labelTextColor:G,labelTextColorHover:R,labelTextSize:U,labelTextTruncate:J,labelTextWeight:K,labelTextWidth:O,labelTextWrap:V,borderColorClass:Y,borderTypeClass:Z,borderWidthClass:ee,elevationClass:re,icon:oe,iconAfter:ae,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:de,iconAppearance:fe,iconAppearanceSize:ye,iconBefore:pe,iconBeforeAppearance:ue,iconBeforeAppearanceSize:Ie,iconBeforeFill:Pe,iconBeforeFillIcon:Te,iconBeforeFillSize:xe,iconBeforeShape:be,iconBeforeSize:Se,iconBeforeSrc:Ae,iconFill:Fe,iconFillIcon:ze,iconFillSize:Ce,iconShape:ve,iconSize:_e,iconSrc:He,loaderAppearance:ge,loaderAppearanceSize:Be,loaderFill:he,loaderItemFill:Qe,loaderSize:we,loaderType:Me="dot",shapeClass:Le,sizeClass:$e,widthClass:Ne,zeroGap:Xe,zeroPadding:ke,isSkeleton:We}=j,{label:De,styles:je}=m(o),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:o,onHoldComplete:t}=e,c=a(null),s=a(!1),[m,d]=i(P),f=a(0);l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===f.current&&!s.current&&t&&(s.current=!0,t()),m===I&&f.current<1){const o=Math.min(f.current+16/r,1);f.current=o,c.current=requestAnimationFrame(e)}if(m===P&&f.current>0){const o=Math.max(f.current-16/r,0);f.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r,t]);const y=n(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(s.current=!1,d(I)))},[o]),p=n(()=>{s.current=!1,d(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:y}}({holdDurationMs:500,isHolding:L,onHoldComplete:X}),Re=w||Q||oe||ae||de||pe||Ae||He;return e(f,{className:t(S,"button",z&&Re?"button_type_default":z?"button_type_label":Re?"button_type_icon":"",ee&&`border-width_${ee}`,Y&&`border-color_${Y}`,Z&&`border_type_${Z}`,q&&`fill_${q}`,E&&!M&&`fill_hover_${E}`,Le&&`shape_${Le}`,$e&&`button_size_${$e}`,Ne&&`button_width_${Ne}`,re&&`elevation_${re}`,N&&"cursor_type_pointer",M&&"button_state_disabled cursor_type_default",C&&"button_type_badge",ke&&"button_reset-padding",Xe&&"button_reset-gap",$&&"button_state_loading",We&&"skeleton",L&&"button_holding",qe&&L&&`button_state_${qe}`),type:_,title:h,"data-testid":A?A.endsWith("Button")?A:`${A}Button`:void 0,"data-tour":F,disabled:M,href:H??v,LinkComponent:H??v?"a":"button",rel:g,style:je,target:B,onClick:N,onMouseDown:k,onPointerCancel:Ee,onPointerDown:Ge,onPointerLeave:Ee,onPointerUp:Ee,children:r("div",{className:"button__wrapper",ref:T,children:[L&&e("div",{className:t("button__indication",`button__indication_${qe}`),children:e("div",{className:"button__indication-item",children:" "})}),$&&e(u,{appearance:d(ge,Be),className:t(S,"button__loader"),type:Me,size:we,fill:he,itemFill:Qe}),Q,(pe||Ae)&&e(y,{appearance:d(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Se,imageSrc:Ae,shape:be,SvgImage:pe||void 0}),(oe||He)&&e(y,{appearance:d(fe,ye),className:"button__icon",fill:Fe,fillSize:Ce,iconFill:ze,iconSize:_e,imageSrc:He,shape:ve,SvgImage:oe||void 0}),(W||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||z}),(ae||de)&&e(y,{appearance:d(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:de,shape:se,SvgImage:ae||void 0}),C,w]})})});export{b as B,x as a,T as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("@itcase/ui-core/hooks"),o=require("./primitives_cjs_Dw4SMbjT.js");const a={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},l={appearance:a,setAppearance:e=>{l.appearance=e}};function c(a){const{appearance:c,className:t,dataTestId:n,dataTour:s,label:f="",isActive:d,isDisabled:y,isSkeleton:m,onClick:u,onClickIconAfter:x,onClickIconBefore:I,children:b}=a,C=i.useAppearanceConfig(c,l,y),T=i.useDevicePropsGenerator(a,C),{alignClass:A,alignDirectionClass:p,fillActiveClass:v,fillActiveHoverClass:P,fillClass:S,fillHoverClass:B,labelTextActiveColor:g,labelTextActiveColorHover:F,labelTextColor:z,labelTextColorHover:_,labelTextSize:h,labelTextWeight:H,labelTextWrap:Q,borderColorClass:$,borderTypeClass:w,badgeAppearance:j,badgeShape:M,badgeSize:k,badgeTextColor:N,badgeTextSize:X,badgeValue:L,cursorClass:D,iconAfter:W,iconAfterActive:q,iconAfterFill:G,iconAfterFillActiveIcon:O,iconAfterFillIcon:V,iconAfterFillSize:E,iconAfterShape:J,iconAfterSize:K,iconAfterSrc:R,iconBefore:U,iconBeforeActive:Y,iconBeforeFill:Z,iconBeforeFillActiveIcon:ee,iconBeforeFillIcon:re,iconBeforeFillSize:ie,iconBeforeShape:oe,iconBeforeSize:ae,iconBeforeSrc:le,shapeClass:ce,sizeClass:te}=T,{styles:ne}=i.useStyles(a);return e.jsx("div",{className:r(t,"chips",d?v&&`fill_active_${v}`:S&&`fill_${S}`,d?P&&`fill_active_hover_${P}`:B&&`fill_hover_${B}`,ce&&`shape_${ce}`,$&&`border-color_${$}`,w&&`border_type_${w}`,te&&`chips_size_${te}`,p&&`align_${p}`,A&&`align_${A}`,d&&"chips_state_active",y&&"chips_state_disabled",D&&`cursor_${D}`,u&&"cursor_type_pointer",m&&"skeleton"),"data-testid":n&&`${n}Chips`,"data-tour":s,style:ne,onClick:y?void 0:u,children:e.jsxs("div",{className:"chips__inner",children:[(U||le||Y&&d)&&e.jsx(o.Icon,{className:"chips__icon_before",size:ae,fill:Z,fillSize:ie,iconFill:re,iconFillActive:ee,imageSrc:le,shape:oe,SvgImage:Y&&d?Y:U,isActive:d,onClick:I}),"string"==typeof f?e.jsx(o.Text,{className:"chips__label",size:h,textColor:z,textColorActive:g,textColorActiveHover:F,textColorHover:_,textWeight:H,textWrap:Q,isActive:d,children:f}):e.jsx("div",{className:"chips__label",children:f}),b,(W||R||q&&d)&&e.jsx(o.Icon,{className:"chips__icon_after",size:K,fill:G,fillSize:E,iconFill:V,iconFillActive:O,imageSrc:R,shape:J,SvgImage:q&&d?q:W,isActive:d,onClick:x}),L&&e.jsx(o.Badge,{appearance:j,className:"chips__badge",size:k,textColor:N,textSize:X,shape:M,value:L})]})})}exports.Chips=c,exports.ChipsGroup=function(o){const{className:a,dataTestId:l,dataTour:t,chipsList:n,horizontalScroll:s,style:f,onClick:d,children:y}=o,m=i.useDevicePropsGenerator(o),{directionClass:u,alignClass:x,alignDirectionClass:I,fillClass:b,borderColorClass:C,borderTypeClass:T,borderWidthClass:A,chipsAppearance:p,widthClass:v,wrapClass:P}=m,{styles:S}=i.useStyles(o);return e.jsx("div",{className:r(a,"chips-group","group",v&&`width_${v}`,I&&`align_${I}`,u&&`group_direction_${u}`,x&&`align_${x}`,b&&`fill_${b}`,s&&"group_scroll_horizontal",P&&`group_wrap_${P}`,C&&`border-color_${C}`,A&&`border-width_${A}`,T&&`border_type_${T}`),"data-testid":l,"data-tour":t,style:Object.assign({},S,f),children:y||n?.map(r=>e.jsx(c,{appearance:p,label:r.label,iconAfter:r.iconAfter,iconAfterActive:r.iconAfterActive,iconBefore:r.iconBefore,iconBeforeActive:r.iconBeforeActive,isActive:r.isActive,isDisabled:r.isDisabled,onClick:e=>d?.(r,e)},r.value))})},exports.chipsAppearance=a,exports.chipsConfig=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as t,B as n}from"./
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as t,B as n}from"./primitives_es_C4dQ1kEP.js";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"m",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"m",iconAfterSize:"16",iconBeforeSize:"16"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"14",iconBeforeSize:"14"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextActiveColorHover:"surfaceTextActiveHoverQuaternary",labelTextColor:"surfaceTextQuaternary",labelTextColorHover:"surfaceTextQuaternary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeXS solid rounded",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentSecondary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderSecondary",iconAfterFillActiveIcon:"accentItemPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillActiveIcon:"accentItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},f={appearance:s,setAppearance:e=>{f.appearance=e}};function d(s){const{appearance:d,className:y,dataTestId:m,dataTour:u,label:x="",isActive:I,isDisabled:b,isSkeleton:T,onClick:C,onClickIconAfter:A,onClickIconBefore:v,children:P}=s,p=o(d,f,b),S=a(s,p),{alignClass:B,alignDirectionClass:F,fillActiveClass:g,fillActiveHoverClass:z,fillClass:_,fillHoverClass:h,labelTextActiveColor:H,labelTextActiveColorHover:Q,labelTextColor:$,labelTextColorHover:w,labelTextSize:M,labelTextWeight:k,labelTextWrap:N,borderColorClass:X,borderTypeClass:L,badgeAppearance:D,badgeShape:W,badgeSize:j,badgeTextColor:O,badgeTextSize:V,badgeValue:q,cursorClass:E,iconAfter:G,iconAfterActive:J,iconAfterFill:K,iconAfterFillActiveIcon:R,iconAfterFillIcon:U,iconAfterFillSize:Y,iconAfterShape:Z,iconAfterSize:ee,iconAfterSrc:re,iconBefore:ie,iconBeforeActive:oe,iconBeforeFill:ae,iconBeforeFillActiveIcon:le,iconBeforeFillIcon:ce,iconBeforeFillSize:te,iconBeforeShape:ne,iconBeforeSize:se,iconBeforeSrc:fe,shapeClass:de,sizeClass:ye}=S,{styles:me}=l(s);return e("div",{className:i(y,"chips",I?g&&`fill_active_${g}`:_&&`fill_${_}`,I?z&&`fill_active_hover_${z}`:h&&`fill_hover_${h}`,de&&`shape_${de}`,X&&`border-color_${X}`,L&&`border_type_${L}`,ye&&`chips_size_${ye}`,F&&`align_${F}`,B&&`align_${B}`,I&&"chips_state_active",b&&"chips_state_disabled",E&&`cursor_${E}`,C&&"cursor_type_pointer",T&&"skeleton"),"data-testid":m&&`${m}Chips`,"data-tour":u,style:me,onClick:b?void 0:C,children:r("div",{className:"chips__inner",children:[(ie||fe||oe&&I)&&e(c,{className:"chips__icon_before",size:se,fill:ae,fillSize:te,iconFill:ce,iconFillActive:le,imageSrc:fe,shape:ne,SvgImage:oe&&I?oe:ie,isActive:I,onClick:v}),"string"==typeof x?e(t,{className:"chips__label",size:M,textColor:$,textColorActive:H,textColorActiveHover:Q,textColorHover:w,textWeight:k,textWrap:N,isActive:I,children:x}):e("div",{className:"chips__label",children:x}),P,(G||re||J&&I)&&e(c,{className:"chips__icon_after",size:ee,fill:K,fillSize:Y,iconFill:U,iconFillActive:R,imageSrc:re,shape:Z,SvgImage:J&&I?J:G,isActive:I,onClick:A}),q&&e(n,{appearance:D,className:"chips__badge",size:j,textColor:O,textSize:V,shape:W,value:q})]})})}function y(r){const{className:o,dataTestId:c,dataTour:t,chipsList:n,horizontalScroll:s,style:f,onClick:y,children:m}=r,u=a(r),{directionClass:x,alignClass:I,alignDirectionClass:b,fillClass:T,borderColorClass:C,borderTypeClass:A,borderWidthClass:v,chipsAppearance:P,widthClass:p,wrapClass:S}=u,{styles:B}=l(r);return e("div",{className:i(o,"chips-group","group",p&&`width_${p}`,b&&`align_${b}`,x&&`group_direction_${x}`,I&&`align_${I}`,T&&`fill_${T}`,s&&"group_scroll_horizontal",S&&`group_wrap_${S}`,C&&`border-color_${C}`,v&&`border-width_${v}`,A&&`border_type_${A}`),"data-testid":c,"data-tour":t,style:Object.assign({},B,f),children:m||n?.map(r=>e(d,{appearance:P,label:r.label,iconAfter:r.iconAfter,iconAfterActive:r.iconAfterActive,iconBefore:r.iconBefore,iconBeforeActive:r.iconBeforeActive,isActive:r.isActive,isDisabled:r.isDisabled,onClick:e=>y?.(r,e)},r.value))})}export{d as C,y as a,f as b,s as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("clsx"),r=require("date-fns/locale"),i=require("react-datepicker"),n=require("@itcase/ui-core/hooks"),o=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("clsx"),r=require("date-fns/locale"),i=require("react-datepicker"),n=require("@itcase/ui-core/hooks"),o=require("./Button_cjs_Dq2pZYkE.js"),c=require("./primitives_cjs_Dw4SMbjT.js"),s=require("./Input_cjs_D9PxC_lJ.js"),l=require("./default_cjs_BMdcKzhJ.js");const p={surfacePrimary:{dayTextColor:"surfaceTextPrimary",dayTextShape:"rounded",iconFillHover:"surfaceSecondary",iconItemFill:"surfaceItemPrimary",iconShape:"circular",monthTextColor:"surfaceTextPrimary",monthTextWeight:"400",yearTextColor:"surfaceTextPrimary",yearTextWeight:"400"},...{sizeL:{size:"l",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight},sizeM:{size:"m",daySize:"xxl",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight,iconSize:"14",monthTextSize:"m",yearTextSize:"m"},sizeS:{size:"s",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:l.icons14.Arrow.ChevronLeft,iconRight:l.icons14.Arrow.ChevronRight}},solid:{inputProps:{borderColor:"none"}},outlined:{inputProps:{fill:"none"}},full:{},ghost:{inputProps:{fill:"none",borderColor:"none"}}},u=e=>{const t=e.getDay()||7,a=new Date(e);a.setDate(e.getDate()-(t-1));const r=new Date(a);return r.setDate(a.getDate()+6),{mondayDate:a,sundayDate:r}},d={appearance:p,setAppearance:e=>{d.appearance=e}};const m=t.forwardRef((r,i)=>{const{inputIcon:n,inputProps:o,value:c,isClearable:l}=r,p=t.useMemo(()=>{if(c){const e=c.split(" - ");return e[0]===e[1]?e[0]:c}return""},[c]);return e.jsxs(t.Fragment,{children:[e.jsx(s.Input,{...r,...o,className:a(o?.className,"datepicker__input"),ref:i,autocomplete:"off",value:p}),n&&e.jsx(x,{...o}),l&&e.jsx(h,{datepickerRef:r.datepickerRef,...o})]})});function h(r){const{clearButton:i,clearButtonAppearance:n,clearIcon:s,clearIconAppearance:l,clearIconSrc:p,datepickerRef:u}=r,d=t.useCallback(e=>{u?.current?.onClearClick(e),u?.current?.handleFocus(e)},[]);return e.jsx(t.Fragment,{children:i?e.jsx(o.Button,{appearance:n,className:a("react-datepicker__clear-button","cursor_type_pointer"),label:i,onClick:d}):(s||p)&&e.jsx(c.Icon,{appearance:l,className:a("react-datepicker__clear-icon","cursor_type_pointer"),imageSrc:p,SvgImage:s,onClick:d})})}function x(t){const{inputIcon:r,inputIconFill:i,inputIconFillHover:n,inputIconFillSize:o,inputIconItemFill:s,inputIconShape:l,inputIconSize:p,inputIconSrc:u,onClick:d}=t;return e.jsx(c.Icon,{className:a("react-datepicker__input-icon","cursor_type_pointer"),size:p,fill:i,fillHover:n,fillSize:o,iconFill:s,imageSrc:u,shape:l,SvgImage:r,onClick:()=>d&&d()})}exports.DatePickerInput=function(s){const{className:l,dataTestId:p,dataTour:h,datePickerProps:x={},endValue:f,inputProps:y={},value:k,onChange:C}=s,{appearance:S,customTimeInput:g,disablePastDays:_,monthsShown:z,selectsRange:I,showWeekNumbers:v,showWeekPicker:T}=x,j=n.useAppearanceConfig(S,d),D=n.useDevicePropsGenerator(x,j),{daySize:P,dayTextColor:b,dayTextShape:F,dayTextSize:w,iconFill:N,iconFillHover:R,iconFillSize:A,iconItemFill:q,iconLeft:L,iconRight:W,iconShape:H,monthTextColor:B,monthTextSize:M,monthTextWeight:$,popper:O,popperPlacement:U,sizeClass:G,widthClass:V,yearTextColor:E,yearTextSize:J,yearTextWeight:K,isClearable:Q}=D,X=t.useRef(null),[Y,Z]=t.useMemo(()=>{let e,t;return k&&(e="string"==typeof k?new Date(k):k),f&&(t="string"==typeof f?new Date(f):f),[e,t]},[k,f]),ee=t.useCallback(e=>{const t=Array.isArray(e)?e:[e],[a,r]=t;if(a&&T){const{mondayDate:e,sundayDate:t}=u(a);C?.(e,t)}else C?.(a,r)},[T,C]),te=t.useCallback(e=>{const{mondayDate:t,sundayDate:a}=u(e);C?.(t,a)},[C]),ae=t.useCallback((t,a)=>e.jsx(o.Button,{className:"react-datepicker__day-button",size:P,label:a.getDate().toString(),labelTextColor:b,labelTextSize:w,shape:F}),[P,b,F,w]),re=t.useCallback(({decreaseMonth:t,increaseMonth:a,monthDate:r})=>e.jsxs("div",{className:"react-datepicker__header--div",children:[L&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:N,fillHover:R,fillSize:A,iconFill:q,shape:H,SvgImage:L,onClick:t}),e.jsxs("div",{className:"react-datepicker__data",children:[e.jsx(c.Text,{className:"react-datepicker__month",size:M,textColor:B,textWeight:$,children:r.toLocaleString("ru-RU",{month:"long"})}),e.jsx(c.Text,{className:"react-datepicker__year",size:J,textColor:E,textWeight:K,children:r.toLocaleString("ru-RU",{year:"numeric"})})]}),W&&e.jsx(c.Icon,{className:"react-datepicker__icon",fill:N,fillHover:R,fillSize:A,iconFill:q,shape:H,SvgImage:W,onClick:a})]}),[N,R,A,q,L,W,H,B,M,$,E,J,K]),{styles:ie}=n.useStyles(s);return e.jsx("div",{className:a(l,"datepicker",null!=z&&z>1&&"datepicker_multiple-months",g&&"datepicker_button",G&&`datepicker_size_${G}`,V&&`datepicker_width_${V}`),"data-testid":p,"data-tour":h,style:ie,children:e.jsx(i,{ref:X,...x,monthsShown:z,minDate:_?new Date:void 0,customInput:e.jsx(m,{datepickerRef:X,inputProps:y,isClearable:Q}),endDate:I?Z:void 0,locale:r.ru,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:O&&`react-datepicker-popper-${O}`,popperPlacement:U,preventOpenOnFocus:!0,renderCustomHeader:re,renderDayContents:ae,selected:Y,startDate:Y,isClearable:!1,onChange:ee,onWeekSelect:v?te:void 0})})},exports.datePickerAppearance=p,exports.datePickerConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import a,{useMemo as r,useCallback as i,useRef as o}from"react";import n from"clsx";import{ru as c}from"date-fns/locale";import l from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as d}from"@itcase/ui-core/hooks";import{B as m}from"./
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import a,{useMemo as r,useCallback as i,useRef as o}from"react";import n from"clsx";import{ru as c}from"date-fns/locale";import l from"react-datepicker";import{useAppearanceConfig as s,useDevicePropsGenerator as p,useStyles as d}from"@itcase/ui-core/hooks";import{B as m}from"./Button_es_l1l4XH3Z.js";import{I as u,T as h}from"./primitives_es_C4dQ1kEP.js";import{I as f}from"./Input_es_DabuPYuA.js";import{b as y}from"./default_es_CsYL84NN.js";const S={surfacePrimary:{dayTextColor:"surfaceTextPrimary",dayTextShape:"rounded",iconFillHover:"surfaceSecondary",iconItemFill:"surfaceItemPrimary",iconShape:"circular",monthTextColor:"surfaceTextPrimary",monthTextWeight:"400",yearTextColor:"surfaceTextPrimary",yearTextWeight:"400"},...{sizeL:{size:"l",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight},sizeM:{size:"m",daySize:"xxl",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight,iconSize:"14",monthTextSize:"m",yearTextSize:"m"},sizeS:{size:"s",daySize:"xs",dayTextSize:"m",iconFillSize:"24",iconLeft:y.Arrow.ChevronLeft,iconRight:y.Arrow.ChevronRight}},solid:{inputProps:{borderColor:"none"}},outlined:{inputProps:{fill:"none"}},full:{},ghost:{inputProps:{fill:"none",borderColor:"none"}}},_=e=>{const t=e.getDay()||7,a=new Date(e);a.setDate(e.getDate()-(t-1));const r=new Date(a);return r.setDate(a.getDate()+6),{mondayDate:a,sundayDate:r}},g={appearance:S,setAppearance:e=>{g.appearance=e}};function C(a){const{className:f,dataTestId:y,dataTour:S,datePickerProps:C={},endValue:x,inputProps:z={},value:T,onChange:v}=a,{appearance:I,customTimeInput:D,disablePastDays:F,monthsShown:w,selectsRange:P,showWeekNumbers:b,showWeekPicker:N}=C,R=s(I,g),A=p(C,R),{daySize:L,dayTextColor:W,dayTextShape:H,dayTextSize:j,iconFill:B,iconFillHover:M,iconFillSize:$,iconItemFill:O,iconLeft:U,iconRight:V,iconShape:q,monthTextColor:E,monthTextSize:G,monthTextWeight:J,popper:K,popperPlacement:Q,sizeClass:X,widthClass:Y,yearTextColor:Z,yearTextSize:ee,yearTextWeight:te,isClearable:ae}=A,re=o(null),[ie,oe]=r(()=>{let e,t;return T&&(e="string"==typeof T?new Date(T):T),x&&(t="string"==typeof x?new Date(x):x),[e,t]},[T,x]),ne=i(e=>{const t=Array.isArray(e)?e:[e],[a,r]=t;if(a&&N){const{mondayDate:e,sundayDate:t}=_(a);v?.(e,t)}else v?.(a,r)},[N,v]),ce=i(e=>{const{mondayDate:t,sundayDate:a}=_(e);v?.(t,a)},[v]),le=i((e,a)=>t(m,{className:"react-datepicker__day-button",size:L,label:a.getDate().toString(),labelTextColor:W,labelTextSize:j,shape:H}),[L,W,H,j]),se=i(({decreaseMonth:a,increaseMonth:r,monthDate:i})=>e("div",{className:"react-datepicker__header--div",children:[U&&t(u,{className:"react-datepicker__icon",fill:B,fillHover:M,fillSize:$,iconFill:O,shape:q,SvgImage:U,onClick:a}),e("div",{className:"react-datepicker__data",children:[t(h,{className:"react-datepicker__month",size:G,textColor:E,textWeight:J,children:i.toLocaleString("ru-RU",{month:"long"})}),t(h,{className:"react-datepicker__year",size:ee,textColor:Z,textWeight:te,children:i.toLocaleString("ru-RU",{year:"numeric"})})]}),V&&t(u,{className:"react-datepicker__icon",fill:B,fillHover:M,fillSize:$,iconFill:O,shape:q,SvgImage:V,onClick:r})]}),[B,M,$,O,U,V,q,E,G,J,Z,ee,te]),{styles:pe}=d(a);return t("div",{className:n(f,"datepicker",null!=w&&w>1&&"datepicker_multiple-months",D&&"datepicker_button",X&&`datepicker_size_${X}`,Y&&`datepicker_width_${Y}`),"data-testid":y,"data-tour":S,style:pe,children:t(l,{ref:re,...C,monthsShown:w,minDate:F?new Date:void 0,customInput:t(k,{datepickerRef:re,inputProps:z,isClearable:ae}),endDate:P?oe:void 0,locale:c,outsideClickIgnoreClass:"react-datepicker-popper",popperClassName:K&&`react-datepicker-popper-${K}`,popperPlacement:Q,preventOpenOnFocus:!0,renderCustomHeader:se,renderDayContents:le,selected:ie,startDate:ie,isClearable:!1,onChange:ne,onWeekSelect:b?ce:void 0})})}const k=a.forwardRef((i,o)=>{const{inputIcon:c,inputProps:l,value:s,isClearable:p}=i,d=r(()=>{if(s){const e=s.split(" - ");return e[0]===e[1]?e[0]:s}return""},[s]);return e(a.Fragment,{children:[t(f,{...i,...l,className:n(l?.className,"datepicker__input"),ref:o,autocomplete:"off",value:d}),c&&t(z,{...l}),p&&t(x,{datepickerRef:i.datepickerRef,...l})]})});function x(e){const{clearButton:r,clearButtonAppearance:o,clearIcon:c,clearIconAppearance:l,clearIconSrc:s,datepickerRef:p}=e,d=i(e=>{p?.current?.onClearClick(e),p?.current?.handleFocus(e)},[]);return t(a.Fragment,{children:r?t(m,{appearance:o,className:n("react-datepicker__clear-button","cursor_type_pointer"),label:r,onClick:d}):(c||s)&&t(u,{appearance:l,className:n("react-datepicker__clear-icon","cursor_type_pointer"),imageSrc:s,SvgImage:c,onClick:d})})}function z(e){const{inputIcon:a,inputIconFill:r,inputIconFillHover:i,inputIconFillSize:o,inputIconItemFill:c,inputIconShape:l,inputIconSize:s,inputIconSrc:p,onClick:d}=e;return t(u,{className:n("react-datepicker__input-icon","cursor_type_pointer"),size:s,fill:r,fillHover:i,fillSize:o,iconFill:c,imageSrc:p,shape:l,SvgImage:a,onClick:()=>d&&d()})}export{C as D,g as a,S as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("./
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),l=require("./primitives_cjs_Dw4SMbjT.js");require("@rc-component/tooltip");const a={disabledPrimary:{fill:"disabledPrimary",labelTextColor:"disabledTextPrimary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXXL:{size:"xxl",labelTextSize:"xxl",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeL:{size:"l",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterFillSize:"14",iconAfterSize:"14",iconBeforeFillSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},gradientPrimary:{fill:"gradientPrimaryDiagonal",labelTextColor:"white",borderColor:"surfaceBorderPrimary",iconAfterFillIcon:"white",iconBeforeFillIcon:"white"},accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",labelTextColor:"accentTextPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextQuaternary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemQuaternary",iconBeforeFillIcon:"specialItemQuaternary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",labelTextColor:"surfaceTextPrimary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"}},t={appearance:a,setAppearance:e=>{t.appearance=e}};exports.Label=function(a){const{appearance:n,className:c,dataTestId:s,dataTour:f,label:d,cursor:y,tooltipContent:m,before:u,after:x,isDisabled:b,isSkeleton:I,onClick:S,children:T}=a,p=r.useRef(null),P=r.useCallback(()=>{p.current?.openTooltip()},[]),C=r.useCallback(()=>{p.current?.closeTooltip()},[]),z=i.useAppearanceConfig(n,t,b),F=i.useDevicePropsGenerator(a,z),{alignClass:B,fillClass:g,fillHoverClass:A,labelTextColor:h,labelTextColorHover:_,labelTextSize:Q,labelTextWeight:w,labelTextWrap:M,borderColorClass:v,borderTypeClass:j,iconAfter:L,iconAfterFill:$,iconAfterFillIcon:N,iconAfterFillSize:W,iconAfterShape:X,iconAfterSize:k,iconAfterSrc:q,iconBefore:D,iconBeforeFill:H,iconBeforeFillIcon:E,iconBeforeFillSize:G,iconBeforeShape:R,iconBeforeSize:J,iconBeforeSrc:K,shapeClass:O,sizeClass:U,tooltipAlignment:V,tooltipAppearance:Y,tooltipArrowPosition:Z,tooltipText:ee,tooltipTextSize:re,tooltipTextWeight:oe,tooltipTitle:ie,tooltipTitleSize:le,tooltipTitleWeight:ae,widthClass:te,wrapClass:ne}=F,{styles:ce}=i.useStyles(a);return e.jsxs("div",{className:o(c,"label",g&&`fill_${g}`,A&&`fill_hover_${A}`,O&&`shape_${O}`,v&&`border-color_${v}`,j&&`border_type_${j}`,U&&`label_size_${U}`,ne&&`word-wrap_${ne}`,te&&`label_width_${te}`,B&&`align_${B}`,I&&"skeleton",S&&(y||"cursor_type_pointer")),"data-testid":s,"data-tour":f,style:ce,onClick:S,onMouseEnter:P,onMouseLeave:C,children:[u,(D||K)&&e.jsx(l.Icon,{className:o("label__icon_before"),fill:H,fillSize:G,iconFill:E,iconSize:J,imageSrc:K,shape:R,SvgImage:D}),e.jsxs("div",{className:"label__inner",children:["string"==typeof d?e.jsx(l.Text,{className:"label__text",size:Q,textColor:h,textColorHover:_,textWeight:w,textWrap:M,children:d}):e.jsx("div",{className:"label__text",children:d}),T,m&&e.jsx(l.Tooltip,{appearance:Y,className:"label__tooltip",ref:p,alignment:V,title:ie,titleSize:le,titleWeight:ae,text:ee,textSize:re,textWeight:oe,arrowPosition:Z,children:m})]}),(L||q)&&e.jsx(l.Icon,{className:o("label__icon_after"),fill:$,fillSize:W,iconFill:N,iconSize:k,imageSrc:q,shape:X,SvgImage:L}),x]})},exports.labelAppearance=a,exports.labelConfig=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as o,useCallback as i}from"react";import l from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as n}from"@itcase/ui-core/hooks";import{I as c,T as s,f}from"./
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as o,useCallback as i}from"react";import l from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as n}from"@itcase/ui-core/hooks";import{I as c,T as s,f}from"./primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";const d={disabledPrimary:{fill:"disabledPrimary",labelTextColor:"disabledTextPrimary",borderColor:"disabledBorderPrimary",iconAfterFillIcon:"disabledItemPrimary",iconBeforeFillIcon:"disabledItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXXL:{size:"xxl",labelTextSize:"xxl",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeL:{size:"l",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterFillSize:"14",iconAfterSize:"14",iconBeforeFillSize:"14",iconBeforeSize:"14"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},gradientPrimary:{fill:"gradientPrimaryDiagonal",labelTextColor:"white",borderColor:"surfaceBorderPrimary",iconAfterFillIcon:"white",iconBeforeFillIcon:"white"},accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",labelTextColor:"accentTextPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",labelTextColor:"dangerTextQuaternary",borderColor:"dangerBorderQuaternary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary"},dangerPrimary:{fill:"dangerPrimary",labelTextColor:"dangerTextPrimary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary"},specialMutedPrimary:{fill:"specialTertiary",labelTextColor:"specialTextQuaternary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemQuaternary",iconBeforeFillIcon:"specialItemQuaternary"},specialPrimary:{fill:"specialPrimary",labelTextColor:"specialTextPrimary",borderColor:"specialBorderSecondary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary"},extraMutedPrimary:{fill:"extraTertiary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary"},extraPrimary:{fill:"extraPrimary",labelTextColor:"extraTextPrimary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary"},successMutedPrimary:{fill:"successTertiary",labelTextColor:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary"},successPrimary:{fill:"successPrimary",labelTextColor:"successTextPrimary",borderColor:"successBorderSecondary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",labelTextColor:"surfaceTextPrimary"},warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary"}},m={appearance:d,setAppearance:e=>{m.appearance=e}};function y(d){const{appearance:y,className:u,dataTestId:x,dataTour:I,label:S,cursor:T,tooltipContent:b,before:p,after:P,isDisabled:z,isSkeleton:C,onClick:F,children:B}=d,g=o(null),A=i(()=>{g.current?.openTooltip()},[]),h=i(()=>{g.current?.closeTooltip()},[]),_=a(y,m,z),Q=t(d,_),{alignClass:w,fillClass:M,fillHoverClass:v,labelTextColor:L,labelTextColorHover:$,labelTextSize:N,labelTextWeight:W,labelTextWrap:X,borderColorClass:k,borderTypeClass:H,iconAfter:j,iconAfterFill:D,iconAfterFillIcon:E,iconAfterFillSize:q,iconAfterShape:G,iconAfterSize:J,iconAfterSrc:K,iconBefore:O,iconBeforeFill:R,iconBeforeFillIcon:U,iconBeforeFillSize:V,iconBeforeShape:Y,iconBeforeSize:Z,iconBeforeSrc:ee,shapeClass:re,sizeClass:oe,tooltipAlignment:ie,tooltipAppearance:le,tooltipArrowPosition:ae,tooltipText:te,tooltipTextSize:ne,tooltipTextWeight:ce,tooltipTitle:se,tooltipTitleSize:fe,tooltipTitleWeight:de,widthClass:me,wrapClass:ye}=Q,{styles:ue}=n(d);return e("div",{className:l(u,"label",M&&`fill_${M}`,v&&`fill_hover_${v}`,re&&`shape_${re}`,k&&`border-color_${k}`,H&&`border_type_${H}`,oe&&`label_size_${oe}`,ye&&`word-wrap_${ye}`,me&&`label_width_${me}`,w&&`align_${w}`,C&&"skeleton",F&&(T||"cursor_type_pointer")),"data-testid":x,"data-tour":I,style:ue,onClick:F,onMouseEnter:A,onMouseLeave:h,children:[p,(O||ee)&&r(c,{className:l("label__icon_before"),fill:R,fillSize:V,iconFill:U,iconSize:Z,imageSrc:ee,shape:Y,SvgImage:O}),e("div",{className:"label__inner",children:["string"==typeof S?r(s,{className:"label__text",size:N,textColor:L,textColorHover:$,textWeight:W,textWrap:X,children:S}):r("div",{className:"label__text",children:S}),B,b&&r(f,{appearance:le,className:"label__tooltip",ref:g,alignment:ie,title:se,titleSize:fe,titleWeight:de,text:te,textSize:ne,textWeight:ce,arrowPosition:ae,children:b})]}),(j||K)&&r(c,{className:l("label__icon_after"),fill:D,fillSize:q,iconFill:E,iconSize:J,imageSrc:K,shape:G,SvgImage:j}),P]})}export{y as L,m as a,d as l};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("./
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("./primitives_cjs_Dw4SMbjT.js");const l={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},o={appearance:l,setAppearance:r=>{o.appearance=r}};exports.Loader=function(l){const{appearance:s,className:t,dataTestId:c,dataTour:d,type:m="dot",text:n,isDisabled:y,isSkeleton:f,children:u}=l,P=a.useAppearanceConfig(s,o,y),p=a.useDevicePropsGenerator(l,P),{fillClass:C,borderColorClass:x,textColor:_,textSize:S,heightClass:b,itemFillClass:h,shapeClass:F,sizeClass:I,widthClass:z}=p,{styles:B}=a.useStyles(l);return r.jsxs("div",{className:e("loader",t,z&&`width_${z}`,b&&`height_${b}`,C&&`fill_${C}`,I&&`loader_size_${I}`,f&&"skeleton",m&&`loader_type_${m}`,F&&`shape_${F}`),"data-testid":c,"data-tour":d,style:B,children:[u||r.jsxs("div",{className:"loader__inner",children:[r.jsx("span",{className:e("loader__item",h&&`fill_${h}`,"circular"===m&&`border-color_${x}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "})]}),n&&r.jsx(i.Text,{className:"loader__text",size:S,textColor:_,children:n})]})},exports.loaderAppearance=l,exports.loaderConfig=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{T as s}from"./
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{T as s}from"./primitives_es_C4dQ1kEP.js";const t={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},c={appearance:t,setAppearance:r=>{c.appearance=r}};function m(t){const{appearance:m,className:d,dataTestId:n,dataTour:y,type:f="dot",text:u,isDisabled:P,isSkeleton:C,children:p}=t,_=i(m,c,P),b=l(t,_),{fillClass:S,borderColorClass:h,textColor:x,textSize:F,heightClass:I,itemFillClass:z,shapeClass:B,sizeClass:$,widthClass:g}=b,{styles:N}=o(t);return r("div",{className:a("loader",d,g&&`width_${g}`,I&&`height_${I}`,S&&`fill_${S}`,$&&`loader_size_${$}`,C&&"skeleton",f&&`loader_type_${f}`,B&&`shape_${B}`),"data-testid":n,"data-tour":y,style:N,children:[p||r("div",{className:"loader__inner",children:[e("span",{className:a("loader__item",z&&`fill_${z}`,"circular"===f&&`border-color_${h}`),children:" "}),e("span",{className:a("loader__item",z&&`fill_${z}`),children:" "}),e("span",{className:a("loader__item",z&&`fill_${z}`),children:" "})]}),u&&e(s,{className:"loader__text",size:F,textColor:x,children:u})]})}export{m as L,c as a,t as l};
|