kwant-ui 3.33.7-dev.5 → 3.33.7-dev.6
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/index.es.js +5 -5
- package/dist/index.js +6 -6
- package/dist/package.json +1 -1
- package/dist/themes/colors.ts +3 -2
- package/dist/themes/types.d.ts +1 -0
- package/package.json +1 -1
- package/themes/colors.ts +3 -2
- package/themes/types.ts +1 -0
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as a,createGlobalStyle as c}from"styled-components";import*as i from"react";import o,{Fragment as s,useEffect as l,forwardRef as h,useId as v,useState as p,useRef as u,cloneElement as g,createContext as m,useContext as d,createElement as f,useMemo as _,useCallback as w,isValidElement as b,Children as y,PureComponent as x,useImperativeHandle as Z,Component as O}from"react";import M,{createPortal as E}from"react-dom";import{ViewportList as H}from"react-viewport-list";var P;!function(e){var t,r;(t=e.Variant||(e.Variant={})).outline="outline",t.filled="filled",t.filter="filter",t.ghost="ghost",t.ghostSecondary="ghostSecondary",(r=e.ButtonEnum||(e.ButtonEnum={}))[r.primary=0]="primary",r[r.secondary=1]="secondary",r[r.error=2]="error",r[r.success=3]="success"}(P||(P={}));const j={regular:400,medium:500,semiBold:600},V={subtitle1:"\n font-size: 1.5rem;\n font-style: normal;\n line-height: 2rem;\n",subtitle2:"\n font-size: 1.25rem;\n font-style: normal;\n line-height: 1.75rem;\n ",body1:"\n font-size: 1rem;\n font-style: normal;\n line-height: 1.5rem;\n",body2:"\n font-size: 0.875rem;\n font-style: normal;\n line-height: 1.25rem;\n ",prefix:"\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n text-transform: uppercase;\n",caption:"\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1re;\n",link:"\n font-size: 14px;\n line-height: 20px;\n text-decoration-line: underline;\n"},C=e=>{const{category:t,weight:r}=e;return t?`\n ${V[t]}\n font-weight:${(e=>e?j[e]:j.regular)(r)};\n `:V.body1},A={primary:{primary100:"#0B1B2A",primary90:"#1C2E40",primary80:"#2A4055",primary70:"#39526B",primary60:"#455F7B",primary50:"#5F758F",primary40:"#455F7B",primary30:"#9CACC0",primary20:"#C0CEDE",primary10:"#E4EBF8",primary5:"#F9FAFD"},secondary:{secondary100:"#103FE8",secondary90:"#2852EA",secondary80:"#4065ED",secondary70:"#5879EF",secondary60:"#708CF1",secondary50:"#889FF4",secondary40:"#9FB2F6",secondary30:"#B7C5F8",secondary20:"#CFD9FA",secondary10:"#E7ECFD",secondary5:"#F3F5FE"},tertiary:{tertiary100:"#174189",tertiary90:"#2E5495",tertiary80:"#4567A1",tertiary70:"#5D7AAC",tertiary60:"#748DB8",tertiary50:"#8BA0C4",tertiary40:"#A2B3D0",tertiary30:"#B9C6DC",tertiary20:"#D1D9E7",tertiary10:"#E8ECF3",tertiary5:"#F3F5F9"},accent:{accent500:"#BD9E2C",accent100:"#ECC537",accent75:"#FFC665",accent50:"#F4DC87",accent15:"#FFF4E0"},link:{linkHigh:"#002C99",linkMedium:"#0053CB",linkLow:"#5D7FFF"},error:{errorHigh:"#AB000D",errorMedium:"#E53935",errorLow:"#FF6F60",errorLow2:"#F8B4B4",errorLow3:"#FDE8E8",errorLower:"#FCF4F4"},success:{successDark:"#009624",successMedium:"#00C853",successLow:"#5EFC82"},black:{blackHigh:"#212121",blackMedium:"#666666",blackLow:"#757575",black:"#000000"},white:{white:"#FFFFFF"},grey:{grey5:"#F9FAFD",grey10:"#F2F5FA",grey20:"#C0CEDE",grey30:"#9CACC0",grey50:"#F9FAFD",grey90:"#1C2E40",grey100:"#F5F7FA",grey200:"#E9ECF2",grey250:"#e4e9f2",grey300:"#C8D2DE",grey400:"#A1AFC0",grey500:"#798CA4",grey700:"#5F758F",grey600:"#616469",grey800:"#39526B",grey900:"#1C2E40",grey1000:"#0B1B2A",greyHigh:"#C2C2C2",greyMedium:"#E5E5E5",greyLow:"#F5F5F5"},warning:{warningHigh:"#C67100",warningMedium:"#FFA000",warningLow:"#FFD149",warningLower:"#FED7AA",warningLower2:"#FFEDD5"},disabled:{disabledHigh:"#B1B1B1",disabledMedium:"#CFCFCF",disabledLow:"#ECECEC"},text:{primary:"#24292E"},input:{focused:"0px 0px 0px 4px rgba(16, 63, 232, 0.25)",focusedShadowButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",focusedShadow:"0px 0px 0px 4px rgba(16, 63, 232, 0.25)",focusedShadowFilter:"rgba(102, 130, 231, 0.30)",focusedShadowError:" 0px 0px 0px 4px rgba(239, 68, 68, 0.25)",focusedSecondary:"rgba(102, 130, 231, 0.30)"},button:{primaryButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",primaryOutlineButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",secondaryButton:"0px 0px 0px 4px rgba(28, 46, 64, 0.10)",errorButton:"0px 0px 0px 4px rgba(229, 57, 53, 0.20)",successButton:"0px 0px 0px 4px rgba(45, 161, 96, 0.20)",filterButton:"0px 0px 0px 4px rgba(102, 130, 231, 0.30)"},green:{green40:"#2DA170",green10:"#9FD4B5",green8:"#D8F0E0",green5:"#F1FAF4",green50:"#F1FAF4",green100:"#D8F0E0",green200:"#9FD4B5",green300:"#52B87A",green400:"#2DA170",green500:"#10855E",green600:"#21765A",green700:"#246650",green800:"#0D533C",green900:"#0A402E"},blue:{blue5:"#F6F8FE",blue50:"#F6F8FE",blue100:"#E7ECFD",blue200:"#CFD9FA",blue300:"#B7C5F8",blue400:"#9FB2F6",blue500:"#889FF4",blue600:"#708CF1",blue700:"#5879EF",blue800:"#4065ED",blue900:"#2852EA",blue1000:"#103FE8"},yellow:{yellow50:"#FEFCE8",yellow100:"#FEF9C3",yellow200:"#FEF08A",yellow300:"#FDE047",yellow400:"#FACC15",yellow500:"#EAB308",yellow600:"#CA8A04",yellow700:"#A16207",yellow800:"#854D0E",yellow900:"#2852EA",yellow1000:"#713F12"},red:{red050:"#FDF2F2",red50:"#FDF2F2",red100:"#FDE8E8",red200:"#FBD5D5",red300:"#F8B4B4",red400:"#F98080",red500:"#F05252",red600:"#DF4242",red700:"#CE3434",red800:"#9B1C1C",red900:"#771D1D"},orange:{orange050:"#FFF7ED",orange50:"#FFF7ED",orange100:"#FFEDD5",orange200:"#FED7AA",orange300:"#FDBA74",orange400:"#FFA84C",orange500:"#F98016",orange600:"#EA580C",orange700:"#C2410C",orange800:"#9A3412",orange900:"#7C2D12"},scrollbar:{track:"#F2F5FA",thumb:"#9CACC0"},transparent:{blueHover:"rgba(16, 63, 232, 0.06)"}},L={...A},{blue:{blue1000:z,blue900:B,blue300:k,blue100:S,blue50:R},button:{primaryButton:D,primaryOutlineButton:I,secondaryButton:T,errorButton:N,successButton:F,filterButton:Q},white:{white:$},grey:{grey900:Y,grey800:U,grey400:W,grey300:X,grey100:K,grey50:q},red:{red700:G,red300:J,red50:ee},green:{green400:te,green5:re,green200:ne}}=L,ae={primary:{backgroundColor:z,textColor:$,borderColor:"transparent",hoverColor:B,focusColor:D,disabledBackgroundColor:k,disabledTextColor:$,disabledBorderColor:"transparent",disabledOutlineTextColor:k,disabledOutlineBorderColor:k,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:I},secondary:{backgroundColor:"transparent",textColor:Y,borderColor:Y,hoverColor:R,focusColor:T,disabledBackgroundColor:R,disabledOutlineTextColor:W,disabledBorderColor:X,disabledOutlineBorderColor:X,disabledTextColor:W,outlineHoverColor:R,outlineTextColor:Y,outlineBorderColor:Y,outlineFocusColor:T},error:{backgroundColor:"transparent",textColor:G,borderColor:J,hoverColor:ee,focusColor:N,disabledBackgroundColor:"transparent",disabledBorderColor:J,disabledTextColor:J,disabledOutlineTextColor:J,disabledOutlineBorderColor:J,outlineHoverColor:ee,outlineTextColor:G,outlineBorderColor:J,outlineFocusColor:N},success:{backgroundColor:"transparent",textColor:te,borderColor:te,hoverColor:re,focusColor:F,disabledBackgroundColor:"transparent",disabledOutlineTextColor:te,disabledOutlineBorderColor:te,disabledTextColor:ne,disabledBorderColor:ne,outlineHoverColor:re,outlineTextColor:te,outlineBorderColor:te,outlineFocusColor:F},filter:{backgroundColor:q,textColor:U,borderColor:X,hoverColor:R,hoverTextColor:z,hoverBorderColor:z,focusColor:Q,disabledOutlineTextColor:W,disabledOutlineBorderColor:X,disabledBackgroundColor:"transparent",disabledTextColor:W,disabledBorderColor:X,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:Q},ghost:{backgroundColor:"transparent",textColor:z,borderColor:"transparent",hoverColor:R,focusColor:S,disabledBackgroundColor:"transparent",disabledTextColor:k,disabledBorderColor:"transparent",disabledOutlineTextColor:k,disabledOutlineBorderColor:k,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:I},ghostSecondary:{backgroundColor:$,textColor:Y,borderColor:"trasparent",hoverColor:q,focusColor:K,disabledBackgroundColor:$,disabledTextColor:W,disabledBorderColor:"transparent",disabledOutlineBorderColor:X,disabledOutlineTextColor:k,outlineHoverColor:R,outlineTextColor:Y,outlineBorderColor:Y,outlineFocusColor:T}},ce=(e,t)=>{if(e&&t===P.Variant.filter)return a`
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as a,createGlobalStyle as c}from"styled-components";import*as i from"react";import o,{Fragment as s,useEffect as l,forwardRef as h,useId as v,useState as p,useRef as u,cloneElement as g,createContext as m,useContext as d,createElement as f,useMemo as _,useCallback as w,isValidElement as b,Children as y,PureComponent as x,useImperativeHandle as Z,Component as O}from"react";import M,{createPortal as E}from"react-dom";import{ViewportList as H}from"react-viewport-list";var P;!function(e){var t,r;(t=e.Variant||(e.Variant={})).outline="outline",t.filled="filled",t.filter="filter",t.ghost="ghost",t.ghostSecondary="ghostSecondary",(r=e.ButtonEnum||(e.ButtonEnum={}))[r.primary=0]="primary",r[r.secondary=1]="secondary",r[r.error=2]="error",r[r.success=3]="success"}(P||(P={}));const j={regular:400,medium:500,semiBold:600},V={subtitle1:"\n font-size: 1.5rem;\n font-style: normal;\n line-height: 2rem;\n",subtitle2:"\n font-size: 1.25rem;\n font-style: normal;\n line-height: 1.75rem;\n ",body1:"\n font-size: 1rem;\n font-style: normal;\n line-height: 1.5rem;\n",body2:"\n font-size: 0.875rem;\n font-style: normal;\n line-height: 1.25rem;\n ",prefix:"\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n text-transform: uppercase;\n",caption:"\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1re;\n",link:"\n font-size: 14px;\n line-height: 20px;\n text-decoration-line: underline;\n"},C=e=>{const{category:t,weight:r}=e;return t?`\n ${V[t]}\n font-weight:${(e=>e?j[e]:j.regular)(r)};\n `:V.body1},A={primary:{primary100:"#0B1B2A",primary90:"#1C2E40",primary80:"#2A4055",primary70:"#39526B",primary60:"#455F7B",primary50:"#5F758F",primary40:"#455F7B",primary30:"#9CACC0",primary20:"#C0CEDE",primary10:"#E4EBF8",primary5:"#F9FAFD"},secondary:{secondary100:"#103FE8",secondary90:"#2852EA",secondary80:"#4065ED",secondary70:"#5879EF",secondary60:"#708CF1",secondary50:"#889FF4",secondary40:"#9FB2F6",secondary30:"#B7C5F8",secondary20:"#CFD9FA",secondary10:"#E7ECFD",secondary5:"#F3F5FE"},tertiary:{tertiary100:"#174189",tertiary90:"#2E5495",tertiary80:"#4567A1",tertiary70:"#5D7AAC",tertiary60:"#748DB8",tertiary50:"#8BA0C4",tertiary40:"#A2B3D0",tertiary30:"#B9C6DC",tertiary20:"#D1D9E7",tertiary10:"#E8ECF3",tertiary5:"#F3F5F9"},accent:{accent500:"#BD9E2C",accent100:"#ECC537",accent75:"#FFC665",accent50:"#F4DC87",accent15:"#FFF4E0"},link:{linkHigh:"#002C99",linkMedium:"#0053CB",linkLow:"#5D7FFF"},error:{errorHigh:"#AB000D",errorMedium:"#E53935",errorLow:"#FF6F60",errorLow2:"#F8B4B4",errorLow3:"#FDE8E8",errorLower:"#FCF4F4"},success:{successDark:"#009624",successMedium:"#00C853",successLow:"#5EFC82"},black:{blackHigh:"#212121",blackMedium:"#666666",blackLow:"#757575",black:"#000000"},white:{white:"#FFFFFF"},grey:{grey5:"#F9FAFD",grey10:"#F2F5FA",grey20:"#C0CEDE",grey30:"#9CACC0",grey50:"#F9FAFD",grey90:"#1C2E40",grey100:"#F5F7FA",grey200:"#E9ECF2",grey250:"#e4e9f2",grey300:"#C8D2DE",grey400:"#A1AFC0",grey500:"#798CA4",grey700:"#5F758F",grey600:"#616469",grey800:"#39526B",grey900:"#1C2E40",grey1000:"#0B1B2A",greyHigh:"#C2C2C2",greyMedium:"#E5E5E5",greyLow:"#F5F5F5"},warning:{warningHigh:"#C67100",warningMedium:"#FFA000",warningLow:"#FFD149",warningLower:"#FED7AA",warningLower2:"#FFEDD5"},disabled:{disabledHigh:"#B1B1B1",disabledMedium:"#CFCFCF",disabledLow:"#ECECEC"},text:{primary:"#24292E"},input:{focused:"0px 0px 0px 4px rgba(16, 63, 232, 0.25)",focusedShadowButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",focusedShadow:"0px 0px 0px 4px rgba(16, 63, 232, 0.25)",focusedShadowFilter:"rgba(102, 130, 231, 0.30)",focusedShadowError:" 0px 0px 0px 4px rgba(239, 68, 68, 0.25)",focusedSecondary:"rgba(102, 130, 231, 0.30)"},button:{primaryButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",primaryOutlineButton:"0px 0px 0px 4px rgba(16, 63, 232, 0.30)",secondaryButton:"0px 0px 0px 4px rgba(28, 46, 64, 0.10)",errorButton:"0px 0px 0px 4px rgba(229, 57, 53, 0.20)",successButton:"0px 0px 0px 4px rgba(45, 161, 96, 0.20)",filterButton:"0px 0px 0px 4px rgba(102, 130, 231, 0.30)"},green:{green40:"#2DA170",green10:"#9FD4B5",green8:"#D8F0E0",green5:"#F1FAF4",green50:"#F1FAF4",green100:"#D8F0E0",green200:"#9FD4B5",green300:"#52B87A",green400:"#2DA170",green500:"#10855E",green600:"#21765A",green700:"#246650",green800:"#0D533C",green900:"#0A402E"},blue:{blue5:"#F6F8FE",blue50:"#F6F8FE",blue100:"#E7ECFD",blue200:"#CFD9FA",blue300:"#B7C5F8",blue400:"#9FB2F6",blue500:"#889FF4",blue600:"#708CF1",blue700:"#5879EF",blue800:"#4065ED",blue900:"#2852EA",blue1000:"#103FE8"},yellow:{yellow50:"#FEFCE8",yellow100:"#FEF9C3",yellow200:"#FEF08A",yellow300:"#FDE047",yellow400:"#FACC15",yellow500:"#EAB308",yellow600:"#CA8A04",yellow700:"#A16207",yellow800:"#854D0E",yellow900:"#2852EA",yellow1000:"#713F12"},red:{red050:"#FDF2F2",red50:"#FDF2F2",red100:"#FDE8E8",red200:"#FBD5D5",red300:"#F8B4B4",red400:"#F98080",red500:"#F05252",red600:"#DF4242",red700:"#CE3434",red800:"#9B1C1C",red900:"#771D1D"},orange:{orange050:"#FFF7ED",orange50:"#FFF7ED",orange100:"#FFEDD5",orange200:"#FED7AA",orange300:"#FDBA74",orange400:"#FFA84C",orange500:"#F98016",orange600:"#EA580C",orange700:"#C2410C",orange800:"#9A3412",orange900:"#7C2D12"},scrollbar:{track:"#F2F5FA",thumb:"#9CACC0"},transparent:{blueHover:"rgba(16, 63, 232, 0.06)",transparent:"#ffffff78"}},L={...A},{blue:{blue1000:z,blue900:B,blue300:k,blue100:S,blue50:R},button:{primaryButton:D,primaryOutlineButton:I,secondaryButton:T,errorButton:N,successButton:F,filterButton:Q},white:{white:$},grey:{grey900:Y,grey800:U,grey400:W,grey300:X,grey100:K,grey50:q},red:{red700:G,red300:J,red50:ee},green:{green400:te,green5:re,green200:ne}}=L,ae={primary:{backgroundColor:z,textColor:$,borderColor:"transparent",hoverColor:B,focusColor:D,disabledBackgroundColor:k,disabledTextColor:$,disabledBorderColor:"transparent",disabledOutlineTextColor:k,disabledOutlineBorderColor:k,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:I},secondary:{backgroundColor:"transparent",textColor:Y,borderColor:Y,hoverColor:R,focusColor:T,disabledBackgroundColor:R,disabledOutlineTextColor:W,disabledBorderColor:X,disabledOutlineBorderColor:X,disabledTextColor:W,outlineHoverColor:R,outlineTextColor:Y,outlineBorderColor:Y,outlineFocusColor:T},error:{backgroundColor:"transparent",textColor:G,borderColor:J,hoverColor:ee,focusColor:N,disabledBackgroundColor:"transparent",disabledBorderColor:J,disabledTextColor:J,disabledOutlineTextColor:J,disabledOutlineBorderColor:J,outlineHoverColor:ee,outlineTextColor:G,outlineBorderColor:J,outlineFocusColor:N},success:{backgroundColor:"transparent",textColor:te,borderColor:te,hoverColor:re,focusColor:F,disabledBackgroundColor:"transparent",disabledOutlineTextColor:te,disabledOutlineBorderColor:te,disabledTextColor:ne,disabledBorderColor:ne,outlineHoverColor:re,outlineTextColor:te,outlineBorderColor:te,outlineFocusColor:F},filter:{backgroundColor:q,textColor:U,borderColor:X,hoverColor:R,hoverTextColor:z,hoverBorderColor:z,focusColor:Q,disabledOutlineTextColor:W,disabledOutlineBorderColor:X,disabledBackgroundColor:"transparent",disabledTextColor:W,disabledBorderColor:X,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:Q},ghost:{backgroundColor:"transparent",textColor:z,borderColor:"transparent",hoverColor:R,focusColor:S,disabledBackgroundColor:"transparent",disabledTextColor:k,disabledBorderColor:"transparent",disabledOutlineTextColor:k,disabledOutlineBorderColor:k,outlineHoverColor:R,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:I},ghostSecondary:{backgroundColor:$,textColor:Y,borderColor:"trasparent",hoverColor:q,focusColor:K,disabledBackgroundColor:$,disabledTextColor:W,disabledBorderColor:"transparent",disabledOutlineBorderColor:X,disabledOutlineTextColor:k,outlineHoverColor:R,outlineTextColor:Y,outlineBorderColor:Y,outlineFocusColor:T}},ce=(e,t)=>{if(e&&t===P.Variant.filter)return a`
|
|
2
2
|
padding: 0.75rem;
|
|
3
3
|
border: 1px solid ${ae.filter.disabledBorderColor};
|
|
4
4
|
background-color: 1px solid ${ae.filter.disabledBackgroundColor};
|
|
@@ -558,7 +558,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
558
558
|
margin-left: ${e=>e.arrowPosition?.marginLeft};
|
|
559
559
|
}
|
|
560
560
|
}
|
|
561
|
-
`,be=r=>{if("content"===r.tooltipType){const{enabled:n=!0,backgroundColor:a,textColor:c=A.text.primary,tooltipType:i="content",position:s="bottom-center",tooltipWidth:l="fit-content",tooltipHeight:h="fit-content",top:v,left:p,showTooltip:u,borderRadius:g,transform:m,offset:d="20px",arrowPosition:f,..._}=r;return t(_e,{tooltipType:i,backgroundColor:a,textColor:c,tooltipWidth:l,tooltipHeight:h,top:v,left:p,showTooltip:u,borderRadius:g,transform:m,offset:d,arrowPosition:f,..._,children:[_.children&&o.cloneElement(_.children,{style:{width:"100%"}}),n&&e("div",{className:`tooltip-container ${s}`,children:e("div",{className:"tooltip-content",children:_.tooltipContent()})})]})}{const{enabled:n=!0,backgroundColor:a=A.primary.primary90,textColor:c="white",tooltipType:i="text",position:s="bottom-center",tooltipWidth:l="fit-content",tooltipHeight:h="fit-content",top:v,left:p,showTooltip:u,borderRadius:g="4px",noTextWrap:m=!0,transform:d,offset:f="20px",arrowPosition:_,...w}=r;return t(we,{tooltipType:i,backgroundColor:a,textColor:c,tooltipWidth:l,tooltipHeight:h,top:v,left:p,showTooltip:u,borderRadius:g,noTextWrap:m,transform:d,offset:f,arrowPosition:_,...w,children:[w.children&&o.cloneElement(w.children,{style:{width:"100%"}}),n&&e("div",{className:`tooltip-container ${s}`,children:e("div",{className:"tooltip-content",children:w.tooltipContent()})})]})}},ye=()=>e(me,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:e("path",{d:"M6.99992 0.333252C3.31992 0.333252 0.333252 3.31992 0.333252 6.99992C0.333252 10.6799 3.31992 13.6666 6.99992 13.6666C10.6799 13.6666 13.6666 10.6799 13.6666 6.99992C13.6666 3.31992 10.6799 0.333252 6.99992 0.333252ZM7.66659 10.3333H6.33325V8.99992H7.66659V10.3333ZM7.66659 7.66659H6.33325V3.66659H7.66659V7.66659Z",fill:A.red.
|
|
561
|
+
`,be=r=>{if("content"===r.tooltipType){const{enabled:n=!0,backgroundColor:a,textColor:c=A.text.primary,tooltipType:i="content",position:s="bottom-center",tooltipWidth:l="fit-content",tooltipHeight:h="fit-content",top:v,left:p,showTooltip:u,borderRadius:g,transform:m,offset:d="20px",arrowPosition:f,..._}=r;return t(_e,{tooltipType:i,backgroundColor:a,textColor:c,tooltipWidth:l,tooltipHeight:h,top:v,left:p,showTooltip:u,borderRadius:g,transform:m,offset:d,arrowPosition:f,..._,children:[_.children&&o.cloneElement(_.children,{style:{width:"100%"}}),n&&e("div",{className:`tooltip-container ${s}`,children:e("div",{className:"tooltip-content",children:_.tooltipContent()})})]})}{const{enabled:n=!0,backgroundColor:a=A.primary.primary90,textColor:c="white",tooltipType:i="text",position:s="bottom-center",tooltipWidth:l="fit-content",tooltipHeight:h="fit-content",top:v,left:p,showTooltip:u,borderRadius:g="4px",noTextWrap:m=!0,transform:d,offset:f="20px",arrowPosition:_,...w}=r;return t(we,{tooltipType:i,backgroundColor:a,textColor:c,tooltipWidth:l,tooltipHeight:h,top:v,left:p,showTooltip:u,borderRadius:g,noTextWrap:m,transform:d,offset:f,arrowPosition:_,...w,children:[w.children&&o.cloneElement(w.children,{style:{width:"100%"}}),n&&e("div",{className:`tooltip-container ${s}`,children:e("div",{className:"tooltip-content",children:w.tooltipContent()})})]})}},ye=()=>e(me,{children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:e("path",{d:"M6.99992 0.333252C3.31992 0.333252 0.333252 3.31992 0.333252 6.99992C0.333252 10.6799 3.31992 13.6666 6.99992 13.6666C10.6799 13.6666 13.6666 10.6799 13.6666 6.99992C13.6666 3.31992 10.6799 0.333252 6.99992 0.333252ZM7.66659 10.3333H6.33325V8.99992H7.66659V10.3333ZM7.66659 7.66659H6.33325V3.66659H7.66659V7.66659Z",fill:A.red.red600})})});function xe(r){const{options:n,activeStep:a=1,onStepChange:c,direction:i="column",hasBottom:o,bottomOptions:l=[],width:h,activeColor:v=`${A.blue.blue1000}`,activeBgColor:p=`${A.blue.blue100}`,hoverBgColor:u=`${A.grey.grey100}`,padding:g,showLeftBorder:m,showTooltip:d=!1,tooltipPosition:f="left-center",tooltipOffset:_="10px"}=r,w=(t=>{const{offset:r,position:n,showTooltip:a}=t;return({children:t,tooltipContent:c})=>e(be,{enabled:a,tooltipType:"text",position:n,tooltipContent:c,offset:r,children:t})})({showTooltip:d,offset:_,position:f});return t(ve,{width:h,hasBottom:o,direction:i,padding:g,showLeftBorder:m,children:[e(pe,{direction:i,children:n?.map((r=>{const{id:n,icon:i}=r;return e(s,{children:e(w,{tooltipContent:()=>r.title,children:t(ge,{isActive:a===n,activeColor:v,activeBgColor:p,hoverBgColor:u,onClick:()=>{c?.(n)},children:[i,r.hasAlert&&e(ye,{})]})})},n)}))}),o&&e(de,{children:l?.map((t=>{const{id:r,icon:n}=t;return e(s,{children:e(w,{tooltipContent:()=>t.title,children:e(fe,{hoverBgColor:u,onClick:()=>{c?.(r)},children:n})})},r)}))})]})}const Ze=n.p`
|
|
562
562
|
color: ${({type:e,theme:t,color:r})=>((e,t,r)=>"success"===t?e.success.successDark:"error"===t?e.error.errorMedium:r||e.text.primary)(t,e,r)};
|
|
563
563
|
font-family: 'Poppins', sans-serif;
|
|
564
564
|
${e=>C(e)}
|
|
@@ -1482,7 +1482,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
1482
1482
|
font-weight: 500;
|
|
1483
1483
|
font-size: 14px;
|
|
1484
1484
|
line-height: 20px;
|
|
1485
|
-
color: ${A.grey.
|
|
1485
|
+
color: ${A.grey.grey1000};
|
|
1486
1486
|
}
|
|
1487
1487
|
}
|
|
1488
1488
|
`;function cr(r){return e(ar,{children:t("div",{className:"icon-label",children:[e("div",{className:"icon-label__icon",children:r.icon}),e("div",{className:"icon-label__label",children:r.label})]})})}const ir=n.div`
|
|
@@ -1511,7 +1511,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
1511
1511
|
font-weight: 400;
|
|
1512
1512
|
line-height: 1.375rem;
|
|
1513
1513
|
padding: 0rem 0.5rem;
|
|
1514
|
-
`,lr=t=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"button",onClick:t.onClick,children:t.isFavourite?e("path",{d:"M9.99996 14.3917L15.15 17.5L13.7833 11.6417L18.3333 7.7L12.3416 7.19167L9.99996 1.66667L7.65829 7.19167L1.66663 7.7L6.21663 11.6417L4.84996 17.5L9.99996 14.3917Z",fill:A.yellow.yellow400}):e("path",{d:"M18.3332 7.69984L12.3415 7.18317L9.99984 1.6665L7.65817 7.1915L1.6665 7.69984L6.2165 11.6415L4.84984 17.4998L9.99984 14.3915L15.1498 17.4998L13.7915 11.6415L18.3332 7.69984ZM9.99984 12.8332L6.8665 14.7248L7.69984 11.1582L4.93317 8.75817L8.58317 8.4415L9.99984 5.08317L11.4248 8.44984L15.0748 8.7665L12.3082 11.1665L13.1415 14.7332L9.99984 12.8332Z",fill:A.grey.
|
|
1514
|
+
`,lr=t=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"button",onClick:t.onClick,children:t.isFavourite?e("path",{d:"M9.99996 14.3917L15.15 17.5L13.7833 11.6417L18.3333 7.7L12.3416 7.19167L9.99996 1.66667L7.65829 7.19167L1.66663 7.7L6.21663 11.6417L4.84996 17.5L9.99996 14.3917Z",fill:A.yellow.yellow400}):e("path",{d:"M18.3332 7.69984L12.3415 7.18317L9.99984 1.6665L7.65817 7.1915L1.6665 7.69984L6.2165 11.6415L4.84984 17.4998L9.99984 14.3915L15.1498 17.4998L13.7915 11.6415L18.3332 7.69984ZM9.99984 12.8332L6.8665 14.7248L7.69984 11.1582L4.93317 8.75817L8.58317 8.4415L9.99984 5.08317L11.4248 8.44984L15.0748 8.7665L12.3082 11.1665L13.1415 14.7332L9.99984 12.8332Z",fill:A.grey.grey500})}),hr=()=>e(or,{children:"..."}),vr=()=>e(sr,{children:"/"}),pr=(e,t)=>e===t.length-1,ur=({name:r,isFavourite:n,isLast:a,showFavoriteButton:c=!1,onClick:i,onFavoriteClick:o})=>t(or,{isLast:a,onClick:i,children:[r," ",c&&a&&e(lr,{isFavourite:n,onClick:o})," "]}),gr=({crumbs:r,showFavoriteButton:n,onCrumbClick:a,onFavoriteClick:c})=>{const i=_((()=>r.length>4?[r.slice(0,2),"REST",r.slice(-2)].flat():r),[r]);return e(ir,{children:i.map(((r,i,s)=>"string"==typeof r?t(o.Fragment,{children:[e(hr,{}),e(vr,{})]},i):t(o.Fragment,{children:[e(ur,{name:r.name,path:r.path,isFavourite:r.isFavourite,isLast:pr(i,s),onClick:()=>a(r),onFavoriteClick:()=>c(r),showFavoriteButton:n}),!pr(i,s)&&e(vr,{})]},r.path)))})},mr=n.div`
|
|
1515
1515
|
display: flex;
|
|
1516
1516
|
position: relative;
|
|
1517
1517
|
height: ${e=>e.height};
|
|
@@ -1923,7 +1923,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
1923
1923
|
border-radius: 16px;
|
|
1924
1924
|
background-color: ${e=>e.theme.grey.grey30};
|
|
1925
1925
|
}
|
|
1926
|
-
`,Qr=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"
|
|
1926
|
+
`,Qr=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"grey",children:e("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"})}),$r=r=>{const{drawerHeader:n,drawerFooter:a,children:c,onClose:i,headerBorder:o,footerBorder:s,scrollbarBorder:l,showCloseButton:h=!0}=r;return t(Rr,{hasHeader:!!n,hasFooter:!!a,children:[n&&t(Dr,{headerBorder:o,children:[e(Ir,{children:n}),h&&e(Tr,{onClick:i,children:Qr})]}),e(Fr,{scrollbarBorder:l,children:c}),a&&e(Nr,{footerBorder:s,children:a})]})},Yr=t=>{const{drawerHeader:r,drawerFooter:n,children:a,onClose:c,open:i,showCloseButton:o,...s}=t;return e(kr,{open:i,onClose:c,...s,children:e($r,{...t,children:a})})},Ur=n.div`
|
|
1927
1927
|
height: 100%;
|
|
1928
1928
|
display: grid;
|
|
1929
1929
|
grid-template-columns: 1fr 4.5rem;
|