kwant-ui 3.38.1-dev.3 → 3.38.1-dev.5
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 +12 -55
- package/dist/index.js +12 -55
- package/dist/package.json +1 -1
- package/dist/themes/colors.ts +2 -2
- package/package.json +1 -1
- package/themes/colors.ts +2 -2
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",
|
|
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",grey600:"#5F758F",grey700:"#455F7B",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};
|
|
@@ -2028,7 +2028,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2028
2028
|
`,Ma=n.div`
|
|
2029
2029
|
display: flex;
|
|
2030
2030
|
cursor: pointer;
|
|
2031
|
-
`,Ea={chevronLeft:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:A.grey.grey900})}),chevronRight:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:A.grey.grey900})}),calendar:e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:A.grey.
|
|
2031
|
+
`,Ea={chevronLeft:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:A.grey.grey900})}),chevronRight:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:A.grey.grey900})}),calendar:e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:A.grey.grey400})})};var Ha;!function(e){var t;(t=e.DatpickerNavigationDirectionEnum||(e.DatpickerNavigationDirectionEnum={})).right="right",t.left="left"}(Ha||(Ha={}));const Pa=(t,r)=>e(Oa,{onClick:e=>{e.stopPropagation(),r?.(e)},children:t===Ha.DatpickerNavigationDirectionEnum.right?Ea.chevronRight:Ea.chevronLeft}),ja=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Va=["Su","Mo","Tu","We","Th","Fr","Sa"],Ca=(e,t)=>!!(t>1&&e),Aa="MM/DD/YYYY",La=h(((t,r)=>{const{range:n,numberOfMonths:a=1,format:c=Aa,onChange:i,label:o,placeholder:s=Aa,required:l,readOnly:h,errorMessage:v,calendarRef:p,inputProps:u,...g}=t;return e(Za,{renderButton:Pa,className:"date-picker-"+(Ca(n,a)?"range":"single"),ref:p,range:n,months:ja,numberOfMonths:a,showOtherDays:!0,weekDays:Va,render:(t,n,a)=>e(at,{rightSection:e(Ma,{onClick:()=>{!h&&n()},children:Ea.calendar}),placeholder:s,value:t,onClick:()=>{!h&&n()},onChange:e=>{((e,t)=>{const r=e.target.value.match(/[^0-9/]/g);Array.isArray(r)||t(e)})(e,a)},label:o,required:l,readOnly:h,error:!!v,errorMessage:v,ref:r,...u}),onChange:i&&i,format:c,portal:!0,...g})})),za=n.div`
|
|
2032
2032
|
.xsmall {
|
|
2033
2033
|
width: 20px;
|
|
2034
2034
|
height: 20px;
|
|
@@ -2174,6 +2174,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2174
2174
|
width: 16px;
|
|
2175
2175
|
height: 16px;
|
|
2176
2176
|
svg {
|
|
2177
|
+
fill: ${A.grey.grey500};
|
|
2177
2178
|
${e=>e.disableAction&&"fill:${colors.grey.grey200} !important;"}
|
|
2178
2179
|
width: 16px;
|
|
2179
2180
|
height: 16px;
|
|
@@ -2308,7 +2309,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2308
2309
|
|
|
2309
2310
|
.action-container {
|
|
2310
2311
|
svg {
|
|
2311
|
-
fill: ${e=>e.theme.
|
|
2312
|
+
fill: ${e=>e.theme.grey.grey500};
|
|
2312
2313
|
}
|
|
2313
2314
|
}
|
|
2314
2315
|
|
|
@@ -2428,7 +2429,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2428
2429
|
}
|
|
2429
2430
|
}
|
|
2430
2431
|
|
|
2431
|
-
.orange {
|
|
2432
|
+
.orange, .warning {
|
|
2432
2433
|
border-color: ${e=>e.disableAction?e.theme.warning.warningLower2:e.theme.warning.warningLower};
|
|
2433
2434
|
background: ${A.orange.orange50};
|
|
2434
2435
|
font-family: Poppins;
|
|
@@ -2453,7 +2454,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2453
2454
|
}
|
|
2454
2455
|
}
|
|
2455
2456
|
|
|
2456
|
-
.orange-inverted {
|
|
2457
|
+
.orange-inverted, .warning-inverted {
|
|
2457
2458
|
background-color: ${A.orange.orange500};
|
|
2458
2459
|
border-width: 0px;
|
|
2459
2460
|
> .label {
|
|
@@ -2473,51 +2474,6 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2473
2474
|
}
|
|
2474
2475
|
}
|
|
2475
2476
|
|
|
2476
|
-
.warning {
|
|
2477
|
-
border-color: ${e=>e.disableAction?`${A.yellow.yellow200}`:`${A.yellow.yellow400}`};
|
|
2478
|
-
background: ${e=>(e.disableAction,`${A.yellow.yellow50}`)};
|
|
2479
|
-
font-family: Poppins;
|
|
2480
|
-
font-size: 12px;
|
|
2481
|
-
font-style: normal;
|
|
2482
|
-
font-weight: 500;
|
|
2483
|
-
line-height: 16px;
|
|
2484
|
-
.label {
|
|
2485
|
-
color: ${A.yellow.yellow800};
|
|
2486
|
-
}
|
|
2487
|
-
|
|
2488
|
-
.action-container {
|
|
2489
|
-
svg {
|
|
2490
|
-
fill: ${A.yellow.yellow800};
|
|
2491
|
-
}
|
|
2492
|
-
}
|
|
2493
|
-
|
|
2494
|
-
.icon {
|
|
2495
|
-
svg {
|
|
2496
|
-
fill: ${A.yellow.yellow800} !important;
|
|
2497
|
-
}
|
|
2498
|
-
}
|
|
2499
|
-
}
|
|
2500
|
-
|
|
2501
|
-
.warning-inverted {
|
|
2502
|
-
background-color: ${A.yellow.yellow400};
|
|
2503
|
-
border-width: 0px;
|
|
2504
|
-
> .label {
|
|
2505
|
-
color: ${e=>e.theme.white.white};
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
.action-container {
|
|
2509
|
-
svg {
|
|
2510
|
-
fill: ${e=>e.theme.grey.grey250} !important;
|
|
2511
|
-
}
|
|
2512
|
-
}
|
|
2513
|
-
|
|
2514
|
-
.icon {
|
|
2515
|
-
svg {
|
|
2516
|
-
fill: ${e=>e.theme.white.white} !important;
|
|
2517
|
-
}
|
|
2518
|
-
}
|
|
2519
|
-
}
|
|
2520
|
-
|
|
2521
2477
|
.grey {
|
|
2522
2478
|
border-color: ${e=>e.disableAction?e.theme.grey.grey250:e.theme.grey.grey300};
|
|
2523
2479
|
background: ${e=>e.disableAction?e.theme.white.white:e.theme.grey.grey5};
|
|
@@ -2538,7 +2494,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
2538
2494
|
|
|
2539
2495
|
.icon {
|
|
2540
2496
|
svg {
|
|
2541
|
-
fill: ${e=>e.theme.grey.
|
|
2497
|
+
fill: ${e=>e.theme.grey.grey500} !important;
|
|
2542
2498
|
}
|
|
2543
2499
|
}
|
|
2544
2500
|
}
|
|
@@ -4485,6 +4441,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
4485
4441
|
font: Poppins;
|
|
4486
4442
|
line-height: 40px;
|
|
4487
4443
|
transform: translateY(-5px);
|
|
4444
|
+
color: ${L.grey.grey900};
|
|
4488
4445
|
`,LU=n(AU)`
|
|
4489
4446
|
transform: translate(-45%, 13%);
|
|
4490
4447
|
font-family: Poppins;
|
|
@@ -4492,7 +4449,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
4492
4449
|
font-style: normal;
|
|
4493
4450
|
font-weight: 400;
|
|
4494
4451
|
line-height: 16px;
|
|
4495
|
-
fill: ${
|
|
4452
|
+
fill: ${L.grey.grey500};
|
|
4496
4453
|
`,zU=n(AU)`
|
|
4497
4454
|
transform: translate(45%, 13%);
|
|
4498
4455
|
font-family: Poppins;
|
|
@@ -4500,7 +4457,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
4500
4457
|
font-style: normal;
|
|
4501
4458
|
font-weight: 400;
|
|
4502
4459
|
line-height: 16px;
|
|
4503
|
-
fill: ${
|
|
4460
|
+
fill: ${L.grey.grey500};
|
|
4504
4461
|
`,BU=r=>{const{height:n,width:a,value:c,maxValue:i=100}=r,o=lv().cornerRadius(6),s=.5*a,l=s-3,h=-.5*Math.PI,v=.5*Math.PI,p=o({startAngle:mM().range([h,v]).domain([0,i])(c),endAngle:v,innerRadius:l-13,outerRadius:s-8}),u=o({startAngle:h,endAngle:v,innerRadius:l-13,outerRadius:s-8}),g=Math.min(Math.max(c,0),100),m=mM().domain([0,100]).range([0,1])(g),d=mM().domain([0,1]).range([-Math.PI/2,Math.PI/2]).clamp(!0)(m),f=kU(d,l-13-(l-13-(s-8))/2),_=[`${A.red.red300}`,`${A.orange.orange500}`,`${A.yellow.yellow400}`,`${A.green.green300}`,`${A.green.green600}`],w=xO(_)(m);return e(Xy,{height:n,width:a,children:t(CU,{children:[e("defs",{children:t("linearGradient",{id:"staticgradient",x1:"2.82102",y1:"93.919",x2:"158.5",y2:"36.4993",gradientUnits:"userSpaceOnUse",children:[e("stop",{"stop-color":A.red.red500}),e("stop",{offset:"0.140625","stop-color":A.red.red500}),e("stop",{offset:"0.447917","stop-color":A.yellow.yellow500}),e("stop",{offset:"0.755208","stop-color":A.green.green300}),e("stop",{offset:"1","stop-color":A.green.green600})]})}),t("g",{transform:`translate(${a/2}, ${n/2})`,children:[t(AU,{children:[c,"%"]}),e(LU,{width:a,children:"Low"}),e(zU,{width:a,children:"High"}),e("path",{d:u,fill:"url(#staticgradient)"}),e("path",{d:p,fill:A.grey.grey300}),e("circle",{cx:f[0],cy:f[1],r:"8.46211",stroke:"white",strokeWidth:"2.8207",fill:w})]})]})})},kU=(e,t=10)=>[Math.cos(e-Math.PI/2)*t,Math.sin(e-Math.PI/2)*t],SU=n.svg`
|
|
4505
4462
|
display: block;
|
|
4506
4463
|
margin: 20px;
|
|
@@ -4610,11 +4567,11 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
|
|
|
4610
4567
|
}
|
|
4611
4568
|
`:a`
|
|
4612
4569
|
p > span {
|
|
4613
|
-
color: ${t||L.green.
|
|
4570
|
+
color: ${t||L.green.green400};
|
|
4614
4571
|
}
|
|
4615
4572
|
|
|
4616
4573
|
svg {
|
|
4617
|
-
fill: ${t||L.green.
|
|
4574
|
+
fill: ${t||L.green.green400};
|
|
4618
4575
|
}
|
|
4619
4576
|
`}
|
|
4620
4577
|
`,hW=n=>{const{data:a,category:c,weight:i,iconWidth:o=16,iconHeight:s=16,unit:l="%",customData:h,color:v,noChangeMessage:p}=n,u=`${a?Math.abs(a):0} ${l}`;return e(lW,{className:"stat_data_container",danger:a<0,color:v,children:0!==a||h?t(r,{children:[e(nt,{icon:a<0?"arrow_downward":"arrow_upward",height:s,width:o}),e(Oe,{category:c||"caption",weight:i||"regular",children:e("span",{children:h||u})})]}):e(Oe,{category:"caption",weight:"medium",color:A.grey.grey500,children:p||"• No change"})})};var vW={exports:{}};vW.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,r=/\d\d/,n=/\d\d?/,a=/\d*[^-_:/,()\s\d]+/,c={},i=function(e){return(e=+e)+(e>68?1900:2e3)},o=function(e){return function(t){this[e]=+t}},s=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),r=60*t[1]+(+t[2]||0);return 0===r?0:"+"===t[0]?-r:r}(e)}],l=function(e){var t=c[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var r,n=c.meridiem;if(n){for(var a=1;a<=24;a+=1)if(e.indexOf(n(a,0,t))>-1){r=a>12;break}}else r=e===(t?"pm":"PM");return r},v={A:[a,function(e){this.afternoon=h(e,!1)}],a:[a,function(e){this.afternoon=h(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[r,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[n,o("seconds")],ss:[n,o("seconds")],m:[n,o("minutes")],mm:[n,o("minutes")],H:[n,o("hours")],h:[n,o("hours")],HH:[n,o("hours")],hh:[n,o("hours")],D:[n,o("day")],DD:[r,o("day")],Do:[a,function(e){var t=c.ordinal,r=e.match(/\d+/);if(this.day=r[0],t)for(var n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[n,o("month")],MM:[r,o("month")],MMM:[a,function(e){var t=l("months"),r=(l("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(r<1)throw new Error;this.month=r%12||r}],MMMM:[a,function(e){var t=l("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,o("year")],YY:[r,function(e){this.year=i(e)}],YYYY:[/\d{4}/,o("year")],Z:s,ZZ:s};function p(r){var n,a;n=r,a=c&&c.formats;for(var i=(r=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,r,n){var c=n&&n.toUpperCase();return r||a[n]||e[n]||a[c].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,r){return t||r.slice(1)}))}))).match(t),o=i.length,s=0;s<o;s+=1){var l=i[s],h=v[l],p=h&&h[0],u=h&&h[1];i[s]=u?{regex:p,parser:u}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},r=0,n=0;r<o;r+=1){var a=i[r];if("string"==typeof a)n+=a.length;else{var c=a.regex,s=a.parser,l=e.slice(n),h=c.exec(l)[0];s.call(t,h),e=e.replace(h,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var r=e.hours;t?r<12&&(e.hours+=12):12===r&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,r){r.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(i=e.parseTwoDigitYear);var n=t.prototype,a=n.parse;n.parse=function(e){var t=e.date,n=e.utc,i=e.args;this.$u=n;var o=i[1];if("string"==typeof o){var s=!0===i[2],l=!0===i[3],h=s||l,v=i[2];l&&(v=i[2]),c=this.$locale(),!s&&v&&(c=r.Ls[v]),this.$d=function(e,t,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var n=p(t)(e),a=n.year,c=n.month,i=n.day,o=n.hours,s=n.minutes,l=n.seconds,h=n.milliseconds,v=n.zone,u=new Date,g=i||(a||c?1:u.getDate()),m=a||u.getFullYear(),d=0;a&&!c||(d=c>0?c-1:u.getMonth());var f=o||0,_=s||0,w=l||0,b=h||0;return v?new Date(Date.UTC(m,d,g,f,_,w,b+60*v.offset*1e3)):r?new Date(Date.UTC(m,d,g,f,_,w,b)):new Date(m,d,g,f,_,w,b)}catch(e){return new Date("")}}(t,o,n),this.init(),v&&!0!==v&&(this.$L=this.locale(v).$L),h&&t!=this.format(o)&&(this.$d=new Date("")),c={}}else if(o instanceof Array)for(var u=o.length,g=1;g<=u;g+=1){i[1]=o[g-1];var m=r.apply(this,i);if(m.isValid()){this.$d=m.$d,this.$L=m.$L,this.init();break}g===u&&(this.$d=new Date(""))}else a.call(this,e)}}}();var pW=_n(vW.exports);Sc.extend(pW);const uW=n.div`
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("react"),n=require("react-dom"),a=require("react-viewport-list");function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i,o=c(r);!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"}(i||(i={}));const s={regular:400,medium:500,semiBold:600},l={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"},h=e=>{const{category:t,weight:r}=e;return t?`\n ${l[t]}\n font-weight:${(e=>e?s[e]:s.regular)(r)};\n `:l.body1},v={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",
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("react"),n=require("react-dom"),a=require("react-viewport-list");function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i,o=c(r);!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"}(i||(i={}));const s={regular:400,medium:500,semiBold:600},l={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"},h=e=>{const{category:t,weight:r}=e;return t?`\n ${l[t]}\n font-weight:${(e=>e?s[e]:s.regular)(r)};\n `:l.body1},v={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",grey600:"#5F758F",grey700:"#455F7B",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"}},p={...v},{blue:{blue1000:u,blue900:g,blue300:m,blue100:d,blue50:f},button:{primaryButton:_,primaryOutlineButton:w,secondaryButton:b,errorButton:y,successButton:x,filterButton:Z},white:{white:O},grey:{grey900:M,grey800:E,grey400:H,grey300:P,grey100:j,grey50:V},red:{red700:C,red300:A,red50:L},green:{green400:z,green5:B,green200:k}}=p,S={primary:{backgroundColor:u,textColor:O,borderColor:"transparent",hoverColor:g,focusColor:_,disabledBackgroundColor:m,disabledTextColor:O,disabledBorderColor:"transparent",disabledOutlineTextColor:m,disabledOutlineBorderColor:m,outlineHoverColor:f,outlineTextColor:u,outlineBorderColor:u,outlineFocusColor:w},secondary:{backgroundColor:"transparent",textColor:M,borderColor:M,hoverColor:f,focusColor:b,disabledBackgroundColor:f,disabledOutlineTextColor:H,disabledBorderColor:P,disabledOutlineBorderColor:P,disabledTextColor:H,outlineHoverColor:f,outlineTextColor:M,outlineBorderColor:M,outlineFocusColor:b},error:{backgroundColor:"transparent",textColor:C,borderColor:A,hoverColor:L,focusColor:y,disabledBackgroundColor:"transparent",disabledBorderColor:A,disabledTextColor:A,disabledOutlineTextColor:A,disabledOutlineBorderColor:A,outlineHoverColor:L,outlineTextColor:C,outlineBorderColor:A,outlineFocusColor:y},success:{backgroundColor:"transparent",textColor:z,borderColor:z,hoverColor:B,focusColor:x,disabledBackgroundColor:"transparent",disabledOutlineTextColor:z,disabledOutlineBorderColor:z,disabledTextColor:k,disabledBorderColor:k,outlineHoverColor:B,outlineTextColor:z,outlineBorderColor:z,outlineFocusColor:x},filter:{backgroundColor:V,textColor:E,borderColor:P,hoverColor:f,hoverTextColor:u,hoverBorderColor:u,focusColor:Z,disabledOutlineTextColor:H,disabledOutlineBorderColor:P,disabledBackgroundColor:"transparent",disabledTextColor:H,disabledBorderColor:P,outlineHoverColor:f,outlineTextColor:u,outlineBorderColor:u,outlineFocusColor:Z},ghost:{backgroundColor:"transparent",textColor:u,borderColor:"transparent",hoverColor:f,focusColor:d,disabledBackgroundColor:"transparent",disabledTextColor:m,disabledBorderColor:"transparent",disabledOutlineTextColor:m,disabledOutlineBorderColor:m,outlineHoverColor:f,outlineTextColor:u,outlineBorderColor:u,outlineFocusColor:w},ghostSecondary:{backgroundColor:O,textColor:M,borderColor:"trasparent",hoverColor:V,focusColor:j,disabledBackgroundColor:O,disabledTextColor:H,disabledBorderColor:"transparent",disabledOutlineBorderColor:P,disabledOutlineTextColor:m,outlineHoverColor:f,outlineTextColor:M,outlineBorderColor:M,outlineFocusColor:b}},R=(e,r)=>{if(e&&r===i.Variant.filter)return t.css`
|
|
2
2
|
padding: 0.75rem;
|
|
3
3
|
border: 1px solid ${S.filter.disabledBorderColor};
|
|
4
4
|
background-color: 1px solid ${S.filter.disabledBackgroundColor};
|
|
@@ -2028,7 +2028,7 @@
|
|
|
2028
2028
|
`,Tn=t.div`
|
|
2029
2029
|
display: flex;
|
|
2030
2030
|
cursor: pointer;
|
|
2031
|
-
`,Nn={chevronLeft:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:v.grey.grey900})}),chevronRight:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:v.grey.grey900})}),calendar:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:v.grey.
|
|
2031
|
+
`,Nn={chevronLeft:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:v.grey.grey900})}),chevronRight:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:v.grey.grey900})}),calendar:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:v.grey.grey400})})};var Fn;!function(e){var t;(t=e.DatpickerNavigationDirectionEnum||(e.DatpickerNavigationDirectionEnum={})).right="right",t.left="left"}(Fn||(Fn={}));const Qn=(t,r)=>e.jsx(In,{onClick:e=>{e.stopPropagation(),r?.(e)},children:t===Fn.DatpickerNavigationDirectionEnum.right?Nn.chevronRight:Nn.chevronLeft}),$n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Yn=["Su","Mo","Tu","We","Th","Fr","Sa"],Un=(e,t)=>!!(t>1&&e),Wn="MM/DD/YYYY",Xn=r.forwardRef(((t,r)=>{const{range:n,numberOfMonths:a=1,format:c=Wn,onChange:i,label:o,placeholder:s=Wn,required:l,readOnly:h,errorMessage:v,calendarRef:p,inputProps:u,...g}=t;return e.jsx(Dn,{renderButton:Qn,className:"date-picker-"+(Un(n,a)?"range":"single"),ref:p,range:n,months:$n,numberOfMonths:a,showOtherDays:!0,weekDays:Yn,render:(t,n,a)=>e.jsx(ze,{rightSection:e.jsx(Tn,{onClick:()=>{!h&&n()},children:Nn.calendar}),placeholder:s,value:t,onClick:()=>{!h&&n()},onChange:e=>{((e,t)=>{const r=e.target.value.match(/[^0-9/]/g);Array.isArray(r)||t(e)})(e,a)},label:o,required:l,readOnly:h,error:!!v,errorMessage:v,ref:r,...u}),onChange:i&&i,format:c,portal:!0,...g})})),Kn=t.div`
|
|
2032
2032
|
.xsmall {
|
|
2033
2033
|
width: 20px;
|
|
2034
2034
|
height: 20px;
|
|
@@ -2174,6 +2174,7 @@
|
|
|
2174
2174
|
width: 16px;
|
|
2175
2175
|
height: 16px;
|
|
2176
2176
|
svg {
|
|
2177
|
+
fill: ${v.grey.grey500};
|
|
2177
2178
|
${e=>e.disableAction&&"fill:${colors.grey.grey200} !important;"}
|
|
2178
2179
|
width: 16px;
|
|
2179
2180
|
height: 16px;
|
|
@@ -2308,7 +2309,7 @@
|
|
|
2308
2309
|
|
|
2309
2310
|
.action-container {
|
|
2310
2311
|
svg {
|
|
2311
|
-
fill: ${e=>e.theme.
|
|
2312
|
+
fill: ${e=>e.theme.grey.grey500};
|
|
2312
2313
|
}
|
|
2313
2314
|
}
|
|
2314
2315
|
|
|
@@ -2428,7 +2429,7 @@
|
|
|
2428
2429
|
}
|
|
2429
2430
|
}
|
|
2430
2431
|
|
|
2431
|
-
.orange {
|
|
2432
|
+
.orange, .warning {
|
|
2432
2433
|
border-color: ${e=>e.disableAction?e.theme.warning.warningLower2:e.theme.warning.warningLower};
|
|
2433
2434
|
background: ${v.orange.orange50};
|
|
2434
2435
|
font-family: Poppins;
|
|
@@ -2453,7 +2454,7 @@
|
|
|
2453
2454
|
}
|
|
2454
2455
|
}
|
|
2455
2456
|
|
|
2456
|
-
.orange-inverted {
|
|
2457
|
+
.orange-inverted, .warning-inverted {
|
|
2457
2458
|
background-color: ${v.orange.orange500};
|
|
2458
2459
|
border-width: 0px;
|
|
2459
2460
|
> .label {
|
|
@@ -2473,51 +2474,6 @@
|
|
|
2473
2474
|
}
|
|
2474
2475
|
}
|
|
2475
2476
|
|
|
2476
|
-
.warning {
|
|
2477
|
-
border-color: ${e=>e.disableAction?`${v.yellow.yellow200}`:`${v.yellow.yellow400}`};
|
|
2478
|
-
background: ${e=>(e.disableAction,`${v.yellow.yellow50}`)};
|
|
2479
|
-
font-family: Poppins;
|
|
2480
|
-
font-size: 12px;
|
|
2481
|
-
font-style: normal;
|
|
2482
|
-
font-weight: 500;
|
|
2483
|
-
line-height: 16px;
|
|
2484
|
-
.label {
|
|
2485
|
-
color: ${v.yellow.yellow800};
|
|
2486
|
-
}
|
|
2487
|
-
|
|
2488
|
-
.action-container {
|
|
2489
|
-
svg {
|
|
2490
|
-
fill: ${v.yellow.yellow800};
|
|
2491
|
-
}
|
|
2492
|
-
}
|
|
2493
|
-
|
|
2494
|
-
.icon {
|
|
2495
|
-
svg {
|
|
2496
|
-
fill: ${v.yellow.yellow800} !important;
|
|
2497
|
-
}
|
|
2498
|
-
}
|
|
2499
|
-
}
|
|
2500
|
-
|
|
2501
|
-
.warning-inverted {
|
|
2502
|
-
background-color: ${v.yellow.yellow400};
|
|
2503
|
-
border-width: 0px;
|
|
2504
|
-
> .label {
|
|
2505
|
-
color: ${e=>e.theme.white.white};
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
.action-container {
|
|
2509
|
-
svg {
|
|
2510
|
-
fill: ${e=>e.theme.grey.grey250} !important;
|
|
2511
|
-
}
|
|
2512
|
-
}
|
|
2513
|
-
|
|
2514
|
-
.icon {
|
|
2515
|
-
svg {
|
|
2516
|
-
fill: ${e=>e.theme.white.white} !important;
|
|
2517
|
-
}
|
|
2518
|
-
}
|
|
2519
|
-
}
|
|
2520
|
-
|
|
2521
2477
|
.grey {
|
|
2522
2478
|
border-color: ${e=>e.disableAction?e.theme.grey.grey250:e.theme.grey.grey300};
|
|
2523
2479
|
background: ${e=>e.disableAction?e.theme.white.white:e.theme.grey.grey5};
|
|
@@ -2538,7 +2494,7 @@
|
|
|
2538
2494
|
|
|
2539
2495
|
.icon {
|
|
2540
2496
|
svg {
|
|
2541
|
-
fill: ${e=>e.theme.grey.
|
|
2497
|
+
fill: ${e=>e.theme.grey.grey500} !important;
|
|
2542
2498
|
}
|
|
2543
2499
|
}
|
|
2544
2500
|
}
|
|
@@ -4485,6 +4441,7 @@
|
|
|
4485
4441
|
font: Poppins;
|
|
4486
4442
|
line-height: 40px;
|
|
4487
4443
|
transform: translateY(-5px);
|
|
4444
|
+
color: ${p.grey.grey900};
|
|
4488
4445
|
`,HY=t(EY)`
|
|
4489
4446
|
transform: translate(-45%, 13%);
|
|
4490
4447
|
font-family: Poppins;
|
|
@@ -4492,7 +4449,7 @@
|
|
|
4492
4449
|
font-style: normal;
|
|
4493
4450
|
font-weight: 400;
|
|
4494
4451
|
line-height: 16px;
|
|
4495
|
-
fill: ${
|
|
4452
|
+
fill: ${p.grey.grey500};
|
|
4496
4453
|
`,PY=t(EY)`
|
|
4497
4454
|
transform: translate(45%, 13%);
|
|
4498
4455
|
font-family: Poppins;
|
|
@@ -4500,7 +4457,7 @@
|
|
|
4500
4457
|
font-style: normal;
|
|
4501
4458
|
font-weight: 400;
|
|
4502
4459
|
line-height: 16px;
|
|
4503
|
-
fill: ${
|
|
4460
|
+
fill: ${p.grey.grey500};
|
|
4504
4461
|
`,jY=(e,t=10)=>[Math.cos(e-Math.PI/2)*t,Math.sin(e-Math.PI/2)*t],VY=t.svg`
|
|
4505
4462
|
display: block;
|
|
4506
4463
|
margin: 20px;
|
|
@@ -4610,11 +4567,11 @@
|
|
|
4610
4567
|
}
|
|
4611
4568
|
`:t.css`
|
|
4612
4569
|
p > span {
|
|
4613
|
-
color: ${r||p.green.
|
|
4570
|
+
color: ${r||p.green.green400};
|
|
4614
4571
|
}
|
|
4615
4572
|
|
|
4616
4573
|
svg {
|
|
4617
|
-
fill: ${r||p.green.
|
|
4574
|
+
fill: ${r||p.green.green400};
|
|
4618
4575
|
}
|
|
4619
4576
|
`}
|
|
4620
4577
|
`;var tU={exports:{}};tU.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,r=/\d\d/,n=/\d\d?/,a=/\d*[^-_:/,()\s\d]+/,c={},i=function(e){return(e=+e)+(e>68?1900:2e3)},o=function(e){return function(t){this[e]=+t}},s=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),r=60*t[1]+(+t[2]||0);return 0===r?0:"+"===t[0]?-r:r}(e)}],l=function(e){var t=c[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var r,n=c.meridiem;if(n){for(var a=1;a<=24;a+=1)if(e.indexOf(n(a,0,t))>-1){r=a>12;break}}else r=e===(t?"pm":"PM");return r},v={A:[a,function(e){this.afternoon=h(e,!1)}],a:[a,function(e){this.afternoon=h(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[r,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[n,o("seconds")],ss:[n,o("seconds")],m:[n,o("minutes")],mm:[n,o("minutes")],H:[n,o("hours")],h:[n,o("hours")],HH:[n,o("hours")],hh:[n,o("hours")],D:[n,o("day")],DD:[r,o("day")],Do:[a,function(e){var t=c.ordinal,r=e.match(/\d+/);if(this.day=r[0],t)for(var n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[n,o("month")],MM:[r,o("month")],MMM:[a,function(e){var t=l("months"),r=(l("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(r<1)throw new Error;this.month=r%12||r}],MMMM:[a,function(e){var t=l("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,o("year")],YY:[r,function(e){this.year=i(e)}],YYYY:[/\d{4}/,o("year")],Z:s,ZZ:s};function p(r){var n,a;n=r,a=c&&c.formats;for(var i=(r=n.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,r,n){var c=n&&n.toUpperCase();return r||a[n]||e[n]||a[c].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,r){return t||r.slice(1)}))}))).match(t),o=i.length,s=0;s<o;s+=1){var l=i[s],h=v[l],p=h&&h[0],u=h&&h[1];i[s]=u?{regex:p,parser:u}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},r=0,n=0;r<o;r+=1){var a=i[r];if("string"==typeof a)n+=a.length;else{var c=a.regex,s=a.parser,l=e.slice(n),h=c.exec(l)[0];s.call(t,h),e=e.replace(h,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var r=e.hours;t?r<12&&(e.hours+=12):12===r&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,r){r.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(i=e.parseTwoDigitYear);var n=t.prototype,a=n.parse;n.parse=function(e){var t=e.date,n=e.utc,i=e.args;this.$u=n;var o=i[1];if("string"==typeof o){var s=!0===i[2],l=!0===i[3],h=s||l,v=i[2];l&&(v=i[2]),c=this.$locale(),!s&&v&&(c=r.Ls[v]),this.$d=function(e,t,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var n=p(t)(e),a=n.year,c=n.month,i=n.day,o=n.hours,s=n.minutes,l=n.seconds,h=n.milliseconds,v=n.zone,u=new Date,g=i||(a||c?1:u.getDate()),m=a||u.getFullYear(),d=0;a&&!c||(d=c>0?c-1:u.getMonth());var f=o||0,_=s||0,w=l||0,b=h||0;return v?new Date(Date.UTC(m,d,g,f,_,w,b+60*v.offset*1e3)):r?new Date(Date.UTC(m,d,g,f,_,w,b)):new Date(m,d,g,f,_,w,b)}catch(e){return new Date("")}}(t,o,n),this.init(),v&&!0!==v&&(this.$L=this.locale(v).$L),h&&t!=this.format(o)&&(this.$d=new Date("")),c={}}else if(o instanceof Array)for(var u=o.length,g=1;g<=u;g+=1){i[1]=o[g-1];var m=r.apply(this,i);if(m.isValid()){this.$d=m.$d,this.$L=m.$L,this.init();break}g===u&&(this.$d=new Date(""))}else a.call(this,e)}}}();var rU=Lr(tU.exports);Na.extend(rU);const nU=t.div`
|
package/dist/package.json
CHANGED
package/dist/themes/colors.ts
CHANGED
|
@@ -95,8 +95,8 @@ const colors: Color = {
|
|
|
95
95
|
grey300: '#C8D2DE',
|
|
96
96
|
grey400: '#A1AFC0',
|
|
97
97
|
grey500: '#798CA4',
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
grey600: '#5F758F',
|
|
99
|
+
grey700: '#455F7B',
|
|
100
100
|
grey800: '#39526B',
|
|
101
101
|
grey900: '#1C2E40',
|
|
102
102
|
grey1000: '#0B1B2A',
|
package/package.json
CHANGED
package/themes/colors.ts
CHANGED
|
@@ -95,8 +95,8 @@ const colors: Color = {
|
|
|
95
95
|
grey300: '#C8D2DE',
|
|
96
96
|
grey400: '#A1AFC0',
|
|
97
97
|
grey500: '#798CA4',
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
grey600: '#5F758F',
|
|
99
|
+
grey700: '#455F7B',
|
|
100
100
|
grey800: '#39526B',
|
|
101
101
|
grey900: '#1C2E40',
|
|
102
102
|
grey1000: '#0B1B2A',
|