@zonos/amino 5.1.120 → 5.1.121
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/components/card/Card.js +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/input/input-type/_FloatLabelInput.d.ts +1 -0
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/select/_StyledReactSelect.js +1 -1
- package/components/text/Text.js +1 -1
- package/package.json +1 -1
package/components/card/Card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(a){return a&&a.__esModule?a:{default:a}}require("../stack/Stack.js");var c=d(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";t.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var t=e.actions,d=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"","--amino-card-margin":v?"calc(".concat(v," * -1)"):o.theme.spaceNegative24,"--amino-card-margin-bottom":v||o.theme.space24,"--amino-card-margin-top":v||o.theme.space24,"--amino-card-padding-spacing":v||o.theme.space24}),children:[h&&r.jsxs("div",{className:m,children:[r.jsx(n.Text,{type:"subheader",children:h}),r.jsx(i.HStack,{spacing:8,children:t})]}),d,(u||p)&&r.jsxs("div",{className:l,children:[r.jsx("div",{children:p}),r.jsx(i.HStack,{spacing:8,children:u})]})]})};
|
|
1
|
+
"use strict";var a=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(a){return a&&a.__esModule?a:{default:a}}require("../stack/Stack.js");var c=d(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";t.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var t=e.actions,d=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"auto","--amino-card-margin":v?"calc(".concat(v," * -1)"):o.theme.spaceNegative24,"--amino-card-margin-bottom":v||o.theme.space24,"--amino-card-margin-top":v||o.theme.space24,"--amino-card-padding-spacing":v||o.theme.space24}),children:[h&&r.jsxs("div",{className:m,children:[r.jsx(n.Text,{type:"subheader",children:h}),r.jsx(i.HStack,{spacing:8,children:t})]}),d,(u||p)&&r.jsxs("div",{className:l,children:[r.jsx("div",{children:p}),r.jsx(i.HStack,{spacing:8,children:u})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("lodash/groupBy"),l=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),u=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../text/Text.js"),c=require("../../icons/ChevronUpIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),p=require("../../icons/SearchIcon.js"),m=require("../../utils/getFuzzySearch.js"),_=require("../../style-inject.es-d4ddeae4.js");function x(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var y=x(t),h=x(o),f="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",C="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",b="Amino_CountryMultiSelectExpanded-module__header--I3SHr",A="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",g="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",S="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",j="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",v="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",M="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",E="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",q="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",k="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",W="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",I="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",N="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",z="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",T="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",w="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";_.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:.5}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;flex-grow:1;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;gap:16px;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(t){var o=t.actions,_=t.className,x=t.countries,H=t.disabled,L=void 0!==H&&H,B=t.maxHeight,G=void 0===B?380:B,D=t.noHeader,O=void 0!==D&&D,R=t.onChange,F=t.selectedCountries,U=t.style,Z=t.withoutSearch,P=void 0!==Z&&Z,J=e.__read(r.useState(""),2),K=J[0],X=J[1],Q=e.__read(r.useState([]),2),V=Q[0],Y=Q[1],$=r.useCallback((function(e){return m.getFuzzySearch({array:x,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[x]),ee=r.useMemo((function(){return""===K?x:$(K).map((function(e){return e.item}))}),[x,$,K]),ne=r.useMemo((function(){var n=Object.entries(h.default(ee,"group")).map((function(n){var r=e.__read(n,2),t=r[0];return{countries:r[1],label:t}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[ee]),re=r.useMemo((function(){return x.filter((function(e){return!e.disabled})).length===F.length}),[x,F.length]);if(r.useEffect((function(){K&&Y(ne.map((function(e){return e.label})))}),[ne,K]),!x.length)return n.jsx("div",{className:y.default(_),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});var te=x.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:y.default(f,_,L&&C),style:U,children:[!O&&n.jsxs("div",{className:b,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[F.length," of ",te," selected"]})]}),n.jsxs("div",{className:A,children:[n.jsxs("div",{className:g,children:[!P&&n.jsxs("label",{className:S,htmlFor:"country-multi-select-search",children:[n.jsx(p.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return X(e.target.value)},placeholder:"Search...",type:"text",value:K}),K&&n.jsx(l.Button,{icon:n.jsx(s.RemoveCircleIcon,{size:24}),onClick:function(){return X("")},variant:"text"})]}),o&&n.jsx("div",{className:j,children:o})]}),(!!o||!P)&&n.jsx(a.Divider,{noMargin:!0}),ee.length?n.jsxs("div",{className:v,style:{maxHeight:"".concat(G,"px")},children:[!K&&n.jsx("div",{className:E,children:n.jsx(i.Checkbox,{checked:re,label:"Select all",onChange:function(e){R(e?x.filter((function(e){return!e.disabled})):[])}})}),ne.map((function(r){var t=r.countries.filter((function(e){return F.some((function(n){return n.code===e.code}))})).length,o=r.countries.filter((function(e){return!e.disabled})).length,l=!!o&&r.countries.every((function(e){return e.disabled||F.some((function(n){return n.code===e.code}))})),a=!V.includes(r.label);return n.jsxs("div",{children:[n.jsxs("div",{className:y.default(k,q),children:[n.jsx(i.Checkbox,{checked:l,disabled:!o,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(F),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);R(t)}else t=F.filter((function(e){return!e.disabled&&!r.countries.some((function(n){return n.code===e.code}))})),R(t)}}),n.jsxs("button",{className:W,onClick:function(){V.includes(r.label)?Y(V.filter((function(e){return e!==r.label}))):Y(e.__spreadArray(e.__spreadArray([],e.__read(V),!1),[r.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[t,"/",o]}),n.jsx(c.ChevronUpIcon,{className:y.default(I,a&&N),size:24})]})]}),n.jsx(u.Collapse,{collapsed:a,children:n.jsx("div",{className:z,children:r.countries.map((function(r){var t;return n.jsx(i.Checkbox,{checked:F.some((function(e){return e.code===r.code})),className:y.default(E,T,!r.disabled&&q),disabled:r.disabled,icon:r.icon,label:r.label,labelComponent:n.jsxs("div",{className:w,style:{opacity:r.disabled?.5:1},children:[n.jsxs("div",{children:[r.icon,r.label]}),null===(t=r.rightDecorator)||void 0===t?void 0:t.call(r)]}),onChange:function(n){R(n?e.__spreadArray(e.__spreadArray([],e.__read(F),!1),[r],!1):F.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):n.jsx("div",{className:M,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),n=require("../button/Button.js"),i=require("./CoverSheetActions.js"),a=require("../dialog/BaseDialog.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u=l(r),m="Amino_CoverSheet-module__coverSheet--nZP66",h="Amino_CoverSheet-module__headerContainer--SCAgD",p="Amino_CoverSheet-module__header--praFM",v="Amino_CoverSheet-module__headerComponent--fgFRV",_="Amino_CoverSheet-module__content--Zht4F";c.styleInject(".Amino_CoverSheet-module__coverSheet--nZP66{background:var(--amino-page-background);border:var(--amino-border-subtle);border-radius:0;box-sizing:border-box;color:var(--amino-text-color);height:100vh;left:0;max-height:100vh;outline:none;overscroll-behavior:contain;position:fixed;top:0;width:100vw}@media print{.Amino_CoverSheet-module__coverSheet--nZP66{height:auto;min-height:100vh;position:absolute}}.Amino_CoverSheet-module__headerContainer--SCAgD{align-items:center;background-color:var(--amino-page-background);border-bottom:var(--amino-border-subtle);display:flex;height:64px;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-32);position:-webkit-sticky;position:sticky;top:0;z-index:99}@media print{.Amino_CoverSheet-module__headerContainer--SCAgD{display:none}}.Amino_CoverSheet-module__header--praFM{align-items:center;display:flex;gap:var(--amino-space-16)}.Amino_CoverSheet-module__headerComponent--fgFRV{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Amino_CoverSheet-module__content--Zht4F{overflow:auto;padding:var(--amino-space-56)}");exports.CoverSheet=function(r){var c=r.actions,l=r.actionWrapperId,C=void 0===l?"__cover-sheet-actions":l,b=r.children,j=r.className,g=r.headerComponent,
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),n=require("../button/Button.js"),i=require("./CoverSheetActions.js"),a=require("../dialog/BaseDialog.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u=l(r),m="Amino_CoverSheet-module__coverSheet--nZP66",h="Amino_CoverSheet-module__headerContainer--SCAgD",p="Amino_CoverSheet-module__header--praFM",v="Amino_CoverSheet-module__headerComponent--fgFRV",_="Amino_CoverSheet-module__content--Zht4F";c.styleInject(".Amino_CoverSheet-module__coverSheet--nZP66{background:var(--amino-page-background);border:var(--amino-border-subtle);border-radius:0;box-sizing:border-box;color:var(--amino-text-color);height:100vh;left:0;max-height:100vh;outline:none;overscroll-behavior:contain;position:fixed;top:0;width:100vw}@media print{.Amino_CoverSheet-module__coverSheet--nZP66{height:auto;min-height:100vh;position:absolute}}.Amino_CoverSheet-module__headerContainer--SCAgD{align-items:center;background-color:var(--amino-page-background);border-bottom:var(--amino-border-subtle);display:flex;height:64px;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-32);position:-webkit-sticky;position:sticky;top:0;z-index:99}@media print{.Amino_CoverSheet-module__headerContainer--SCAgD{display:none}}.Amino_CoverSheet-module__header--praFM{align-items:center;display:flex;gap:var(--amino-space-16)}.Amino_CoverSheet-module__headerComponent--fgFRV{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Amino_CoverSheet-module__content--Zht4F{flex-grow:1;overflow:auto;padding:var(--amino-space-56)}");exports.CoverSheet=function(r){var c=r.actions,l=r.actionWrapperId,C=void 0===l?"__cover-sheet-actions":l,b=r.children,j=r.className,g=r.headerComponent,x=r.hideCloseButton,S=void 0!==x&&x,f=r.label,q=r.onClose,A=r.open,y=e.__rest(r,["actions","actionWrapperId","children","className","headerComponent","hideCloseButton","label","onClose","open"]);return t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(C,"']")).length>1&&console.error('Duplicate id "'.concat(C,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[C]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=A?"hidden":"auto")}),[A]),o.jsxs(a.BaseDialog,e.__assign({className:u.default(m,j),onClose:q,open:A,popupMotionProps:{animate:{translateY:0},exit:{translateY:"100vh"},initial:{translateY:"100vh"},transition:{duration:.35,ease:[0,0,0,1]}}},y,{children:[o.jsxs("header",{className:h,children:[o.jsxs("div",{className:p,children:[!S&&o.jsx(n.Button,{icon:o.jsx(d.RemoveIcon,{size:20}),onClick:q}),o.jsx(s.Text,{type:"subheader",children:f})]}),o.jsx("div",{className:v,children:g}),o.jsx("div",{id:C,children:c&&o.jsx(i.CoverSheetActions,{coverSheetActionId:C,children:c})})]}),o.jsx("div",{className:_,children:b})]}))};
|
|
@@ -3,6 +3,7 @@ import type { HelpTextProps } from "../../help-text/HelpText";
|
|
|
3
3
|
import type { BaseProps } from "../../../types/BaseProps";
|
|
4
4
|
import type { Size } from "../../../types/Size";
|
|
5
5
|
export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
|
|
6
|
+
export declare const getFloatLabelRadius: (size: Size) => string;
|
|
6
7
|
type FloatLabelInputType = BaseProps & {
|
|
7
8
|
autoFocus?: boolean;
|
|
8
9
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),l=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}var r=u(t),_="Amino__FloatLabelInput-module__styledLabelInput--uwTIv",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",d="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq";i.styleInject('.Amino__FloatLabelInput-module__styledLabelInput--uwTIv{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{color:var(--amino-gray-800);content:attr(data-label);display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:var(--amino-space-8);padding-left:var(--amino-space-16);padding-right:var(--amino-space-4);white-space:nowrap}.Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix{padding-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{margin-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label)::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-value-prefix{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus{outline:none}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-error+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:2px}');var c=o.forwardRef((function(t,
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),l=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}var r=u(t),_="Amino__FloatLabelInput-module__styledLabelInput--uwTIv",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",d="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq";i.styleInject('.Amino__FloatLabelInput-module__styledLabelInput--uwTIv{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{color:var(--amino-gray-800);content:attr(data-label);display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:var(--amino-space-8);padding-left:var(--amino-space-16);padding-right:var(--amino-space-4);white-space:nowrap}.Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix{padding-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{margin-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label)::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-value-prefix{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus{outline:none}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-error+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:2px}');var c=function(e){switch(e){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}},L=o.forwardRef((function(t,l){var i=t.autoFocus,u=t.className,L=t.disabled,f=t.error,v=t.inputMode,h=t.label,F=t.onChange,A=t.onKeyDown,x=t.pattern,g=t.placeholder,y=t.prefix,w=t.readOnly,G=t.required,j=t.size,q=void 0===j?"xl":j,T=t.suffix,z=t.tabIndex,k=t.type,E=t.value,H=t.valuePrefix,W=e.__rest(t,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=o.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),D=!!E||!!H;return a.jsxs("div",{className:r.default(u,q,I),style:{"--amino-float-label-input-border-radius":c(q),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(q,") - 2px)")},children:[y&&a.jsx("div",{className:r.default(m,p),children:y}),H&&a.jsx("div",{className:d,children:H}),a.jsx("input",e.__assign({ref:l,"aria-label":h,autoFocus:i,className:r.default(f&&"has-error",h&&"has-label",D&&"has-content",y&&"has-input-prefix",H&&"has-value-prefix",b),"data-testid":N,disabled:L,id:h,inputMode:v,onChange:F,onKeyDown:A,pattern:x,placeholder:g,readOnly:w,required:G,tabIndex:z,type:k||"text",value:E||""},W)),a.jsx("label",{className:_,"data-label":h}),T&&a.jsx("div",{className:r.default(m,s),children:T})]})}));exports.FloatLabelInput=L,exports.getFloatLabelRadius=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),_=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),h={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:44px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-select-error)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1200);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var g=function(e){switch(e){case"sm":return"".concat(_.theme.radius6);case"lg":case"xl":return"".concat(_.theme.radius10);default:return"".concat(_.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.cx,i=l.getStyles,c=l.hasValue,s=l.innerProps,r=l.innerRef,d=l.isDisabled,_=l.isFocused,u=l.menuIsOpen,m=l.selectProps,S=m.icon,p=m.label,y=m.size,g=m.value;return t.jsxs("div",e.__assign({ref:r,className:a({control:!0,"control--is-disabled":d,"control--is-focused":_,"control--menu-is-open":u},[n,c&&h.hasValue,S&&h.hasIcon,_&&h.isFocused,p||Array.isArray(g)&&g.length>1?h.hasLabel:"",y&&h[y],h.reactSelectControl,"react-select-control"].join(" ")),style:i("control",l)},s,{children:[S&&t.jsx("div",{className:h.iconWrapper,children:S}),t.jsxs("label",{className:h.styledFloatedLabel,children:[p," ",Array.isArray(g)&&g.length>1&&t.jsxs("strong",{className:h.strongLabel,children:["(",g.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:h.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(d.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,d=l.innerRef,_=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,g=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);g&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:d},r,{children:t.jsx("div",{className:[n,h.styledSelectOptionWrapper,u&&h.isFocused,_&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:_,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:h.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:_.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{background:_.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:g(o),borderWidth:0,boxShadow:l.isFocused?"".concat(_.theme.shadowSelectActive):"".concat(_.theme.shadowSelectBase),color:_.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:_.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:_.theme.surfaceColor,borderRadius:12,boxShadow:_.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:_.theme.gray100,borderRadius:_.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?_.theme.blue600:_.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,d=o.hasGroups,_=o.helpText,m=o.icon,S=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,W=o.style,D=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:d,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(h.styledSelectWrapper,r&&h.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},W),z)},D,w)),t.jsx(i.HelpText,{error:r,helpText:_})]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),h={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:44px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:.5}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-select-error)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1200);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var g=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":case"xl":return"".concat(d.theme.radius10);default:return"".concat(d.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.getStyles,i=l.hasValue,c=l.innerProps,s=l.innerRef,r=l.isDisabled,_=l.isFocused,d=l.selectProps,u=d.icon,m=d.label,S=d.size,p=d.value;return t.jsxs("div",e.__assign({ref:s,className:y.default([n,i&&h.hasValue,u&&h.hasIcon,_&&h.isFocused,r&&h.isDisabled,m||Array.isArray(p)&&p.length>1?h.hasLabel:"",S&&h[S],h.reactSelectControl,"react-select-control"]),style:a("control",l)},c,{children:[u&&t.jsx("div",{className:h.iconWrapper,children:u}),t.jsxs("label",{className:h.styledFloatedLabel,children:[m," ",Array.isArray(p)&&p.length>1&&t.jsxs("strong",{className:h.strongLabel,children:["(",p.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:h.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,_=l.innerRef,d=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,g=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);g&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},r,{children:t.jsx("div",{className:[n,h.styledSelectOptionWrapper,u&&h.isFocused,d&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:h.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{backgroundColor:d.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:g(o),borderWidth:0,boxShadow:l.isFocused?"".concat(d.theme.shadowSelectActive):"".concat(d.theme.shadowSelectBase),color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,_=o.hasGroups,d=o.helpText,m=o.icon,S=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:_,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(h.styledSelectWrapper,r&&h.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},D),z)},W,w)),t.jsx(i.HelpText,{error:r,helpText:d})]})};
|
package/components/text/Text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(a),l="Amino_Text-module__subTitle--ar8xY",h="Amino_Text-module__inputLabel--7RwJ6",o="Amino_Text-module__typography--Ucf02";s.styleInject(".Amino_Text-module__subTitle--ar8xY{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_Text-module__inputLabel--7RwJ6{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}.Amino_Text-module__typography--Ucf02{color:var(--amino-text-color);font-size:var(--amino-text-font-size);font-weight:var(--amino-text-font-weight);line-height:var(--amino-text-line-height);margin:0;text-transform:var(--amino-text-transform)}.Amino_Text-module__typography--Ucf02 svg{display:inline-block;vertical-align:middle}");var g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],p=e.__read(g,13),c=p[0],m=p[1],d=p[2],u=p[3],x=p[4],b=p[5],z=p[6],f=p[7],_=p[8],w=p[9],y=p[10],v=p[11],U=p[12];exports.Text=function(a){var s=a.children,r=a.className,g=a.color,p=a.fontSize,W=a.fontWeight,j=a.isUppercase,L=a.lineHeight,T=a.style,S=a.tag,A=a.title,B=function(a){var l=a.as,h=a.fontWeight,c=a.isUppercase,m=a.size,d={className:n.default(r,o),style:e.__assign(e.__assign({},T),{"--amino-text-color":g?i.theme[g]:"","--amino-text-font-size":"var(--amino-font-size-".concat(p||m,")"),"--amino-text-font-weight":h||"","--amino-text-line-height":"var(--amino-line-height-".concat(L||m,")"),"--amino-text-transform":c?"uppercase":""}),title:A};switch(l){case"h2":return t.jsx("h2",e.__assign({},d,{children:s}));case"h3":return t.jsx("h3",e.__assign({},d,{children:s}));case"h4":return t.jsx("h4",e.__assign({},d,{children:s}));case"h5":return t.jsx("h5",e.__assign({},d,{children:s}));default:return t.jsx("span",e.__assign({},d,{children:s}))}};switch(a.type){case"page-header":return B({as:S||c.tag,fontWeight:W||c.weight,isUppercase:j,size:c.size});case"header":return B({as:S||m.tag,fontWeight:W||m.weight,isUppercase:j,size:m.size});case"description-header":return B({as:S||d.tag,fontWeight:W||d.weight,isUppercase:j,size:d.size});case"title":return B({as:S||u.tag,fontWeight:W||u.weight,isUppercase:j,size:u.size});case"bold-subheader":return B({as:S||x.tag,fontWeight:W||x.weight,isUppercase:j,size:x.size});case"semi-bold-subheader":return B({as:S||b.tag,fontWeight:W||b.weight,isUppercase:j,size:b.size});case"subheader":return B({as:S||z.tag,fontWeight:W||z.weight,isUppercase:j,size:z.size});case"bold-label":return B({as:S||f.tag,fontWeight:W||f.weight,isUppercase:j,size:f.size});case"label":return B({as:S||_.tag,fontWeight:W||_.weight,isUppercase:j,size:_.size});case"small-header":return B({as:S||y.tag,fontWeight:W||y.weight,isUppercase:j,size:y.size});case"caption":return B({as:S||v.tag,fontWeight:W||v.weight,isUppercase:j,size:v.size});case"hint-text":return B({as:S||U.tag,fontWeight:W||U.weight,isUppercase:j,size:U.size});case"subtitle":return t.jsx("span",{className:n.default(r,l),title:A,children:s});case"input-label":return t.jsx("span",{className:n.default(r,h),title:A,children:s});default:return B({as:S||w.tag,fontWeight:W||w.weight,isUppercase:j,size:w.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(a),l="Amino_Text-module__subTitle--ar8xY",h="Amino_Text-module__inputLabel--7RwJ6",o="Amino_Text-module__typography--Ucf02";s.styleInject(".Amino_Text-module__subTitle--ar8xY{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_Text-module__inputLabel--7RwJ6{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}.Amino_Text-module__typography--Ucf02{color:var(--amino-text-color);font-size:var(--amino-text-font-size);font-weight:var(--amino-text-font-weight);line-height:var(--amino-text-line-height);margin:0;text-transform:var(--amino-text-transform)}.Amino_Text-module__typography--Ucf02 svg{display:inline-block;vertical-align:middle}");var g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],p=e.__read(g,13),c=p[0],m=p[1],d=p[2],u=p[3],x=p[4],b=p[5],z=p[6],f=p[7],_=p[8],w=p[9],y=p[10],v=p[11],U=p[12];exports.Text=function(a){var s=a.children,r=a.className,g=a.color,p=a.fontSize,W=a.fontWeight,j=a.isUppercase,L=a.lineHeight,T=a.style,S=a.tag,A=a.title,B=function(a){var l=a.as,h=a.fontWeight,c=a.isUppercase,m=a.size,d={className:n.default(r,o),style:e.__assign(e.__assign({},T),{"--amino-text-color":g?i.theme[g]:"inherit","--amino-text-font-size":"var(--amino-font-size-".concat(p||m,")"),"--amino-text-font-weight":h||"","--amino-text-line-height":"var(--amino-line-height-".concat(L||m,")"),"--amino-text-transform":c?"uppercase":"inherit"}),title:A};switch(l){case"h2":return t.jsx("h2",e.__assign({},d,{children:s}));case"h3":return t.jsx("h3",e.__assign({},d,{children:s}));case"h4":return t.jsx("h4",e.__assign({},d,{children:s}));case"h5":return t.jsx("h5",e.__assign({},d,{children:s}));default:return t.jsx("span",e.__assign({},d,{children:s}))}};switch(a.type){case"page-header":return B({as:S||c.tag,fontWeight:W||c.weight,isUppercase:j,size:c.size});case"header":return B({as:S||m.tag,fontWeight:W||m.weight,isUppercase:j,size:m.size});case"description-header":return B({as:S||d.tag,fontWeight:W||d.weight,isUppercase:j,size:d.size});case"title":return B({as:S||u.tag,fontWeight:W||u.weight,isUppercase:j,size:u.size});case"bold-subheader":return B({as:S||x.tag,fontWeight:W||x.weight,isUppercase:j,size:x.size});case"semi-bold-subheader":return B({as:S||b.tag,fontWeight:W||b.weight,isUppercase:j,size:b.size});case"subheader":return B({as:S||z.tag,fontWeight:W||z.weight,isUppercase:j,size:z.size});case"bold-label":return B({as:S||f.tag,fontWeight:W||f.weight,isUppercase:j,size:f.size});case"label":return B({as:S||_.tag,fontWeight:W||_.weight,isUppercase:j,size:_.size});case"small-header":return B({as:S||y.tag,fontWeight:W||y.weight,isUppercase:j,size:y.size});case"caption":return B({as:S||v.tag,fontWeight:W||v.weight,isUppercase:j,size:v.size});case"hint-text":return B({as:S||U.tag,fontWeight:W||U.weight,isUppercase:j,size:U.size});case"subtitle":return t.jsx("span",{className:n.default(r,l),title:A,children:s});case"input-label":return t.jsx("span",{className:n.default(r,h),title:A,children:s});default:return B({as:S||w.tag,fontWeight:W||w.weight,isUppercase:j,size:w.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
|