@bikdotai/bik-component-library 0.0.6 → 0.0.7-beta
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/package.json +6 -3
- package/dist/cjs/_virtual/_tslib.js +0 -1
- package/dist/cjs/assets/icons/check.svg.js +0 -1
- package/dist/cjs/assets/icons/cross.svg.js +0 -1
- package/dist/cjs/assets/icons/errorInfo.svg.js +0 -1
- package/dist/cjs/bundle.css +0 -621
- package/dist/cjs/components/TypographyStyle.d.ts +0 -15
- package/dist/cjs/components/TypographyStyle.js +0 -88
- package/dist/cjs/components/button/Button.d.ts +0 -3
- package/dist/cjs/components/button/Button.js +0 -1
- package/dist/cjs/components/button/Button.styled.d.ts +0 -13
- package/dist/cjs/components/button/Button.styled.js +0 -1
- package/dist/cjs/components/button/index.d.ts +0 -1
- package/dist/cjs/components/button/model.d.ts +0 -57
- package/dist/cjs/components/button/themes.d.ts +0 -18
- package/dist/cjs/components/button/themes.js +0 -1
- package/dist/cjs/components/checkBox/CheckBox.d.ts +0 -9
- package/dist/cjs/components/checkBox/CheckBox.js +0 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +0 -7
- package/dist/cjs/components/checkBox/CheckBox.styled.js +0 -26
- package/dist/cjs/components/checkBox/index.d.ts +0 -1
- package/dist/cjs/components/icon-button/IconButton.d.ts +0 -3
- package/dist/cjs/components/icon-button/IconButton.js +0 -1
- package/dist/cjs/components/icon-button/IconButton.styled.d.ts +0 -6
- package/dist/cjs/components/icon-button/IconButton.styled.js +0 -3
- package/dist/cjs/components/icon-button/index.d.ts +0 -1
- package/dist/cjs/components/icon-button/model.d.ts +0 -37
- package/dist/cjs/components/icon-button/theme.d.ts +0 -3
- package/dist/cjs/components/icon-button/theme.js +0 -1
- package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
- package/dist/cjs/components/image-compress/index.d.ts +0 -1
- package/dist/cjs/components/input/Input.d.ts +0 -36
- package/dist/cjs/components/input/Input.styled.d.ts +0 -114
- package/dist/cjs/components/input/index.d.ts +0 -1
- package/dist/cjs/components/list-item/ListItem.d.ts +0 -16
- package/dist/cjs/components/list-item/ListItem.js +0 -1
- package/dist/cjs/components/list-item/ListItem.styled.d.ts +0 -9
- package/dist/cjs/components/list-item/ListItem.styled.js +0 -1
- package/dist/cjs/components/list-item/index.d.ts +0 -1
- package/dist/cjs/components/list-item/themes.d.ts +0 -3
- package/dist/cjs/components/list-item/themes.js +0 -1
- package/dist/cjs/components/pagination/Pagination.d.ts +0 -9
- package/dist/cjs/components/pagination/Pagination.js +0 -1
- package/dist/cjs/components/pagination/Pagination.styled.d.ts +0 -5
- package/dist/cjs/components/pagination/Pagination.styled.js +0 -1
- package/dist/cjs/components/pagination/index.d.ts +0 -1
- package/dist/cjs/components/radioButton/RadioButton.d.ts +0 -8
- package/dist/cjs/components/radioButton/RadioButton.js +0 -1
- package/dist/cjs/components/radioButton/RadioButton.styled.d.ts +0 -7
- package/dist/cjs/components/radioButton/RadioButton.styled.js +0 -20
- package/dist/cjs/components/radioButton/index.d.ts +0 -1
- package/dist/cjs/components/sample-button/SampleButton.d.ts +0 -18
- package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +0 -9
- package/dist/cjs/components/sample-button/index.d.ts +0 -1
- package/dist/cjs/components/sample-button/themes.d.ts +0 -2
- package/dist/cjs/components/spinner/Spinner.d.ts +0 -6
- package/dist/cjs/components/spinner/Spinner.js +0 -1
- package/dist/cjs/components/spinner/index.d.ts +0 -1
- package/dist/cjs/components/spinner/lotties/black.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/brand.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/red.json.js +0 -1
- package/dist/cjs/components/spinner/lotties/white.json.js +0 -1
- package/dist/cjs/components/spinner/model.d.ts +0 -13
- package/dist/cjs/components/spinner/themes.d.ts +0 -3
- package/dist/cjs/components/spinner/themes.js +0 -1
- package/dist/cjs/components/stepper/Stepper.d.ts +0 -22
- package/dist/cjs/components/stepper/Stepper.js +0 -1
- package/dist/cjs/components/stepper/Stepper.styled.d.ts +0 -6
- package/dist/cjs/components/stepper/Stepper.styled.js +0 -83
- package/dist/cjs/components/stepper/StepperService.d.ts +0 -4
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -15
- package/dist/cjs/components/stepper/index.d.ts +0 -1
- package/dist/cjs/components/stepper/themes.d.ts +0 -18
- package/dist/cjs/components/stepper/themes.js +0 -1
- package/dist/cjs/components/tag/Tag.d.ts +0 -6
- package/dist/cjs/components/tag/Tag.js +0 -1
- package/dist/cjs/components/tag/Tag.styled.d.ts +0 -6
- package/dist/cjs/components/tag/Tag.styled.js +0 -26
- package/dist/cjs/components/tag/index.d.ts +0 -1
- package/dist/cjs/components/tag/model.d.ts +0 -34
- package/dist/cjs/components/tag/themes.d.ts +0 -6
- package/dist/cjs/components/tag/themes.js +0 -1
- package/dist/cjs/components/toaster/Toaster.d.ts +0 -27
- package/dist/cjs/components/toaster/Toaster.js +0 -1
- package/dist/cjs/components/toaster/Toaster.styled.d.ts +0 -4
- package/dist/cjs/components/toaster/Toaster.styled.js +0 -35
- package/dist/cjs/components/toaster/index.d.ts +0 -1
- package/dist/cjs/components/tooltips/Tooltip.d.ts +0 -10
- package/dist/cjs/components/tooltips/Tooltip.js +0 -1
- package/dist/cjs/components/tooltips/TooltipInternal.d.ts +0 -10
- package/dist/cjs/components/tooltips/TooltipInternal.js +0 -1
- package/dist/cjs/components/tooltips/index.d.ts +0 -1
- package/dist/cjs/constants/Theme.d.ts +0 -587
- package/dist/cjs/constants/Theme.js +0 -1
- package/dist/cjs/constants/breakpoints.d.ts +0 -6
- package/dist/cjs/constants/colors.d.ts +0 -7
- package/dist/cjs/constants/spacing.d.ts +0 -2
- package/dist/cjs/index.d.ts +0 -13
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/utils/classNames.d.ts +0 -7
- package/dist/cjs/utils/rgba.d.ts +0 -8
- package/dist/esm/_virtual/_tslib.js +0 -1
- package/dist/esm/assets/icons/check.svg.js +0 -1
- package/dist/esm/assets/icons/cross.svg.js +0 -1
- package/dist/esm/assets/icons/errorInfo.svg.js +0 -1
- package/dist/esm/bundle.css +0 -621
- package/dist/esm/components/TypographyStyle.d.ts +0 -15
- package/dist/esm/components/TypographyStyle.js +0 -88
- package/dist/esm/components/button/Button.d.ts +0 -3
- package/dist/esm/components/button/Button.js +0 -1
- package/dist/esm/components/button/Button.styled.d.ts +0 -13
- package/dist/esm/components/button/Button.styled.js +0 -1
- package/dist/esm/components/button/index.d.ts +0 -1
- package/dist/esm/components/button/model.d.ts +0 -57
- package/dist/esm/components/button/themes.d.ts +0 -18
- package/dist/esm/components/button/themes.js +0 -1
- package/dist/esm/components/checkBox/CheckBox.d.ts +0 -9
- package/dist/esm/components/checkBox/CheckBox.js +0 -1
- package/dist/esm/components/checkBox/CheckBox.styled.d.ts +0 -7
- package/dist/esm/components/checkBox/CheckBox.styled.js +0 -26
- package/dist/esm/components/checkBox/index.d.ts +0 -1
- package/dist/esm/components/icon-button/IconButton.d.ts +0 -3
- package/dist/esm/components/icon-button/IconButton.js +0 -1
- package/dist/esm/components/icon-button/IconButton.styled.d.ts +0 -6
- package/dist/esm/components/icon-button/IconButton.styled.js +0 -3
- package/dist/esm/components/icon-button/index.d.ts +0 -1
- package/dist/esm/components/icon-button/model.d.ts +0 -37
- package/dist/esm/components/icon-button/theme.d.ts +0 -3
- package/dist/esm/components/icon-button/theme.js +0 -1
- package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/esm/components/image-compress/ImageCompress.js +0 -1
- package/dist/esm/components/image-compress/index.d.ts +0 -1
- package/dist/esm/components/input/Input.d.ts +0 -36
- package/dist/esm/components/input/Input.styled.d.ts +0 -114
- package/dist/esm/components/input/index.d.ts +0 -1
- package/dist/esm/components/list-item/ListItem.d.ts +0 -16
- package/dist/esm/components/list-item/ListItem.js +0 -1
- package/dist/esm/components/list-item/ListItem.styled.d.ts +0 -9
- package/dist/esm/components/list-item/ListItem.styled.js +0 -1
- package/dist/esm/components/list-item/index.d.ts +0 -1
- package/dist/esm/components/list-item/themes.d.ts +0 -3
- package/dist/esm/components/list-item/themes.js +0 -1
- package/dist/esm/components/pagination/Pagination.d.ts +0 -9
- package/dist/esm/components/pagination/Pagination.js +0 -1
- package/dist/esm/components/pagination/Pagination.styled.d.ts +0 -5
- package/dist/esm/components/pagination/Pagination.styled.js +0 -1
- package/dist/esm/components/pagination/index.d.ts +0 -1
- package/dist/esm/components/radioButton/RadioButton.d.ts +0 -8
- package/dist/esm/components/radioButton/RadioButton.js +0 -1
- package/dist/esm/components/radioButton/RadioButton.styled.d.ts +0 -7
- package/dist/esm/components/radioButton/RadioButton.styled.js +0 -20
- package/dist/esm/components/radioButton/index.d.ts +0 -1
- package/dist/esm/components/sample-button/SampleButton.d.ts +0 -18
- package/dist/esm/components/sample-button/SampleButton.styled.d.ts +0 -9
- package/dist/esm/components/sample-button/index.d.ts +0 -1
- package/dist/esm/components/sample-button/themes.d.ts +0 -2
- package/dist/esm/components/spinner/Spinner.d.ts +0 -6
- package/dist/esm/components/spinner/Spinner.js +0 -1
- package/dist/esm/components/spinner/index.d.ts +0 -1
- package/dist/esm/components/spinner/lotties/black.json.js +0 -1
- package/dist/esm/components/spinner/lotties/brand.json.js +0 -1
- package/dist/esm/components/spinner/lotties/red.json.js +0 -1
- package/dist/esm/components/spinner/lotties/white.json.js +0 -1
- package/dist/esm/components/spinner/model.d.ts +0 -13
- package/dist/esm/components/spinner/themes.d.ts +0 -3
- package/dist/esm/components/spinner/themes.js +0 -1
- package/dist/esm/components/stepper/Stepper.d.ts +0 -22
- package/dist/esm/components/stepper/Stepper.js +0 -1
- package/dist/esm/components/stepper/Stepper.styled.d.ts +0 -6
- package/dist/esm/components/stepper/Stepper.styled.js +0 -83
- package/dist/esm/components/stepper/StepperService.d.ts +0 -4
- package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -15
- package/dist/esm/components/stepper/index.d.ts +0 -1
- package/dist/esm/components/stepper/themes.d.ts +0 -18
- package/dist/esm/components/stepper/themes.js +0 -1
- package/dist/esm/components/tag/Tag.d.ts +0 -6
- package/dist/esm/components/tag/Tag.js +0 -1
- package/dist/esm/components/tag/Tag.styled.d.ts +0 -6
- package/dist/esm/components/tag/Tag.styled.js +0 -26
- package/dist/esm/components/tag/index.d.ts +0 -1
- package/dist/esm/components/tag/model.d.ts +0 -34
- package/dist/esm/components/tag/themes.d.ts +0 -6
- package/dist/esm/components/tag/themes.js +0 -1
- package/dist/esm/components/toaster/Toaster.d.ts +0 -27
- package/dist/esm/components/toaster/Toaster.js +0 -1
- package/dist/esm/components/toaster/Toaster.styled.d.ts +0 -4
- package/dist/esm/components/toaster/Toaster.styled.js +0 -35
- package/dist/esm/components/toaster/index.d.ts +0 -1
- package/dist/esm/components/tooltips/Tooltip.d.ts +0 -10
- package/dist/esm/components/tooltips/Tooltip.js +0 -1
- package/dist/esm/components/tooltips/TooltipInternal.d.ts +0 -10
- package/dist/esm/components/tooltips/TooltipInternal.js +0 -1
- package/dist/esm/components/tooltips/index.d.ts +0 -1
- package/dist/esm/constants/Theme.d.ts +0 -587
- package/dist/esm/constants/Theme.js +0 -1
- package/dist/esm/constants/breakpoints.d.ts +0 -6
- package/dist/esm/constants/colors.d.ts +0 -7
- package/dist/esm/constants/spacing.d.ts +0 -2
- package/dist/esm/index.d.ts +0 -13
- package/dist/esm/index.js +0 -1
- package/dist/esm/utils/classNames.d.ts +0 -7
- package/dist/esm/utils/rgba.d.ts +0 -8
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import s,{forwardRef as t}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=t(((t,m)=>{var{id:p,buttonType:b="primary",size:g="small",buttonText:h,disabled:j,IconComponent:y,LeadingIcon:u,TrailingIcon:v,style:N,isLoading:f,inverse:O,onClick:T}=t,I=e(t,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","style","isLoading","inverse","onClick"]);const x=d(g),C="chip"===g?16:20,L={height:C,width:C,color:r(g,b,O,j,f),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:T,ref:m,id:p,disabled:j,style:N,size:g,buttonType:b,isLoading:f,inverse:O},I,{children:n("div",Object.assign({className:"container"},{children:["dash"===b&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(a,{className:"spinner",size:"small",color:l(b,O)})})),y&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(y,L)})),v&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(v,L)})),i(x,Object.assign({className:"text"},{children:h})),u&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(u,L)}))]}))}))}));m.displayName="Button";export{m as Button};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Size, Type } from './model';
|
|
3
|
-
export declare const Button: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & {
|
|
7
|
-
size: Size;
|
|
8
|
-
buttonType: Type;
|
|
9
|
-
isLoading?: boolean | undefined;
|
|
10
|
-
inverse?: boolean | undefined;
|
|
11
|
-
disabled?: boolean | undefined;
|
|
12
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
13
|
-
export declare const ButtonCustomDashedBorder: () => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as X}from"../../constants/Theme.js";import{getBackgroundColor as H,getPadding as l,getBorder as b,getColor as x,getDashedBorderStyling as i,generateDisabledStyling as e,getDisabledTextColor as R,getClickEffect as G,getHoverButtonBackground as p,generateInverseHoverBackground as o,getLoadingBorder as a,getLoadingBackground as I}from"./themes.js";const u=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;background-color:",(t=>H(t.buttonType,t.size,t.inverse)),";",(t=>"dash"===t.buttonType?`.container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding: ${l(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${l(t.buttonType,t.size)};\n\t${b(t.buttonType,t.size,t.inverse)}`)," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>x(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>i(t.buttonType,t.size,t.isLoading?X.content.brand:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>i(t.buttonType,t.size,X.stroke.primary)),";.overlay-container{display:none!important;}",(t=>e(t.buttonType,t.size,t.inverse))," .text{color:",(t=>R(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${X.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${X.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${G(t.buttonType,t.size,t.inverse)}\n\t\t\t${i(t.buttonType,t.size,X.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`cursor: not-allowed;\n\t\tpadding: 0;\n\t\t${a(t.buttonType,t.size,t.inverse)}\n\n\t\t.container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${l(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${I(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 9px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: ${l(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${p(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${X.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${X.background.inverseLight};`}\n\t\t\t}\n\t\t\t${t.inverse?o(t.buttonType,t.disabled):""}\n\t\t}`)," .container{display:flex;gap:8.33px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9O1xuXG5cdCR7KHByb3BzKSA9PiBwcm9wcy5idXR0b25UeXBlID09PSAnZGFzaCdcclxuICAgID8gYC5jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICA6IGBwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHQke2dldEJvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1gfVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfTtcblx0fVxuXG5cdC5pY29uLWxlYWRpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmlzTG9hZGluZyA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogdW5kZWZpbmVkKX1cblxuXHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblxuXHQ6ZGlzYWJsZWQge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdHBhZGRpbmc6IDA7XG5cdFx0JHtnZXRMb2FkaW5nQm9yZGVyKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXG5cdFx0LmNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSA5cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{u as Button,m as ButtonCustomDashedBorder};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Button';
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type Size = 'chip' | 'small' | 'medium' | 'large';
|
|
3
|
-
export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dash';
|
|
4
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
|
-
/**
|
|
6
|
-
* Font fize of the text
|
|
7
|
-
* @default default 'small'
|
|
8
|
-
*/
|
|
9
|
-
size?: Size;
|
|
10
|
-
/**
|
|
11
|
-
* Text to render inside the button
|
|
12
|
-
* @default ''
|
|
13
|
-
*/
|
|
14
|
-
buttonText: string;
|
|
15
|
-
/**
|
|
16
|
-
* Whether the button is pressable or not
|
|
17
|
-
* @default true
|
|
18
|
-
*/
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Type of the button
|
|
22
|
-
* @default 'primary'
|
|
23
|
-
*/
|
|
24
|
-
buttonType?: Type;
|
|
25
|
-
/**
|
|
26
|
-
* The icon component that needs to be render, if text also exists, this would be Trailing component
|
|
27
|
-
* Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
|
|
28
|
-
* @default undefined
|
|
29
|
-
*/
|
|
30
|
-
IconComponent?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
31
|
-
/**
|
|
32
|
-
* The icon component that is to the right of the buttonText
|
|
33
|
-
* Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
|
|
34
|
-
* @default undefined
|
|
35
|
-
*/
|
|
36
|
-
LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
37
|
-
/**
|
|
38
|
-
* The icon component that is the left of the buttonText
|
|
39
|
-
* Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
|
|
40
|
-
* @default undefined
|
|
41
|
-
*/
|
|
42
|
-
TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
43
|
-
/**
|
|
44
|
-
* the button container styling that needs to be override the default one
|
|
45
|
-
* @default null
|
|
46
|
-
*/
|
|
47
|
-
style?: React.CSSProperties;
|
|
48
|
-
/**
|
|
49
|
-
* Indicates if button is loading and a loading indicator should be shown.
|
|
50
|
-
* When the button is loading the width of the button should not change.
|
|
51
|
-
*/
|
|
52
|
-
isLoading?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Indicates if the styling of the button should be inverse
|
|
55
|
-
*/
|
|
56
|
-
inverse?: boolean;
|
|
57
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Size, Type } from './model';
|
|
2
|
-
export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
|
|
3
|
-
export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
|
|
4
|
-
export declare const getDisabledTextColor: (inverse?: boolean) => string;
|
|
5
|
-
export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
|
|
6
|
-
export declare const GetButtonTextComponent: (size: Size) => import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const getBorderColor: (type: Type, inverse?: boolean) => string;
|
|
8
|
-
export declare const getBorder: (type: Type, size: Size, inverse?: boolean) => string;
|
|
9
|
-
export declare const getLinearGradientValue: (size: Size) => string;
|
|
10
|
-
export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => "background-color: #000000;\n\t\t\t\topacity: 0.03;" | "";
|
|
11
|
-
export declare const generateInverseHoverBackground: (type: Type, disabled?: boolean) => string;
|
|
12
|
-
export declare const generateDisabledStyling: (type: Type, size: Size, inverse?: boolean) => string;
|
|
13
|
-
export declare const getDashedBorderStyling: (type: Type, size: Size, borderColor?: string) => string;
|
|
14
|
-
export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean) => string | undefined;
|
|
15
|
-
export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
|
|
16
|
-
export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
|
|
17
|
-
export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
|
|
18
|
-
export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{COLORS as t}from"../../constants/Theme.js";import{BodyCaption as r,ButtonRegular as n,ButtonLarge as e}from"../TypographyStyle.js";const a=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.brand;case"destructive":return t.background.negative.vibrant;default:return"transparent"}},o=(r,n,e)=>{if("chip"===n)return t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dash":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},i=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,c=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},d=t=>"chip"===t?r:"small"===t?n:e,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,s=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.primary};`:e?"secondary"===r?`border: 1px solid ${p(r,e)};`:"border: none;":"secondary"===r?`border: 1px solid ${p(r)};`:"border: none;",b=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",g=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",u=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",l=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",y=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t`},h=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||"dash"===r?e?`background-color: ${t.background.inverseLight} !important;`:`background-color: ${t.background.brandLight};`:void 0,x=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",k=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",m=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,v=(r,n,e,a,o)=>"chip"===r?a?t.content.inactive:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||"dash"===n?a?t.content.inactive:t.content.secondary:void 0;export{d as GetButtonTextComponent,m as SpinnerColorMap,l as generateDisabledStyling,u as generateInverseHoverBackground,a as getBackgroundColor,s as getBorder,p as getBorderColor,v as getButtonIconColor,h as getClickEffect,o as getColor,y as getDashedBorderStyling,i as getDisabledTextColor,g as getHoverButtonBackground,b as getLinearGradientValue,x as getLoadingBackground,k as getLoadingBorder,c as getPadding};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type CheckBoxProps = {
|
|
3
|
-
isChecked: boolean;
|
|
4
|
-
isPartiallyChecked?: boolean;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
value?: string;
|
|
7
|
-
onValueChange: (checked: boolean, value?: string) => void;
|
|
8
|
-
};
|
|
9
|
-
export declare const CheckBox: React.FC<CheckBoxProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{CheckboxContainer as t,CheckboxIcon as l}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const o=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),r=i=>{var n;const[r,a]=s(i.isChecked||!1),[c,d]=s(!1),[h,v]=s(!1);return e(t,Object.assign({onClick:()=>{var e;if(!i.isDisabled){const s=!r;a(s),null===(e=i.onValueChange)||void 0===e||e.call(i,s,i.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(l,Object.assign({checked:r,hovered:c,clicked:h,isDisabled:i.isDisabled||!1},{children:r&&e(o,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled||!1})}))}))};export{r as CheckBox};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const CheckboxIcon: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
-
checked: boolean;
|
|
4
|
-
hovered: boolean;
|
|
5
|
-
clicked: boolean;
|
|
6
|
-
isDisabled: boolean;
|
|
7
|
-
}, never>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import e,{css as i}from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
`,r=e.div`
|
|
6
|
-
width: 14px;
|
|
7
|
-
height: 14px;
|
|
8
|
-
border-radius: 4px;
|
|
9
|
-
border: 2px solid black;
|
|
10
|
-
display: flex;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
align-items: center;
|
|
13
|
-
${e=>e.checked&&i`
|
|
14
|
-
border: 0px;
|
|
15
|
-
width: 18px;
|
|
16
|
-
height: 18px;
|
|
17
|
-
`}
|
|
18
|
-
${e=>e.hovered&&i`
|
|
19
|
-
outline: 3px solid ${t.surface.hovered};
|
|
20
|
-
`}
|
|
21
|
-
${e=>e.clicked&&!e.isDisabled&&i`
|
|
22
|
-
outline: 3px solid
|
|
23
|
-
${e.checked?t.stroke.positive.lightAlt:t.surface.hovered};
|
|
24
|
-
outline-offset: 2px;
|
|
25
|
-
`}
|
|
26
|
-
`;export{o as CheckboxContainer,r as CheckboxIcon};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CheckBox';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import o,{forwardRef as i}from"react";import{IconButton as r}from"./IconButton.styled.js";import{getIconColor as d}from"./theme.js";const s=i(((i,s)=>{var{id:n,iconButtonType:c="default",Icon:l,height:a=20,width:m=20,bordered:h,disabled:p,isSelected:u,style:y}=i,b=e(i,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style"]);const f=d(c,p,u);return t(r,Object.assign({id:n,ref:s,style:y,iconButtonType:c,bordered:h,disabled:p,isSelected:u},b,{children:o.createElement(l,{height:a,width:m,color:f,style:{display:"block"}})}))}));s.displayName="IconButton";export{s as IconButton};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{generateBackgroundColor as o}from"./theme.js";const r=t.button`
|
|
2
|
-
${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered?`border: 1px solid ${n.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground-color: ${o(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
|
|
3
|
-
`;export{r as IconButton};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './IconButton';
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning';
|
|
3
|
-
export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
/**
|
|
5
|
-
* Icon to render
|
|
6
|
-
*/
|
|
7
|
-
Icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
|
|
8
|
-
/**
|
|
9
|
-
* Custom styles which can be added to the icon button
|
|
10
|
-
* @default default undefined
|
|
11
|
-
*/
|
|
12
|
-
style?: React.CSSProperties;
|
|
13
|
-
/**
|
|
14
|
-
* Custom height for the svg icon
|
|
15
|
-
* @default default 20
|
|
16
|
-
*/
|
|
17
|
-
height?: number;
|
|
18
|
-
/**
|
|
19
|
-
* Custom width for the svg icon
|
|
20
|
-
* @default default 20
|
|
21
|
-
*/
|
|
22
|
-
width?: number;
|
|
23
|
-
/**
|
|
24
|
-
* Custom height for the svg icon
|
|
25
|
-
* @default default default
|
|
26
|
-
*/
|
|
27
|
-
iconButtonType?: IconButtonType;
|
|
28
|
-
/**
|
|
29
|
-
* Add border to the button
|
|
30
|
-
* @default default false
|
|
31
|
-
*/
|
|
32
|
-
bordered?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Flag to check if icon button is selected/clicked
|
|
35
|
-
*/
|
|
36
|
-
isSelected?: boolean;
|
|
37
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{COLORS as t}from"../../constants/Theme.js";const n=(n,e,r)=>{if(e)return t.content.inactive;switch(n){case"default":return r?t.content.brand:t.content.primary;case"negative":return t.content.negative;case"positive":return t.content.positive;case"warning":return r?t.content.warning:t.content.primary;default:return t.content.primary}},e=n=>"default"===n?t.background.brandLight:"negative"===n?t.background.negative.light:"positive"===n?t.background.positive.light:t.background.warning.light;export{e as generateBackgroundColor,n as getIconColor};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import r from"browser-image-compression";class i{}Object.defineProperty(i,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:i=>e(void 0,void 0,void 0,(function*(){let e=i,o="";try{const t={maxSizeMB:i.size/1024/1024*.8,maxWidthOrHeight:1920,useWebWorker:!0};i.size/1024/1024>1&&(e=yield r(i,t)),o=yield r.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:o,compressedFile:e}}))});export{i as ImageService};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ImageCompress';
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type Variant = 'default' | 'small';
|
|
3
|
-
export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'none';
|
|
4
|
-
export type InputTypeI = 'number' | 'email' | 'text' | 'multiline';
|
|
5
|
-
export interface InputProps {
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
variant?: Variant;
|
|
8
|
-
width?: string;
|
|
9
|
-
height?: string;
|
|
10
|
-
leftIcon?: {
|
|
11
|
-
icon: any;
|
|
12
|
-
callback?: () => void;
|
|
13
|
-
};
|
|
14
|
-
rightIcon?: {
|
|
15
|
-
icon: any;
|
|
16
|
-
callback?: () => void;
|
|
17
|
-
};
|
|
18
|
-
labelText?: string;
|
|
19
|
-
maxCharLimit?: number;
|
|
20
|
-
isRequired?: boolean;
|
|
21
|
-
errorMessage?: string;
|
|
22
|
-
hintText?: string;
|
|
23
|
-
state?: InputStateI;
|
|
24
|
-
type?: InputTypeI;
|
|
25
|
-
/**
|
|
26
|
-
validate: function takes the input and returns boolean + string (error message in case of invalid input)
|
|
27
|
-
**/
|
|
28
|
-
validate: (input?: string | number) => [boolean, string];
|
|
29
|
-
button?: {
|
|
30
|
-
text: string;
|
|
31
|
-
onClick?: () => void;
|
|
32
|
-
};
|
|
33
|
-
suffixText?: string;
|
|
34
|
-
prefixText?: string;
|
|
35
|
-
}
|
|
36
|
-
export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { InputStateI, InputTypeI, Variant } from "./Input";
|
|
3
|
-
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & {
|
|
7
|
-
width?: string | undefined;
|
|
8
|
-
height?: string | undefined;
|
|
9
|
-
isActive?: boolean | undefined;
|
|
10
|
-
isInvalid?: boolean | undefined;
|
|
11
|
-
state?: InputStateI | undefined;
|
|
12
|
-
variant?: Variant | undefined;
|
|
13
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
-
export declare const IconHolder: import("@emotion/styled").StyledComponent<{
|
|
15
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
-
as?: import("react").ElementType<any> | undefined;
|
|
17
|
-
} & {
|
|
18
|
-
isLeft?: boolean | undefined;
|
|
19
|
-
iconSize?: string | undefined;
|
|
20
|
-
variant?: Variant | undefined;
|
|
21
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
|
-
export declare const InputContainer: import("@emotion/styled").StyledComponent<{
|
|
23
|
-
[x: string]: any;
|
|
24
|
-
[x: number]: any;
|
|
25
|
-
[x: symbol]: any;
|
|
26
|
-
} & {
|
|
27
|
-
theme?: any;
|
|
28
|
-
} & {
|
|
29
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
30
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
31
|
-
} & {
|
|
32
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
33
|
-
}, {}, {}>;
|
|
34
|
-
export declare const InputContainerSmall: import("@emotion/styled").StyledComponent<{
|
|
35
|
-
[x: string]: any;
|
|
36
|
-
[x: number]: any;
|
|
37
|
-
[x: symbol]: any;
|
|
38
|
-
} & {
|
|
39
|
-
theme?: any;
|
|
40
|
-
} & {
|
|
41
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
42
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
43
|
-
} & {
|
|
44
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
45
|
-
}, {}, {}>;
|
|
46
|
-
export declare const InputHeader: import("@emotion/styled").StyledComponent<{
|
|
47
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
48
|
-
as?: import("react").ElementType<any> | undefined;
|
|
49
|
-
} & {
|
|
50
|
-
invalid?: boolean | undefined;
|
|
51
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
52
|
-
export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<{
|
|
53
|
-
[x: string]: any;
|
|
54
|
-
[x: number]: any;
|
|
55
|
-
[x: symbol]: any;
|
|
56
|
-
} & {
|
|
57
|
-
theme?: any;
|
|
58
|
-
} & {
|
|
59
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
60
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
61
|
-
} & {
|
|
62
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
63
|
-
}, {}, {}>;
|
|
64
|
-
export declare const InputFooter: import("@emotion/styled").StyledComponent<{
|
|
65
|
-
[x: string]: any;
|
|
66
|
-
[x: number]: any;
|
|
67
|
-
[x: symbol]: any;
|
|
68
|
-
} & {
|
|
69
|
-
theme?: any;
|
|
70
|
-
} & {
|
|
71
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
72
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
73
|
-
} & {
|
|
74
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
75
|
-
} & {
|
|
76
|
-
invalid?: boolean | undefined;
|
|
77
|
-
}, {}, {}>;
|
|
78
|
-
export declare const RootContainer: import("@emotion/styled").StyledComponent<{
|
|
79
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
80
|
-
as?: import("react").ElementType<any> | undefined;
|
|
81
|
-
} & {
|
|
82
|
-
width?: string | undefined;
|
|
83
|
-
height?: string | undefined;
|
|
84
|
-
state?: InputStateI | undefined;
|
|
85
|
-
type: InputTypeI;
|
|
86
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
87
|
-
export declare const PrefixHolder: import("@emotion/styled").StyledComponent<{
|
|
88
|
-
[x: string]: any;
|
|
89
|
-
[x: number]: any;
|
|
90
|
-
[x: symbol]: any;
|
|
91
|
-
} & {
|
|
92
|
-
theme?: any;
|
|
93
|
-
} & {
|
|
94
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
95
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
96
|
-
} & {
|
|
97
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
98
|
-
} & {
|
|
99
|
-
variant?: Variant | undefined;
|
|
100
|
-
}, {}, {}>;
|
|
101
|
-
export declare const SuffixHolder: import("@emotion/styled").StyledComponent<{
|
|
102
|
-
[x: string]: any;
|
|
103
|
-
[x: number]: any;
|
|
104
|
-
[x: symbol]: any;
|
|
105
|
-
} & {
|
|
106
|
-
theme?: any;
|
|
107
|
-
} & {
|
|
108
|
-
as?: string | import("react").ComponentType<any> | undefined;
|
|
109
|
-
forwardedAs?: string | import("react").ComponentType<any> | undefined;
|
|
110
|
-
} & {
|
|
111
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
112
|
-
} & {
|
|
113
|
-
variant?: Variant | undefined;
|
|
114
|
-
}, {}, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Input';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'placeholder' | 'separator';
|
|
3
|
-
export interface ListItemElement {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
-
variant?: Variant;
|
|
9
|
-
subText?: string;
|
|
10
|
-
listItem: ListItemElement;
|
|
11
|
-
onSelect?: (ListItemElement: any) => void;
|
|
12
|
-
leadingIcon?: JSX.Element;
|
|
13
|
-
trailingIcon?: JSX.Element;
|
|
14
|
-
borderBottom?: string;
|
|
15
|
-
}
|
|
16
|
-
export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as o,BodyCaption as a}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:c,className:d,onSelect:p,variant:f="default",trailingIcon:b,leadingIcon:y,subText:g,listItem:j,borderBottom:x}=r,I=t(r,["id","className","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return e(n,Object.assign({ref:m,id:c,variant:f,className:d,onClick:()=>p&&p(j),borderBottom:x},I,{children:[!!b&&b,e("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!j&&i(o,Object.assign({style:{color:s(f)}},{children:j.label})),!!g&&i(a,Object.assign({style:{color:l.text.secondary}},{children:g}))]})),!!y&&i("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:y}))]}))}));m.displayName="ListItem";export{m as ListItem};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Variant } from './ListItem';
|
|
3
|
-
export declare const ListItem: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & {
|
|
7
|
-
variant: Variant;
|
|
8
|
-
borderBottom?: string | undefined;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{getTheme as b}from"./themes.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("display:flex;align-items:center;justify-content:start;border-bottom:",(c=>c.borderBottom||`1px solid ${c=>t.stroke.primary}`),";width:100%;column-gap:12px;padding:12px 16px;",(c=>b(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX1gfTtcblx0d2lkdGg6IDEwMCU7XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== */"));export{d as ListItem};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ListItem';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{css as c}from"@emotion/react";import{COLORS as I}from"../../constants/Theme.js";function X(c){switch(c){case"default":default:return`${I.text.primary}`;case"selected":return`${I.content.positive}`;case"inactive":return`${I.content.inactive}`;case"error":return`${I.content.negative}`;case"placeholder":return`${I.content.placeholder}`}}function g(X){switch(X){case"default":return c("color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"selected":return c("color:",I.content.positive,";background:",I.background.positive.light,";box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"inactive":return c("color:",I.content.inactive,";background-color:",I.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"separator":return c("color:",I.content.inactive,";background-color:",I.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");default:return c("color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQpIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */")}}export{X as getColor,g as getTheme};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
numberOfItemsLoaded: number;
|
|
4
|
-
totalNumberOfItems: number;
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
onShowMore?: () => void;
|
|
7
|
-
width?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{BodySecondary as i,ButtonRegular as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{Pagination as l}from"./Pagination.styled.js";const c=n((n=>{var{id:c,onShowMore:d,isLoading:m,numberOfItemsLoaded:h,totalNumberOfItems:g}=n,f=o(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r(l,Object.assign({id:c},f,{children:m?r(e,{children:"loading..."}):r("div",{children:h<g?t(l,{children:[t(i,Object.assign({style:{color:a.content.secondary}},{children:["Showing ",h," out of ",g," ","results"]})),r(s,Object.assign({style:{color:a.content.brand,cursor:"pointer"},onClick:()=>d&&d()},{children:"Show more"}))]}):r(l,{children:t(i,Object.assign({style:{color:a.content.secondary}},{children:["Showing all ",g," results"]}))})})}))}));c.displayName="Pagination";export{c as Pagination};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Pagination: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e14rxdu80"}:{target:"e14rxdu80",label:"Pagination"})("production"===process.env.NODE_ENV?{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%"}:{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24uc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDcUMiLCJmaWxlIjoiUGFnaW5hdGlvbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRjb2x1bW4tZ2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBhZ2luYXRpb24uc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as Pagination};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Pagination';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useState as t}from"react";import{RadioButtonContainer as s,RadioButtonIcon as n}from"./RadioButton.styled.js";import{COLORS as o}from"../../constants/Theme.js";const c=t=>{const s=t.isDisabled?o.content.inactive:t.isActive?o.background.positive.vibrant:o.content.primary;return e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&i("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?o.content.inactive:o.background.positive.vibrant})]}))},r=e=>{const[o,r]=t(e.isActive||!1),[a,l]=t(!1),[d,v]=t(!1);return i(s,Object.assign({onClick:()=>{var i;if(!e.isDisabled){const t=!o;r(t),null===(i=e.onValueChange)||void 0===i||i.call(e,t,e.value)}},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:i(n,Object.assign({checked:o,hovered:a,clicked:d,isDisabled:e.isDisabled||!1},{children:i(c,{isActive:o,isDisabled:e.isDisabled||!1})}))}))};export{r as RadioButton};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const RadioButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const RadioButtonIcon: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
-
checked: boolean;
|
|
4
|
-
hovered: boolean;
|
|
5
|
-
clicked: boolean;
|
|
6
|
-
isDisabled: boolean;
|
|
7
|
-
}, never>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import e,{css as i}from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
`,s=e.div`
|
|
6
|
-
width: 20px;
|
|
7
|
-
height: 20px;
|
|
8
|
-
border-radius: 50%;
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
${e=>e.hovered&&i`
|
|
13
|
-
outline: 3px solid ${t.surface.hovered};
|
|
14
|
-
`}
|
|
15
|
-
${e=>e.clicked&&!e.isDisabled&&i`
|
|
16
|
-
outline: 3px solid
|
|
17
|
-
${e.checked?t.stroke.positive.lightAlt:t.surface.hovered};
|
|
18
|
-
outline-offset: 2px;
|
|
19
|
-
`}
|
|
20
|
-
`;export{o as RadioButtonContainer,s as RadioButtonIcon};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './RadioButton';
|