@livechat/design-system-react-components 1.0.0-alpha.2 → 1.0.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dsrc.cjs.js +1 -0
- package/dist/dsrc.es.js +2213 -0
- package/dist/dsrc.umd.js +1 -0
- package/dist/{components → src/components/Alert}/Alert.d.ts +19 -19
- package/dist/src/components/Alert/index.d.ts +1 -0
- package/dist/src/components/Badge/Badge.d.ts +5 -0
- package/dist/src/components/Badge/index.d.ts +1 -0
- package/dist/{components → src/components/Button}/Button.d.ts +13 -13
- package/dist/src/components/Button/index.d.ts +2 -0
- package/dist/{components → src/components/ButtonGroup}/ButtonGroup.d.ts +11 -11
- package/dist/src/components/ButtonGroup/index.d.ts +1 -0
- package/dist/src/components/Card/Card.d.ts +6 -0
- package/dist/src/components/Card/index.d.ts +2 -0
- package/dist/src/components/Checkbox/Checkbox.d.ts +7 -0
- package/dist/{components → src/components/Checkbox}/CheckboxField.d.ts +7 -7
- package/dist/src/components/Checkbox/index.d.ts +2 -0
- package/dist/src/components/FieldDescription/FieldDescription.d.ts +3 -0
- package/dist/src/components/FieldDescription/index.d.ts +1 -0
- package/dist/src/components/FieldError/FieldError.d.ts +3 -0
- package/dist/src/components/FieldError/index.d.ts +1 -0
- package/dist/src/components/FieldGroup/FieldGroup.d.ts +8 -0
- package/dist/src/components/FieldGroup/index.d.ts +1 -0
- package/dist/src/components/Form/Form.d.ts +7 -0
- package/dist/src/components/Form/index.d.ts +2 -0
- package/dist/src/components/FormGroup/FormGroup.d.ts +7 -0
- package/dist/src/components/FormGroup/index.d.ts +1 -0
- package/dist/{components → src/components/Icon}/Icon.d.ts +70 -69
- package/dist/src/components/Icon/index.d.ts +1 -0
- package/dist/src/components/InputField/InputField.d.ts +15 -0
- package/dist/src/components/InputField/index.d.ts +1 -0
- package/dist/src/components/Link/Link.d.ts +14 -0
- package/dist/src/components/Link/index.d.ts +1 -0
- package/dist/{components → src/components/Loader}/Loader.d.ts +10 -10
- package/dist/src/components/Loader/index.d.ts +1 -0
- package/dist/src/components/Modal/ActionModal.d.ts +8 -0
- package/dist/src/components/Modal/Modal.d.ts +7 -0
- package/dist/src/components/Modal/ModalBase.d.ts +6 -0
- package/dist/src/components/Modal/ModalCloseButton.d.ts +3 -0
- package/dist/src/components/Modal/ModalPortal.d.ts +7 -0
- package/dist/src/components/Modal/index.d.ts +10 -0
- package/dist/src/components/NumericInput/NumericInput.d.ts +14 -0
- package/dist/src/components/NumericInput/NumericInputField.d.ts +19 -0
- package/dist/src/components/NumericInput/index.d.ts +2 -0
- package/dist/src/components/Popover/Popover.d.ts +15 -0
- package/dist/src/components/Popover/index.d.ts +1 -0
- package/dist/{components → src/components/Progress}/ProgressCircle.d.ts +9 -9
- package/dist/{components → src/components/Progress}/constants.d.ts +12 -12
- package/dist/{components → src/components/Progress}/helpers.d.ts +3 -3
- package/dist/src/components/Progress/index.d.ts +1 -0
- package/dist/{components → src/components/PromoBanner}/PromoBanner.d.ts +19 -19
- package/dist/src/components/PromoBanner/index.d.ts +1 -0
- package/dist/src/components/RadioButton/RadioButton.d.ts +7 -0
- package/dist/src/components/RadioButton/index.d.ts +1 -0
- package/dist/{components → src/components/Switch}/Switch.d.ts +20 -17
- package/dist/src/components/Switch/index.d.ts +1 -0
- package/dist/{components → src/components/Tab}/Tab.d.ts +12 -12
- package/dist/{components → src/components/Tab}/TabsWrapper.d.ts +3 -3
- package/dist/src/components/Tab/index.d.ts +2 -0
- package/dist/src/components/Tag/Tag.d.ts +12 -0
- package/dist/src/components/Tag/index.d.ts +1 -0
- package/dist/src/components/TagInput/EditableTag.d.ts +11 -0
- package/dist/src/components/TagInput/EditableTagContent.d.ts +11 -0
- package/dist/src/components/TagInput/EmailTagInput.d.ts +5 -0
- package/dist/src/components/TagInput/TagInput.d.ts +12 -0
- package/dist/src/components/TagInput/index.d.ts +4 -0
- package/dist/src/components/TextField/TextField.d.ts +13 -0
- package/dist/src/components/TextField/index.d.ts +1 -0
- package/dist/{components → src/components/Toast}/Toast.d.ts +22 -22
- package/dist/{components → src/components/Toast}/ToastWrapper.d.ts +27 -26
- package/dist/src/components/Toast/index.d.ts +2 -0
- package/dist/{components → src/components/Typography}/Heading.d.ts +11 -11
- package/dist/{components → src/components/Typography}/Text.d.ts +15 -15
- package/dist/src/components/Typography/index.d.ts +2 -0
- package/dist/src/index.d.ts +29 -0
- package/dist/src/themes/designTokens.d.ts +126 -0
- package/dist/src/utils/keyCodes.d.ts +12 -0
- package/dist/{utils → src/utils}/noop.d.ts +1 -1
- package/dist/src/vite-env.d.ts +1 -0
- package/dist/style.css +1 -0
- package/package.json +40 -35
- package/dist/components/Alert.spec.d.ts +0 -1
- package/dist/components/Badge.d.ts +0 -6
- package/dist/components/Badge.spec.d.ts +0 -1
- package/dist/components/Button.spec.d.ts +0 -1
- package/dist/components/ButtonGroup.spec.d.ts +0 -1
- package/dist/components/Card.d.ts +0 -6
- package/dist/components/Card.spec.d.ts +0 -1
- package/dist/components/Checkbox.d.ts +0 -7
- package/dist/components/CheckboxField.spec.d.ts +0 -1
- package/dist/components/FieldDescription.d.ts +0 -3
- package/dist/components/FieldError.d.ts +0 -3
- package/dist/components/FieldGroup.d.ts +0 -8
- package/dist/components/FieldGroup.spec.d.ts +0 -1
- package/dist/components/FieldLabel.d.ts +0 -3
- package/dist/components/Form.d.ts +0 -7
- package/dist/components/Form.spec.d.ts +0 -1
- package/dist/components/FormGroup.d.ts +0 -7
- package/dist/components/FormGroup.spec.d.ts +0 -1
- package/dist/components/Loader.spec.d.ts +0 -1
- package/dist/components/Modal/ActionModal.d.ts +0 -8
- package/dist/components/Modal/Modal.d.ts +0 -7
- package/dist/components/Modal/ModalBase.d.ts +0 -6
- package/dist/components/Modal/ModalBase.spec.d.ts +0 -1
- package/dist/components/Modal/ModalCloseButton.d.ts +0 -3
- package/dist/components/Modal/ModalPortal.d.ts +0 -7
- package/dist/components/ProgressBar.d.ts +0 -9
- package/dist/components/ProgressBar.spec.d.ts +0 -1
- package/dist/components/ProgressCircle.spec.d.ts +0 -1
- package/dist/components/PromoBanner.spec.d.ts +0 -1
- package/dist/components/RadioButton.d.ts +0 -7
- package/dist/components/RadioButton.spec.d.ts +0 -1
- package/dist/components/Switch.spec.d.ts +0 -1
- package/dist/components/Tab.spec.d.ts +0 -1
- package/dist/components/TabsWrapper.spec.d.ts +0 -1
- package/dist/components/Toast.spec.d.ts +0 -1
- package/dist/components/ToastWrapper.spec.d.ts +0 -1
- package/dist/constants/keyCodes.d.ts +0 -3
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -1
- package/dist/index.d.ts +0 -8
- package/dist/index.js +0 -2
- package/dist/index.js.map +0 -1
- package/dist/index.modern.js +0 -2
- package/dist/index.modern.js.map +0 -1
- package/dist/index.module.js +0 -2
- package/dist/index.module.js.map +0 -1
- package/dist/index.umd.js +0 -2
- package/dist/index.umd.js.map +0 -1
- package/dist/stories/Alert.stories.d.ts +0 -14
- package/dist/stories/Badge.stories.d.ts +0 -16
- package/dist/stories/Button.stories.d.ts +0 -20
- package/dist/stories/ButtonGroup.stories.d.ts +0 -18
- package/dist/stories/Card.stories.d.ts +0 -10
- package/dist/stories/CheckboxField.stories.d.ts +0 -9
- package/dist/stories/FieldGroup.stories.d.ts +0 -9
- package/dist/stories/Form.stories.d.ts +0 -6
- package/dist/stories/FormGroup.stories.d.ts +0 -9
- package/dist/stories/Icon.stories.d.ts +0 -14
- package/dist/stories/Loader.stories.d.ts +0 -8
- package/dist/stories/Modal.stories.d.ts +0 -19
- package/dist/stories/ProgressCircle.stories.d.ts +0 -13
- package/dist/stories/Progressbar.stories.d.ts +0 -13
- package/dist/stories/PromoBanner.stories.d.ts +0 -13
- package/dist/stories/RadioButton.stories.d.ts +0 -9
- package/dist/stories/Switch.stories.d.ts +0 -12
- package/dist/stories/Tab.stories.d.ts +0 -10
- package/dist/stories/TabsWrapper.stories.d.ts +0 -15
- package/dist/stories/Toast.stories.d.ts +0 -15
- package/dist/stories/ToastWrapper.stories.d.ts +0 -40
- package/dist/stories/foundations/components/ColorTokens.d.ts +0 -2
- package/dist/stories/foundations/components/IconsShowcase.d.ts +0 -6
- package/dist/test-utils.d.ts +0 -2
package/dist/dsrc.umd.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var gr=Object.defineProperty,fr=Object.defineProperties;var hr=Object.getOwnPropertyDescriptors;var Ee=Object.getOwnPropertySymbols;var ut=Object.prototype.hasOwnProperty,mt=Object.prototype.propertyIsEnumerable;var it=(_,C,x)=>C in _?gr(_,C,{enumerable:!0,configurable:!0,writable:!0,value:x}):_[C]=x,g=(_,C)=>{for(var x in C||(C={}))ut.call(C,x)&&it(_,x,C[x]);if(Ee)for(var x of Ee(C))mt.call(C,x)&&it(_,x,C[x]);return _},B=(_,C)=>fr(_,hr(C));var w=(_,C)=>{var x={};for(var v in _)ut.call(_,v)&&C.indexOf(v)<0&&(x[v]=_[v]);if(_!=null&&Ee)for(var v of Ee(_))C.indexOf(v)<0&&mt.call(_,v)&&(x[v]=_[v]);return x};(function(_,C){typeof exports=="object"&&typeof module!="undefined"?C(exports,require("react"),require("clsx"),require("@livechat/design-system-icons/react/material"),require("react-dom"),require("react-popper"),require("polished"),require("lodash.escape"),require("react-transition-group")):typeof define=="function"&&define.amd?define(["exports","react","clsx","@livechat/design-system-icons/react/material","react-dom","react-popper","polished","lodash.escape","react-transition-group"],C):(_=typeof globalThis!="undefined"?globalThis:_||self,C(_.dsrc={},_.React,_.cx,_.material,_.ReactDOM,_.reactPopper,_.polished,_.escape,_.reactTransitionGroup))})(this,function(_,C,x,v,pt,bt,Ge,gt,Me){"use strict";function Re(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function Oe(e){if(e&&e.__esModule)return e;var a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),a.default=e,Object.freeze(a)}var t=Oe(C),u=Re(x),ft=Oe(pt),Le=Re(gt),vr="";const ht={Background:"--background",SurfaceBasicDefault:"--surface-basic-default",SurfaceBasicSubtle:"--surface-basic-subtle",SurfaceBasicHover:"--surface-basic-hover",SurfaceBasicActive:"--surface-basic-active",SurfaceBasicDisabled:"--surface-basic-disabled",SurfaceSecondaryDefault:"--surface-secondary-default",SurfaceSecondarySubtle:"--surface-secondary-subtle",SurfaceSecondaryHover:"--surface-secondary-hover",SurfaceSecondaryDisabled:"--surface-secondary-disabled",SurfaceFeedbackInfo:"--surface-feedback-info",SurfaceFeedbackNegative:"--surface-feedback-negative",SurfaceFeedbackWarning:"--surface-feedback-warning",SurfaceFeedbackPositive:"--surface-feedback-positive",SurfaceInvertDefault:"--surface-invert-default",SurfaceInvertSubtle:"--surface-invert-subtle",SurfaceInvertDisabled:"--surface-invert-disabled",SurfaceOverlay:"--surface-overlay",ContentDefault:"--content-default",ContentSubtle:"--content-subtle",ContentDisabled:"--content-disabled",ContentWhiteLocked:"--content-white-locked",ContentInvertDefault:"--content-invert-default",ContentInvertSubtle:"--content-invert-subtle",ContentInvertDisabled:"--content-invert-disabled",BorderDefault:"--border-default",BorderSubtle:"--border-subtle",BorderHover:"--border-hover",BorderDisabled:"--border-disabled",BorderInvertDefault:"--border-invert-default",BorderInvertSubtle:"--border-invert-subtle",BorderInvertHover:"--border-invert-hover",BorderInvertDisabled:"--border-invert-disabled",ColorActionActive:"--color-action-active",ColorActionHover:"--color-action-hover",ColorActionDefault:"--color-action-default",ColorActionDisabled:"--color-action-disabled",ColorNegativeActive:"--color-negative-active",ColorNegativeHover:"--color-negative-hover",ColorNegativeDefault:"--color-negative-default",ColorNegativeDisabled:"--color-negative-disabled",ColorWarningDefault:"--color-warning-default",ColorWarningHover:"--color-warning-hover",ColorPositiveDefault:"--color-positive-default",ColorPositiveHover:"--color-positive-hover",ColorPositiveDisabled:"--color-positive-disabled",ColorBot:"--color-bot",ColorBlack:"--color-black",ColorWhite:"--color-white",DecorBlue900:"--decor-blue900",DecorBlue800:"--decor-blue800",DecorBlue700:"--decor-blue700",DecorBlue600:"--decor-blue600",DecorBlue500:"--decor-blue500",DecorBlue400:"--decor-blue400",DecorBlue300:"--decor-blue300",DecorBlue200:"--decor-blue200",DecorBlue100:"--decor-blue100",DecorBlue50:"--decor-blue50",DecorOrange900:"--decor-orange900",DecorOrange800:"--decor-orange800",DecorOrange700:"--decor-orange700",DecorOrange600:"--decor-orange600",DecorOrange500:"--decor-orange500",DecorOrange400:"--decor-orange400",DecorOrange300:"--decor-orange300",DecorOrange200:"--decor-orange200",DecorOrange100:"--decor-orange100",DecorOrange50:"--decor-orange50",DecorYellow900:"--decor-yellow900",DecorYellow800:"--decor-yellow800",DecorYellow700:"--decor-yellow700",DecorYellow600:"--decor-yellow600",DecorYellow500:"--decor-yellow500",DecorYellow400:"--decor-yellow400",DecorYellow300:"--decor-yellow300",DecorYellow200:"--decor-yellow200",DecorYellow100:"--decor-yellow100",DecorYellow50:"--decor-yellow50",DecorGray950:"--decor-gray950",DecorGray900:"--decor-gray900",DecorGray800:"--decor-gray800",DecorGray700:"--decor-gray700",DecorGray600:"--decor-gray600",DecorGray500:"--decor-gray500",DecorGray400:"--decor-gray400",DecorGray300:"--decor-gray300",DecorGray200:"--decor-gray200",DecorGray150:"--decor-gray150",DecorGray100:"--decor-gray100",DecorGray75:"--decor-gray75",DecorGray50:"--decor-gray50",DecorGray40:"--decor-gray40",DecorGray20:"--decor-gray20",DecorGreen900:"--decor-green900",DecorGreen800:"--decor-green800",DecorGreen700:"--decor-green700",DecorGreen600:"--decor-green600",DecorGreen500:"--decor-green500",DecorGreen400:"--decor-green400",DecorGreen300:"--decor-green300",DecorGreen200:"--decor-green200",DecorGreen100:"--decor-green100",DecorGreen50:"--decor-green50",DecorRed900:"--decor-red900",DecorRed800:"--decor-red800",DecorRed700:"--decor-red700",DecorRed600:"--decor-red600",DecorRed500:"--decor-red500",DecorRed400:"--decor-red400",DecorRed300:"--decor-red300",DecorRed200:"--decor-red200",DecorRed100:"--decor-red100",DecorRed50:"--decor-red50",DecorPurple900:"--decor-purple900",DecorPurple800:"--decor-purple800",DecorPurple700:"--decor-purple700",DecorPurple600:"--decor-purple600",DecorPurple500:"--decor-purple500",DecorPurple400:"--decor-purple400",DecorPurple300:"--decor-purple300",DecorPurple200:"--decor-purple200",DecorPurple100:"--decor-purple100",DecorPurple50:"--decor-purple50"};var ce={"heading-xl":"lc-Typography-module__heading-xl___nhr-6","heading-lg":"lc-Typography-module__heading-lg___XYF7l","heading-md":"lc-Typography-module__heading-md___wHOIs","heading-sm":"lc-Typography-module__heading-sm___nBmTV","heading-xs":"lc-Typography-module__heading-xs___VcZBs",caps:"lc-Typography-module__caps___c3eNJ","caps--bold":"lc-Typography-module__caps--bold___OZovw","paragraph-md":"lc-Typography-module__paragraph-md___UGoqq","paragraph-md--bold":"lc-Typography-module__paragraph-md--bold___mWcMG","paragraph-md--underline":"lc-Typography-module__paragraph-md--underline___Fv6zM","paragraph-md--strike":"lc-Typography-module__paragraph-md--strike___yLGHh","paragraph-sm":"lc-Typography-module__paragraph-sm___QIEFL","paragraph-sm--bold":"lc-Typography-module__paragraph-sm--bold___fAjI5","paragraph-xs":"lc-Typography-module__paragraph-xs___OUooD","paragraph-xs--bold":"lc-Typography-module__paragraph-xs--bold___z7om7"},Ae=(e=>(e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5",e))(Ae||{});const ne=c=>{var n=c,{as:e,size:a="md",children:r,className:o}=n,l=w(n,["as","size","children","className"]);return t.createElement(e||Ae[a],g({className:u.default(ce[`heading-${a}`],o)},l),r)},S=i=>{var m=i,{as:e="p",size:a="md",caps:r=!1,bold:o=!1,underline:l=!1,strike:c=!1,children:n,className:d}=m,s=w(m,["as","size","caps","bold","underline","strike","children","className"]);const p=r?"caps":`paragraph-${a}`;return t.createElement(e,g({className:u.default({[ce[`${p}`]]:!0,[ce[`${p}--bold`]]:o,[ce[`${p}--strike`]]:c,[ce[`${p}--underline`]]:l},d)},s),n)};var ze={icon:"lc-Icon-module__icon___tw31R","icon--primary":"lc-Icon-module__icon--primary___JJnBV","icon--subtle":"lc-Icon-module__icon--subtle___sZIzL","icon--inverted":"lc-Icon-module__icon--inverted___zA9QC","icon--inverted-subtle":"lc-Icon-module__icon--inverted-subtle___6UwBT","icon--link":"lc-Icon-module__icon--link___Jwkw9","icon--success":"lc-Icon-module__icon--success___MKdz3","icon--warning":"lc-Icon-module__icon--warning___5YCSW","icon--error":"lc-Icon-module__icon--error___CiJCD","icon--disabled--primary":"lc-Icon-module__icon--disabled--primary___E0nee","icon--disabled--subtle":"lc-Icon-module__icon--disabled--subtle___l-hK4","icon--disabled--inverted":"lc-Icon-module__icon--disabled--inverted___5SBAf","icon--disabled--inverted-subtle":"lc-Icon-module__icon--disabled--inverted-subtle___w-NBk","icon--disabled--link":"lc-Icon-module__icon--disabled--link___sVJOa","icon--disabled--success":"lc-Icon-module__icon--disabled--success___sG-7d","icon--disabled--warning":"lc-Icon-module__icon--disabled--warning___8ko1e","icon--disabled--error":"lc-Icon-module__icon--disabled--error___9KbVo"},V=(e=>(e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge",e))(V||{});const vt={xsmall:{width:12,height:12},small:{width:16,height:16},medium:{width:20,height:20},large:{width:24,height:24},xlarge:{width:32,height:32}};var D=(e=>(e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error",e))(D||{});const yt={primary:"primary",subtle:"subtle",inverted:"inverted",inverted_subtle:"inverted-subtle",link:"link",success:"success",warning:"warning",error:"error"},$t={primary:"disabled--primary",subtle:"disabled--subtle",inverted:"disabled--inverted",inverted_subtle:"disabled--inverted-subtle",link:"disabled--link",success:"disabled--success",warning:"disabled--warning",error:"disabled--error"},qe="icon",G=e=>{const p=e,{source:a,size:r="medium",iconType:o,disabled:l,className:c,customColor:n}=p,d=w(p,["source","size","iconType","disabled","className","customColor"]);let s;o&&(s=yt[o],l&&(s=$t[o]));const i=t.createElement(a,B(g({},vt[r]),{color:n})),m=u.default(c,ze[qe],s&&ze[`${qe}--${s}`]);return t.createElement("span",B(g({},d),{className:m}),i)};var re={alert:"lc-Alert-module__alert___HBTns","alert__content-text":"lc-Alert-module__alert__content-text___x2Un5",alert__content:"lc-Alert-module__alert__content___9nZdf","alert--small":"lc-Alert-module__alert--small___Fyk-v","alert--medium":"lc-Alert-module__alert--medium___ItZWT","alert--large":"lc-Alert-module__alert--large___IH9yM","alert__close-icon":"lc-Alert-module__alert__close-icon___rYxVy","alert--info":"lc-Alert-module__alert--info___GmIGN","alert--warning":"lc-Alert-module__alert--warning___MubhD","alert--success":"lc-Alert-module__alert--success___fPtlZ","alert--error":"lc-Alert-module__alert--error___DKPo0",alert__icon:"lc-Alert-module__alert__icon___8TaAH"};const wt={info:{source:v.Info,iconType:D.Link},warning:{source:v.Warning,iconType:D.Warning},success:{source:v.CheckCircleSolid,iconType:D.Success},error:{source:v.Block,iconType:D.Error}},oe="alert",Et=({children:e,className:a,size:r="small",type:o="info",onClose:l})=>{const c=u.default(re[oe],re[`${oe}--${o}`],re[`${oe}--${r}`],a);return t.createElement("div",{className:c},t.createElement("div",{className:re[`${oe}__content`]},t.createElement(G,g({},wt[o])),t.createElement(S,{as:"div",className:re[`${oe}__content-text`]},e)),l&&t.createElement("button",{type:"button",className:re[`${oe}__close-icon`],onClick:l},t.createElement(G,{source:v.Close,size:V.Large,iconType:D.Primary})))};var We={badge:"lc-Badge-module__badge___GhLnu","badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ"};const Ct=({children:e,className:a,secondary:r=!1})=>t.createElement("span",{className:u.default(We.badge,a,{[We["badge--secondary"]]:r})},e);var se={loader:"lc-Loader-module__loader___LRflD",loader__spinner:"lc-Loader-module__loader__spinner___l3C1g","loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:"lc-Loader-module__rotate___Tlni-",loader__label:"lc-Loader-module__loader__label___R74f6"};const He="loader",Ye=`${He}__spinner`,Ve=({primaryColor:e,secondaryColor:a,label:r,className:o,size:l="medium"})=>t.createElement("div",{className:u.default(se[He],o)},t.createElement("div",{className:u.default(se[Ye],se[`${Ye}--${l}`])},t.createElement("div",{className:se["loader__spinner-circle"],style:{borderColor:a,borderTopColor:e}})),r&&t.createElement(S,{as:"div",size:"md",className:se.loader__label},r));var R={btn:"lc-Button-module__btn___aijZJ","btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--large":"lc-Button-module__btn--large___lb-z6","btn--text":"lc-Button-module__btn--text___WA8OL","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--plain-light":"lc-Button-module__btn--plain-light___eS9em","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:"lc-Button-module__btn__loader___c8zZz",btn__content:"lc-Button-module__btn__content___wefl2",btn__icon:"lc-Button-module__btn__icon___GVExB"};const O="btn",Ce=E=>{var b=E,{loading:e=!1,disabled:a=!1,type:r="button",fullWidth:o=!1,kind:l="basic",size:c="medium",icon:n=null,iconPosition:d="left",loaderLabel:s,className:i,children:m,href:p}=b,h=w(b,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href"]);const y=e||a,k=p?"a":"button",f=u.default(i,R[O],R[`${O}--${l}`],R[`${O}--${c}`],{[R[`${O}--loading`]]:e,[R[`${O}--full-width`]]:o,[R[`${O}--icon-only`]]:!m&&n,[R[`${O}--disabled`]]:y});return t.createElement(k,g({className:f,disabled:y,type:r,href:y?void 0:p},h),e&&t.createElement(Ve,{size:"small",label:s,className:R[`${O}__loader`]}),n&&t.cloneElement(n,{className:u.default(R[`${O}__icon`],R[`${O}__icon--${d}`]),disabled:a}),t.createElement("div",{className:R[`${O}__content`]},m))};var fe={"btn-group":"lc-ButtonGroup-module__btn-group___R-lZQ",btn:"lc-ButtonGroup-module__btn___bXPrU","btn--active":"lc-ButtonGroup-module__btn--active___VAc37","btn--compact":"lc-ButtonGroup-module__btn--compact___t1whe","btn--medium":"lc-ButtonGroup-module__btn--medium___XFRBP","btn--large":"lc-ButtonGroup-module__btn--large___OtNUz"};function ke(){}const kt="btn-group",Nt=s=>{var i=s,{size:e="medium",fullWidth:a=!1,onIndexChange:r=ke,className:o,children:l,currentIndex:c,initialIndex:n=-1}=i,d=w(i,["size","fullWidth","onIndexChange","className","children","currentIndex","initialIndex"]);const m=u.default(fe[kt],o),[p,h]=t.useState(n),E=typeof c=="number",b=E?c:p,y=(k,f)=>{E||h(k),r(k,f)};return t.createElement("div",g({role:"group",className:m},d),t.Children.map(l,(k,f)=>t.cloneElement(k,{fullWidth:a,size:e,kind:"secondary",type:"button",onClick:N=>{y(f,N),k.props.onClick&&k.props.onClick(N)},className:u.default(fe.btn,fe[`btn--${e}`],f===b&&fe["btn--active"])})))};var he={card:"lc-Card-module__card___GqMm2",card__title:"lc-Card-module__card__title___1YjAR",card__text:"lc-Card-module__card__text___-jYlF",card__img:"lc-Card-module__card__img___teLC8"};const xt=c=>{var n=c,{img:e,title:a,children:r,className:o}=n,l=w(n,["img","title","children","className"]);return t.createElement(S,g({as:"div",size:"md",className:u.default(he.card,o)},l),(e||a)&&t.createElement(ne,{as:"div",size:"sm",className:he.card__title},e&&t.createElement("img",{src:e,className:he.card__img}),a&&t.createElement("div",{className:he.card__text},a)),r)};var j={checkbox:"lc-Checkbox-module__checkbox___G7nTf",checkbox__label:"lc-Checkbox-module__checkbox__label___-o01x",checkbox__square:"lc-Checkbox-module__checkbox__square___MHUyd",checkbox__checkmark:"lc-Checkbox-module__checkbox__checkmark___16pfY","checkbox--selected":"lc-Checkbox-module__checkbox--selected___S2vqY",checkbox__input:"lc-Checkbox-module__checkbox__input___YLbVF",checkbox__text:"lc-Checkbox-module__checkbox__text___P2SIq","checkbox--disabled":"lc-Checkbox-module__checkbox--disabled___-lAqW",checkbox__helper:"lc-Checkbox-module__checkbox__helper___YSJ-n"};const Ne="checkbox",je=r=>{var o=r,{className:e=""}=o,a=w(o,["className"]);const l=u.default(j[`${Ne}__square`],e);return t.createElement("div",null,t.createElement("input",B(g({},a),{className:j[`${Ne}__input`],type:"checkbox"})),t.createElement("div",{className:l},t.createElement(G,{source:v.Check,iconType:D.Inverted,size:V.XSmall,className:j[`${Ne}__checkmark`]})))};var Dt={"field-description":"lc-FieldDescription-module__field-description___IcRDH"};const Tt="field-description",de=o=>{var l=o,{children:e,className:a=""}=l,r=w(l,["children","className"]);const c=u.default(Dt[Tt],a);return t.createElement(S,B(g({as:"span",size:"sm"},r),{className:c}),e)},ae="checkbox",Bt=n=>{var d=n,{children:e,className:a="",description:r,checked:o,disabled:l}=d,c=w(d,["children","className","description","checked","disabled"]);const s=u.default(j[ae],a,{[j[`${ae}--selected`]]:o,[j[`${ae}--disabled`]]:l});return t.createElement("div",{className:s},t.createElement("label",{className:j[`${ae}__label`]},t.createElement(je,B(g({},c),{checked:o,disabled:l})),t.createElement(S,{as:"div",size:"md",className:j[`${ae}__text`]},e)),r&&t.createElement(de,{className:j[`${ae}__helper`]},r))};var St={"field-error":"lc-FieldError-module__field-error___IDkPT"};const It="field-error",ve=o=>{var l=o,{children:e,className:a=""}=l,r=w(l,["children","className"]);const c=u.default(St[It],a);return t.createElement(S,B(g({as:"span",size:"sm"},r),{className:c}),e)};var xe={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"};const De="field-group",Ft=d=>{var s=d,{className:e="",children:a,description:r,error:o,inline:l,stretch:c}=s,n=w(s,["className","children","description","error","inline","stretch"]);const i=u.default(xe[De],e,{[xe[`${De}--inline`]]:l,[xe[`${De}--stretched`]]:c});return t.createElement("div",B(g({},n),{className:i}),a,o&&t.createElement(ve,null,o),r&&t.createElement(de,null,r))};var ie={form:"lc-Form-module__form___1nOYF",form__header:"lc-Form-module__form__header___U4B7t",form__footer:"lc-Form-module__form__footer___1-sUX",form__label:"lc-Form-module__form__label___spg-J",form__helper:"lc-Form-module__form__helper___bhfwS"};const ue="form",Pt=n=>{var d=n,{className:e,children:a,labelText:r,helperText:o,formFooter:l}=d,c=w(d,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",g({className:u.default(ie[ue],e)},c),(r||o)&&t.createElement("div",{className:ie[`${ue}__header`]},r&&t.createElement(ne,{size:"sm",className:ie[`${ue}__label`]},r),o&&t.createElement(S,{as:"p",size:"sm",className:ie[`${ue}__helper`]},o)),a,l&&t.createElement("div",{className:ie[`${ue}__footer`]},l))};var ye={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"};const $e="form-group",Gt=c=>{var n=c,{className:e="",children:a,labelText:r,helperText:o}=n,l=w(n,["className","children","labelText","helperText"]);const d=u.default(ye[$e],e);return t.createElement("div",B(g(B(g({},l),{role:"group"}),r&&{"aria-label":r}),{className:d}),t.createElement("div",{className:ye[`${$e}__header`]},t.createElement(ne,{as:"div",size:"sm",className:ye[`${$e}__label`]},r),o&&t.createElement(S,{as:"div",size:"sm",className:ye[`${$e}__helper`]},o)),a)};var I={"text-field":"lc-TextField-module__text-field___bis8c","text-field--inline":"lc-TextField-module__text-field--inline___MPHqg","text-field__wrapper--inline":"lc-TextField-module__text-field__wrapper--inline___-gOob","text-field__label":"lc-TextField-module__text-field__label___vpNdg","text-field__label--inline":"lc-TextField-module__text-field__label--inline___YSRYX","text-field__label--no-text":"lc-TextField-module__text-field__label--no-text___XSyn2","text-field__label-wrapper":"lc-TextField-module__text-field__label-wrapper___SNCct","text-field__label-adornment":"lc-TextField-module__text-field__label-adornment___--pgp","text-field__label-right-node":"lc-TextField-module__text-field__label-right-node___sdnWg","text-field__label-right-node--inline":"lc-TextField-module__text-field__label-right-node--inline___vMBP2","text-field__row-break":"lc-TextField-module__text-field__row-break___AnNrI","text-field__content":"lc-TextField-module__text-field__content___dCkUW","field-label":"lc-TextField-module__field-label___q8Y-p"};const F="text-field",Te=({inline:e,error:a,description:r,labelText:o,labelAdornment:l,className:c,labelFor:n,children:d,labelRightNode:s})=>{const i=u.default(I[F],{[I[`${F}--inline`]]:e},c);return t.createElement("div",{className:i},s&&e&&t.createElement(t.Fragment,null,t.createElement("div",{className:u.default(I[`${F}__label-right-node`],I[`${F}__label-right-node--inline`])},s),t.createElement("div",{className:I[`${F}__row-break`]})),t.createElement("div",{className:u.default(I[`${F}__wrapper`],e&&I[`${F}__wrapper--inline`])},(o||s)&&t.createElement("div",{className:u.default(I[`${F}__label`],e&&I[`${F}__label--inline`],!o&&I[`${F}__label--no-text`])},o&&t.createElement("div",{className:u.default(I[`${F}__label-wrapper`])},t.createElement("label",{className:"lc-field-label",htmlFor:n},t.createElement(S,{as:"span",size:"sm"},o)),l&&t.createElement("div",{className:u.default(I[`${F}__label-adornment`])},l)),s&&!e&&t.createElement("div",{className:u.default(I[`${F}__label-right-node`])},s)),t.createElement("div",{className:u.default(I[`${F}__content`])},d,a&&t.createElement(ve,null,a),r&&t.createElement(de,null,r))))};var Ue={"input-field":"lc-InputField-module__input-field___A-GHj","input-field--error":"lc-InputField-module__input-field--error___MMchC"};const Je="input-field",Mt=t.forwardRef((E,h)=>{var b=E,{id:e,labelText:a,labelAdornment:r,className:o,inline:l,error:c,description:n,labelRightNode:d,fieldClassName:s,style:i,type:m="text"}=b,p=w(b,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style","type"]);const y=u.default(Ue[Je],{[Ue[`${Je}--error`]]:c},s);return t.createElement(Te,{inline:l,error:c,description:n,labelText:a,labelAdornment:r,className:o,labelFor:e,labelRightNode:d},t.createElement("input",B(g({},p),{id:e,ref:h,className:y,style:i,type:m})))});var Ke={link:"lc-Link-module__link___kqx52","link--bold":"lc-Link-module__link--bold___1rGdO"};const Xe="link",Rt=o=>{var l=o,{bold:e=!1,className:a=""}=l,r=w(l,["bold","className"]);return t.createElement("a",g({className:u.default(Ke[Xe],e&&Ke[`${Xe}--bold`],a)},r))};var P={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr",modal__header:"lc-Modal-module__modal__header___Fp5VE",modal__heading:"lc-Modal-module__modal__heading___G9KVK",modal__body:"lc-Modal-module__modal__body___M-jmN",modal__footer:"lc-Modal-module__modal__footer___2LYdc","action-modal":"lc-Modal-module__action-modal___CsRC7","action-modal__heading":"lc-Modal-module__action-modal__heading___m3MuG","action-modal__content":"lc-Modal-module__action-modal__content___gf-R2","action-modal__actions":"lc-Modal-module__action-modal__actions___kpRXD","action-modal__icon":"lc-Modal-module__action-modal__icon___MK5xt"};const Ze=({onClick:e})=>t.createElement("button",{title:"Close modal",className:P["modal-base__close"],onClick:e,type:"button"},t.createElement(G,{source:v.Close,size:V.Large})),M={esc:"Escape",enter:"Enter",backspace:"Backspace",delete:"Delete",spacebar:" ",tab:"Tab",semicolon:";",comma:",",arrowUp:"ArrowUp",arrowDown:"ArrowDown"},Be="modal-base",Se=c=>{var n=c,{children:e,className:a="",onClose:r,closeOnEscPress:o=!0}=n,l=w(n,["children","className","onClose","closeOnEscPress"]);const d=u.default(P[Be],a);t.useEffect(()=>{if(!o)return;const m=p=>{p.key===M.esc&&r()};return document.addEventListener("keyup",m,!0),()=>document.removeEventListener("keyup",m,!0)},[o]);const s=m=>{m.target===m.currentTarget&&r()},i=m=>{m.preventDefault(),m.stopPropagation(),r()};return t.createElement("div",{"data-testid":"lc-modal-overlay",onMouseDown:s,className:u.default(P[`${Be}__overlay`],P[`${Be}__overlay--visible`])},t.createElement("div",g({className:d},l),t.createElement(Ze,{onClick:i}),e))},me="action-modal",Ot=n=>{var d=n,{children:e,className:a="",icon:r,heading:o,actions:l}=d,c=w(d,["children","className","icon","heading","actions"]);const s=u.default(P[me],a);return t.createElement(Se,g({className:s},c),r&&t.createElement("div",{className:P[`${me}__icon`]},r),o&&t.createElement("div",{className:P[`${me}__heading`]},o),t.createElement("div",{className:P[`${me}__content`]},e),l&&t.createElement("div",{className:P[`${me}__actions`]},l))},pe="modal",Lt=c=>{var n=c,{children:e,className:a="",heading:r,footer:o}=n,l=w(n,["children","className","heading","footer"]);const d=u.default(P[pe],a);return t.createElement(Se,g({className:d},l),r&&t.createElement("div",{className:P[`${pe}__header`]},t.createElement(ne,{size:"sm",as:"div",className:P[`${pe}__heading`]},r)),t.createElement("div",{className:P[`${pe}__body`]},e),o&&t.createElement("div",{className:P[`${pe}__footer`]},o))},At=({children:e,className:a="",parentElementName:r="body",zIndex:o})=>{const[l]=t.useState(()=>document.createElement("div"));return a&&l.classList.add(a),o&&(l.style.zIndex=o.toString()),t.useEffect(()=>{var c;return(c=document.querySelector(r))==null||c.appendChild(l),()=>{var n;(n=document.querySelector(r))==null||n.removeChild(l)}},[]),t.createElement(t.Fragment,null,ft.createPortal(e,l))};var le={"numeric-input":"lc-NumericInput-module__numeric-input___j1esc","numeric-input__increment":"lc-NumericInput-module__numeric-input__increment___i3Tys","numeric-input__decrement":"lc-NumericInput-module__numeric-input__decrement___3qgn0","numeric-input--disabled":"lc-NumericInput-module__numeric-input--disabled___yaRvQ","numeric-input--no-controls":"lc-NumericInput-module__numeric-input--no-controls___D90rG","numeric-input--error":"lc-NumericInput-module__numeric-input--error___TMxRx"};const _e="numeric-input",Qe=m=>{var p=m,{className:e,error:a,value:r,max:o,min:l,disabled:c,noControls:n,style:d,onChange:s}=p,i=w(p,["className","error","value","max","min","disabled","noControls","style","onChange"]);const h=t.useRef(null),E=u.default(le[_e],{[le[`${_e}--error`]]:a,[le[`${_e}--no-controls`]]:n,[le[`${_e}--disabled`]]:c},e),b=$=>s(String($)),y=$=>o!==void 0&&$>o?o:l!==void 0&&$<l?l:$,k=$=>{const L=parseInt(r,10)+$;return b(y(L))},f=$=>{$.key===M.arrowDown&&($.preventDefault(),k(-1)),$.key===M.arrowUp&&($.preventDefault(),k(1))},N=($,L)=>L!==void 0&&parseInt($,10)===L,Y=$=>{$.preventDefault(),$.stopPropagation();const L=$.currentTarget.value.replace(/((?!([-]|([-]?\d+))).)/,"");if(L===""||L==="-")return b(L);const br=parseInt(L,10);return b(y(br))},dt=()=>{var $;return($=h.current)==null||$.focus(),k(1)},Pe=()=>{var $;return($=h.current)==null||$.focus(),k(-1)};return t.createElement("div",{className:E,style:d},t.createElement("input",B(g({type:"text",ref:h},i),{value:r,disabled:c,onChange:Y,onKeyDown:f,min:l,max:o})),!n&&t.createElement(t.Fragment,null,t.createElement("button",{tabIndex:-1,disabled:c||N(r,o),onClick:dt,"aria-label":"Increment value",className:le[`${_e}__increment`],type:"button"},t.createElement(G,{source:v.ChevronUp,disabled:c||N(r,o),iconType:D.Primary})),t.createElement("button",{tabIndex:-1,disabled:c||N(r,l),"aria-label":"Decrement value",className:le[`${_e}__decrement`],onClick:Pe,type:"button"},t.createElement(G,{source:v.ChevronDown,iconType:D.Primary,disabled:c||N(r,l)}))))},zt=p=>{var h=p,{id:e,labelText:a,labelAdornment:r,className:o,inline:l,error:c,description:n,labelRightNode:d,fieldClassName:s,style:i}=h,m=w(h,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style"]);return t.createElement(Te,{inline:l,error:c,description:n,labelText:a,labelAdornment:r,className:o,labelFor:e,labelRightNode:d},t.createElement(Qe,B(g({},m),{id:e,className:s,style:i,error:c})))};var et={popover:"lc-Popover-module__popover___8X1b2","popover--visible":"lc-Popover-module__popover--visible___u5NXB"};const qt=e=>{const{offset:a,flip:r,preventOverflow:o}=e,l=[{name:"offset",options:g({offset:[0,4]},(a==null?void 0:a.options)||{})}],c=[{name:"flip",options:g({},(r==null?void 0:r.options)||{})}],n=[{name:"preventOverlow",options:g({rootBoundary:"viewport"},o||{})}];return[...l,...c,...n]},Wt=e=>{const{triggerRenderer:a,children:r,className:o,placement:l,isVisible:c=!1}=e,n=t.useRef(null),d=t.useRef(null),[s,i]=t.useState(!1);t.useEffect(()=>{i(c)},[c]);function m(y){var k,f;(k=d.current)!=null&&k.contains(y.target)||((f=n.current)!=null&&f.contains(y.target)?i(N=>!N):i(!1))}const p=y=>{y.key==="Escape"&&i(!1)};t.useEffect(()=>(document.addEventListener("keydown",p),document.addEventListener("mousedown",m),()=>{document.removeEventListener("keydown",p),document.removeEventListener("mousedown",m)}),[]);const{styles:h,attributes:E}=bt.usePopper(n.current,d.current,{modifiers:e.modifiers?qt(e.modifiers):[],placement:l}),b=u.default(et.popover,o,{[et["popover--visible"]]:s});return t.createElement(t.Fragment,null,t.createElement("div",{ref:n},a()),t.createElement("div",g({ref:d,className:b,style:h.popper},E.popper),r))};var X=(e=>(e.Normal="normal",e.Error="error",e.Success="success",e))(X||{}),Z=(e=>(e.Small="small",e.Medium="medium",e.Large="large",e))(Z||{});const Ht=["normal","error","success"],Yt=e=>Math.min(Math.max(e,0),100);function Vt(e,a=0){return e===X.Error?0:Yt(parseInt(a.toString(),10))}function jt(e,a){return!Ht.includes(e)&&a>=100?X.Normal:e||X.Normal}var Q={"progress-circle":"lc-ProgressCircle-module__progress-circle___NRHCi","progress-circle--small":"lc-ProgressCircle-module__progress-circle--small___8FVwG","progress-circle--medium":"lc-ProgressCircle-module__progress-circle--medium___XlzEX","progress-circle--large":"lc-ProgressCircle-module__progress-circle--large___qxa2y","progress-circle__bg-line--normal":"lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj","progress-circle__bg-line--success":"lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O","progress-circle__bg-line--error":"lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL","progress-circle__indicator--normal":"lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX","progress-circle__indicator--success":"lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR","progress-circle__indicator--error":"lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9","progress-circle--error":"lc-ProgressCircle-module__progress-circle--error___2AA9K","progress-circle__bg-line":"lc-ProgressCircle-module__progress-circle__bg-line___12YrE","progress-circle--success":"lc-ProgressCircle-module__progress-circle--success___hH5jv","progress-circle--normal":"lc-ProgressCircle-module__progress-circle--normal___dFneQ"};const Ut={[Z.Small]:2,[Z.Medium]:3,[Z.Large]:4},Jt={[Z.Small]:15,[Z.Medium]:36,[Z.Large]:56},ee="progress-circle",Kt=t.forwardRef((n,c)=>{var d=n,{status:e=X.Normal,percent:a,className:r,size:o=Z.Medium}=d,l=w(d,["status","percent","className","size"]);const s=jt(e,a),i=Vt(s,a),m=Ut[o],p=Jt[o],h=u.default(Q[ee],{[Q[`${ee}--${o}`]]:o,[Q[`${ee}--error`]]:s===X.Error,[Q[`${ee}--success`]]:s===X.Success,[Q[`${ee}--normal`]]:s===X.Normal},r),E=2*Math.PI*((p-m)/2),b={strokeDasharray:E.toFixed(3),strokeDashoffset:`${((100-i)/100*E).toFixed(3)}px`},y=`${p/2} ${p/2} ${p} ${p}`;return t.createElement("div",g({className:h,ref:c,role:"progressbar"},l),t.createElement("svg",{viewBox:y},t.createElement("circle",{className:Q[`${ee}__bg-line--${e}`],cx:p,cy:p,r:(p-m)/2,fill:"none",strokeWidth:m}),t.createElement("circle",{className:Q[`${ee}__indicator--${e}`],style:b,cx:p,cy:p,r:(p-m)/2,fill:"none",strokeWidth:m})))});var A={"promo-banner":"lc-PromoBanner-module__promo-banner___-mGpq","promo-banner__content":"lc-PromoBanner-module__promo-banner__content___kRWar","promo-banner__wrapper":"lc-PromoBanner-module__promo-banner__wrapper___I-8cl","promo-banner__header":"lc-PromoBanner-module__promo-banner__header___ebYHW","promo-banner__img":"lc-PromoBanner-module__promo-banner__img___eaShb","promo-banner__button-text":"lc-PromoBanner-module__promo-banner__button-text___taYKa","promo-banner--light":"lc-PromoBanner-module__promo-banner--light___eJxOR","promo-banner--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--medium":"lc-PromoBanner-module__promo-banner--medium___NeeoJ","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"};const z="promo-banner",Xt=({className:e,buttonText:a,children:r,header:o,img:l,light:c=!1,linkText:n,size:d="small",onButtonClick:s,onClose:i,onLinkClick:m})=>{const p=u.default(A[z],{[A[`${z}--light`]]:c,[A[`${z}--${d}`]]:d},e),h=(a||n)&&d==="large",E=(a||n)&&d!=="large",b=t.createElement("div",{className:A[`${z}__footer`]},a&&t.createElement(Ce,{kind:"primary",size:"compact",onClick:s,className:A[`${z}__button-text`]},a),n&&t.createElement(Ce,{size:"compact",kind:"text",onClick:m},n));return t.createElement("div",{className:p},t.createElement("div",{className:A[`${z}__content`]},l&&t.createElement("img",{src:l,className:A[`${z}__img`]}),t.createElement("div",{className:A[`${z}__wrapper`]},t.createElement("div",{className:A[`${z}__header`]},o),t.createElement("div",null,r),E&&b),h&&b),i&&t.createElement("button",{type:"button",className:A[`${z}__close-icon`],onClick:i},t.createElement(G,{source:v.Close,size:V.Large})))};var U={"radio-button":"lc-RadioButton-module__radio-button___WaToM","radio-button__label":"lc-RadioButton-module__radio-button__label___i7ygg","radio-button__circle":"lc-RadioButton-module__radio-button__circle___wimWA","radio-button__inner-circle":"lc-RadioButton-module__radio-button__inner-circle___qkRVf","radio-button__text":"lc-RadioButton-module__radio-button__text___mT8c0","radio-button__input":"lc-RadioButton-module__radio-button__input___7OTAK","radio-button__helper":"lc-RadioButton-module__radio-button__helper___r8gJJ","radio-button--selected":"lc-RadioButton-module__radio-button--selected___s9lqj","radio-button--disabled":"lc-RadioButton-module__radio-button--disabled___wHSA7"};const J="radio-button",Zt=n=>{var d=n,{children:e,className:a="",description:r,checked:o,disabled:l}=d,c=w(d,["children","className","description","checked","disabled"]);const s=u.default(U[J],a,{[U[`${J}--selected`]]:o,[U[`${J}--disabled`]]:l});return t.createElement("div",{className:s},t.createElement("label",{className:U[`${J}__label`]},t.createElement("div",{className:U[`${J}__circle`]},t.createElement("span",{className:U[`${J}__inner-circle`]}),t.createElement("input",B(g({className:U[`${J}__input`]},c),{type:"radio",checked:o,disabled:l}))),t.createElement(S,{as:"div",size:"md",className:U[`${J}__text`]},e)),r&&t.createElement(de,{className:U[`${J}__helper`]},r))};var K={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl","switch--basic":"lc-Switch-module__switch--basic___jKO4n","switch--compact":"lc-Switch-module__switch--compact___OGFIX",switch__input:"lc-Switch-module__switch__input___NiiOR",switch__container:"lc-Switch-module__switch__container___79F7W",switch__track:"lc-Switch-module__switch__track___2wr2M",switch__slider:"lc-Switch-module__switch__slider___WHd--","switch__slider--basic":"lc-Switch-module__switch__slider--basic___OMKTp","switch__slider--basic--enabled":"lc-Switch-module__switch__slider--basic--enabled___sh9jo","switch__slider--basic--disabled":"lc-Switch-module__switch__slider--basic--disabled___GSTO9","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--enabled":"lc-Switch-module__switch__slider--compact--enabled___04TFA","switch__slider--compact--disabled":"lc-Switch-module__switch__slider--compact--disabled___Vqznr"};const q="switch",Qt=i=>{var m=i,{className:e="",defaultOn:a=!1,disabled:r=!1,name:o=q,on:l,onChange:c=ke,size:n="basic",innerRef:d}=m,s=w(m,["className","defaultOn","disabled","name","on","onChange","size","innerRef"]);const p=()=>l!==void 0?l:a,[h,E]=t.useState(p());t.useEffect(()=>{l!==void 0&&E(l)},[l]);const b=h?"enabled":"disabled",y=u.default(K[q],K[`${q}--${n}`],e),k=f=>{if(c!==ke){c(f,h);return}f.stopPropagation(),E(Y=>!Y)};return t.createElement("span",{className:y},t.createElement("input",g({type:"checkbox",className:K[`${q}__input`],onChange:k,checked:h,name:o,ref:d,disabled:r,"test-id":"foo"},s)),t.createElement("span",{className:K[`${q}__container`]},t.createElement("span",{className:u.default(K[`${q}__track`],K[`${q}__track--${b}`])}),t.createElement("span",{className:u.default(K[`${q}__slider`],K[`${q}__slider--${n}`],K[`${q}__slider--${n}--${b}`])})))};var Ie={tab:"lc-Tab-module__tab___fME7u",tab__description:"lc-Tab-module__tab__description___JGXU6","tab--selected":"lc-Tab-module__tab--selected___c0EkL"};const Fe="tab",er=c=>{var n=c,{children:e,className:a,description:r,isSelected:o}=n,l=w(n,["children","className","description","isSelected"]);return t.createElement(S,B(g({},l),{as:l.href?"a":"button",size:"md",bold:o,className:u.default(Ie[Fe],a,o&&Ie[`${Fe}--selected`])}),e,r&&t.createElement(S,{as:"span",size:"md",className:Ie[`${Fe}__description`]},"(",r,")"))};var tt={tabs:"lc-TabsWrapper-module__tabs___Y2xyD",tabs__list:"lc-TabsWrapper-module__tabs__list___i6tVO"};const rt="tabs",tr=({className:e,children:a})=>t.createElement("div",{className:u.default(tt[rt],e)},a),rr=({className:e,children:a})=>t.createElement("div",{className:u.default(tt[`${rt}__list`],e)},a);var W={tag:"lc-Tag-module__tag___1QRVY","tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:"lc-Tag-module__tag__remove___UmtrW","tag--error":"lc-Tag-module__tag--error___1cjsm","tag--warning":"lc-Tag-module__tag--warning___PstMG","tag--info":"lc-Tag-module__tag--info___RTH0C","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--outline":"lc-Tag-module__tag--outline___aZXtr",icon:"lc-Tag-module__icon___2Z-35","tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--with-icon":"lc-Tag-module__tag--with-icon___ZlkvT","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__icon:"lc-Tag-module__tag__icon___tZoQ9",tag__avatar:"lc-Tag-module__tag__avatar___U4c-P"};const H="tag",or=e=>e?Ge.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",ot=p=>{var h=p,{className:e="",children:a,dismissible:r=!1,size:o="medium",kind:l="default",onRemove:c,outline:n=!1,icon:d,avatar:s,customColor:i}=h,m=w(h,["className","children","dismissible","size","kind","onRemove","outline","icon","avatar","customColor"]);const E=u.default(W[H],e,W[`${H}--${o}`],W[`${H}--${l}`],{[W[`${H}--dismissible`]]:r,[W[`${H}--outline`]]:n,[W[`${H}--with-icon`]]:!!d||!!s,[W[`${H}--${or(i)}`]]:!!i}),b=()=>i?n?{style:{backgroundColor:"transparent",color:i,borderColor:i}}:{style:{backgroundColor:i}}:{},y=()=>{if(!!i)return n?i:Ge.getContrast(i,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return t.createElement(S,B(g(g({className:E},m),b()),{as:"div",size:"md"}),s&&t.createElement("img",{className:W[`${H}__avatar`],src:s,alt:"tag-avatar","data-testid":"lc-tag-avatar"})," ",d&&!s&&t.createElement(G,{"data-testid":"lc-tag-icon",className:W[`${H}__icon`],source:d,size:V.Small,customColor:y()}),a,r&&t.createElement("button",{title:"Remove",onClick:c,type:"button",className:W[`${H}__remove`]},t.createElement(G,{source:v.Close,size:V.Medium,customColor:y()})))},ar=({className:e="",innerEditableRef:a,inputRef:r,change:o,remove:l,value:c})=>{const[n,d]=t.useState(!1),s=()=>a.current,i=()=>{const b=s();return b?b.innerText:""},m=()=>{r&&r.current&&r.current.focus()},p=b=>{if(b.key===M.enter){b.preventDefault(),m();return}b.key===M.backspace&&i()===""&&(d(!0),l(),m())},h=()=>{const b=s();if(!(n||!b)){if(b.innerText===""){l();return}o(b.innerText)}},E=b=>{b.preventDefault();const y=b.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,Le.default(y))};return t.createElement("div",{ref:a,className:e,contentEditable:!0,onPaste:E,onBlur:h,onKeyDown:p,dangerouslySetInnerHTML:{__html:Le.default(c)}})};var be={"tag-input":"lc-TagInput-module__tag-input___CLVY-","tag-input--error":"lc-TagInput-module__tag-input--error___RP0SB","tag-input__input":"lc-TagInput-module__tag-input__input___dgEYB","tag-input__input--medium":"lc-TagInput-module__tag-input__input--medium___DYF7X","tag-input__input--large":"lc-TagInput-module__tag-input__input--large___G6iEO","tag-input__tag__content":"lc-TagInput-module__tag-input__tag__content___x95-M"};const lr="tag-input__tag",_r=({children:e,index:a,remove:r,validator:o,inputRef:l,update:c,size:n})=>{const d=t.useMemo(()=>o!==void 0?o(e):!0,[e,o]),s=t.useRef(null),i=()=>r(a);return t.createElement(ot,{kind:d?"default":"error",dismissible:!0,size:n,onRemove:i},t.createElement(ar,{value:e,inputRef:l,innerEditableRef:s,className:be[`${lr}__content`],change:m=>c(a,m),remove:i,validator:o}))},we="tag-input",cr=[M.enter,M.spacebar,M.tab,M.semicolon,M.comma],nr=[M.backspace,M.delete],at=({tags:e,onChange:a,validator:r,error:o,placeholder:l,size:c="medium"})=>{const n=u.default(be[we],{[be[`${we}--error`]]:o}),d=u.default(be[`${we}__input`],be[`${we}__input--${c}`]),[s,i]=t.useState(""),m=t.useRef(null),p=f=>{a([...e||[],f]),i("")},h=f=>{const N=[...e||[]];N.splice(f,1),a(N)},E=f=>i(f.target.value),b=f=>{if(cr.includes(f.key)){if(f.preventDefault(),s==="")return;p(s)}else if(nr.includes(f.key)){if(s!==""||!(e!=null&&e.length))return;h(e.length-1)}},y=(f,N)=>{const Y=[...e||[]];Y.reduce((Pe,$,L)=>Pe+($===N&&L!==f?1:0),0)>0?Y.splice(f,1):Y[f]=N,a(Y)},k=f=>{f.preventDefault();const Y=f.clipboardData.getData("text/plain").split(/[\s,;\n]+/);a([...e||[],...Y])};return t.createElement(t.Fragment,null,t.createElement("div",{className:n},e==null?void 0:e.map((f,N)=>t.createElement(_r,{index:N,key:`${N}${f}`,update:y,remove:h,inputRef:m,validator:r,size:c},f)),t.createElement("input",{ref:m,className:d,placeholder:l,value:s,onChange:E,onKeyDown:b,onPaste:k})),o&&t.createElement(ve,null,o))},sr=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i,dr="name@company.com",ir=e=>sr.test(e),ur=({tags:e,onChange:a,error:r,placeholder:o=dr,size:l})=>t.createElement(at,{tags:e,error:r,onChange:a,placeholder:o,validator:ir,size:l});var T={toast:"lc-Toast-module__toast___j5Amn",toast__content:"lc-Toast-module__toast__content___HjaNw",toast__icon:"lc-Toast-module__toast__icon___wLbLu",toast__close:"lc-Toast-module__toast__close___O18Lh",toast__actions:"lc-Toast-module__toast__actions___JWu-1","toast__actions-close":"lc-Toast-module__toast__actions-close___xN8YT","toast__actions-custom":"lc-Toast-module__toast__actions-custom___z1UUf","toast--notification":"lc-Toast-module__toast--notification___pDXnc","toast--success":"lc-Toast-module__toast--success___7UC6m","toast--warning":"lc-Toast-module__toast--warning___pteb7","toast--error":"lc-Toast-module__toast--error___trg--","toast--info":"lc-Toast-module__toast--info___IOp44","toast-wrapper":"lc-Toast-module__toast-wrapper___Oiwqp","toast-wrapper--fixed":"lc-Toast-module__toast-wrapper--fixed___QYxRI","toast-wrapper--block":"lc-Toast-module__toast-wrapper--block___j0kGt","toast-wrapper--horizontal-center":"lc-Toast-module__toast-wrapper--horizontal-center___t9AFd","toast-wrapper--horizontal-left":"lc-Toast-module__toast-wrapper--horizontal-left___-GY4I","toast-wrapper--horizontal-right":"lc-Toast-module__toast-wrapper--horizontal-right___VVMgm","toast-wrapper--vertical-top":"lc-Toast-module__toast-wrapper--vertical-top___uBfEG","toast-appear--slide":"lc-Toast-module__toast-appear--slide___G7GAp","toast-appear-active--slide":"lc-Toast-module__toast-appear-active--slide___brfgK","toast-exit--slide":"lc-Toast-module__toast-exit--slide___aqiBq","toast-exit-active--slide":"lc-Toast-module__toast-exit-active--slide___WryMi","toast-wrapper--vertical-bottom":"lc-Toast-module__toast-wrapper--vertical-bottom___erPuH","toast-appear--fade":"lc-Toast-module__toast-appear--fade___oUwHm","toast-appear-active--fade":"lc-Toast-module__toast-appear-active--fade___D3--J","toast-exit--fade":"lc-Toast-module__toast-exit--fade___iDA1p","toast-exit-active--fade":"lc-Toast-module__toast-exit-active--fade___tL7sb"};const te="toast";var lt=(e=>(e.Success="success",e.Warning="warning",e.Error="error",e.Info="info",e.Notification="notification",e))(lt||{});const mr={success:{source:v.CheckCircleSolid,iconType:D.Inverted},warning:{source:v.Warning},error:{source:v.Error,iconType:D.Inverted},info:{source:v.Info,iconType:D.Inverted},notification:{source:v.Info,iconType:D.Link}},_t=({action:e,className:a,children:r,removable:o,variant:l="info",onClose:c})=>{const n=u.default(T[te],T[`${te}--${l}`],a),d=s=>s&&s.closeOnClick&&c?(s.handler(),c()):s.handler();return t.createElement("div",{className:n},t.createElement("div",{className:T[`${te}__icon`]},t.createElement(G,g({},mr[l]))),t.createElement("div",{className:T[`${te}__content`]},r),(e||o)&&t.createElement("div",{className:T[`${te}__actions`]},e&&t.createElement("button",{className:T[`${te}__actions-custom`],onClick:()=>d(e)},e.label),o&&t.createElement("div",{className:T[`${te}__actions-close`],"aria-label":"Close toast",onClick:c},t.createElement(G,{source:v.Close,size:V.Small,iconType:["warning","notification"].includes(l)?D.Primary:D.Inverted}))))};var ct=(e=>(e.Left="left",e.Center="center",e.Right="right",e))(ct||{}),nt=(e=>(e.Top="top",e.Bottom="bottom",e))(nt||{});const st=200,ge="toast-wrapper",pr=({className:e,toasts:a=[],fixed:r=!0,block:o=!1,animationType:l="slide",verticalPosition:c="top",horizontalPosition:n="center"})=>{const d=u.default(T[ge],{[T[`${ge}--fixed`]]:r,[T[`${ge}--block`]]:!r&&o,[T[`${ge}--horizontal-${n}`]]:n,[T[`${ge}--vertical-${c}`]]:c},e);return t.createElement("div",{className:d},t.createElement(Me.TransitionGroup,{component:null},a.map(({id:s,variant:i,content:m,removable:p,action:h,onClose:E})=>t.createElement(Me.CSSTransition,{key:s,classNames:{enter:T[`toast-appear--${l}`],enterActive:T[`toast-appear-active--${l}`],exit:T[`toast-exit--${l}`],exitActive:T[`toast-exit-active--${l}`]},timeout:st},t.createElement(_t,{variant:i,onClose:E,removable:p,action:h},m)))))};_.ANIMATION_TIME=st,_.ActionModal=Ot,_.Alert=Et,_.Badge=Ct,_.Button=Ce,_.ButtonGroup=Nt,_.Card=xt,_.Checkbox=je,_.CheckboxField=Bt,_.DesignTokens=ht,_.EmailTagInput=ur,_.FieldDescription=de,_.FieldError=ve,_.FieldGroup=Ft,_.Form=Pt,_.FormGroup=Gt,_.Heading=ne,_.HorizontalPosition=ct,_.Icon=G,_.IconSizeName=V,_.IconTypeName=D,_.InputField=Mt,_.Link=Rt,_.Loader=Ve,_.Modal=Lt,_.ModalBase=Se,_.ModalCloseButton=Ze,_.ModalPortal=At,_.NumericInput=Qe,_.NumericInputField=zt,_.Popover=Wt,_.ProgressCircle=Kt,_.PromoBanner=Xt,_.RadioButton=Zt,_.Switch=Qt,_.Tab=er,_.TabsList=rr,_.TabsWrapper=tr,_.Tag=ot,_.TagInput=at,_.Text=S,_.TextField=Te,_.Toast=_t,_.ToastWrapper=pr,_.Variants=lt,_.VerticalPosition=nt,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum AlertSize {
|
|
3
|
-
Small = "small",
|
|
4
|
-
Medium = "medium",
|
|
5
|
-
Large = "large"
|
|
6
|
-
}
|
|
7
|
-
export declare enum AlertType {
|
|
8
|
-
Info = "info",
|
|
9
|
-
Warning = "warning",
|
|
10
|
-
Success = "success",
|
|
11
|
-
Error = "error"
|
|
12
|
-
}
|
|
13
|
-
export interface
|
|
14
|
-
className?: string;
|
|
15
|
-
size?: AlertSize;
|
|
16
|
-
type?: AlertType;
|
|
17
|
-
onClose?: () => void;
|
|
18
|
-
}
|
|
19
|
-
export declare const Alert: React.FC<
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare enum AlertSize {
|
|
3
|
+
Small = "small",
|
|
4
|
+
Medium = "medium",
|
|
5
|
+
Large = "large"
|
|
6
|
+
}
|
|
7
|
+
export declare enum AlertType {
|
|
8
|
+
Info = "info",
|
|
9
|
+
Warning = "warning",
|
|
10
|
+
Success = "success",
|
|
11
|
+
Error = "error"
|
|
12
|
+
}
|
|
13
|
+
export interface AlertProps {
|
|
14
|
+
className?: string;
|
|
15
|
+
size?: AlertSize;
|
|
16
|
+
type?: AlertType;
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const Alert: React.FC<AlertProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert } from './Alert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Badge } from './Badge';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare type ButtonSize = 'compact' | 'medium' | 'large';
|
|
3
|
-
export
|
|
4
|
-
kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';
|
|
5
|
-
size?: ButtonSize;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
loading?: boolean;
|
|
8
|
-
fullWidth?: boolean;
|
|
9
|
-
loaderLabel?: string;
|
|
10
|
-
icon?: React.ReactElement;
|
|
11
|
-
iconPosition?: 'left' | 'right';
|
|
12
|
-
}
|
|
13
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare type ButtonSize = 'compact' | 'medium' | 'large';
|
|
3
|
+
export declare type ButtonProps = {
|
|
4
|
+
kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light';
|
|
5
|
+
size?: ButtonSize;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
fullWidth?: boolean;
|
|
9
|
+
loaderLabel?: string;
|
|
10
|
+
icon?: React.ReactElement;
|
|
11
|
+
iconPosition?: 'left' | 'right';
|
|
12
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
13
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ButtonSize, ButtonProps } from '
|
|
3
|
-
export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
currentIndex?: number;
|
|
5
|
-
initialIndex?: number;
|
|
6
|
-
fullWidth?: boolean;
|
|
7
|
-
size?: ButtonSize;
|
|
8
|
-
children: ReadonlyArray<React.ReactElement<React.PropsWithChildren<ButtonProps>>>;
|
|
9
|
-
onIndexChange?: (currentIndex: number, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ButtonSize, ButtonProps } from '../Button';
|
|
3
|
+
export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
currentIndex?: number;
|
|
5
|
+
initialIndex?: number;
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
size?: ButtonSize;
|
|
8
|
+
children: ReadonlyArray<React.ReactElement<React.PropsWithChildren<ButtonProps>>>;
|
|
9
|
+
onIndexChange?: (currentIndex: number, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ButtonGroup } from './ButtonGroup';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ICheckboxFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
3
|
-
description?: string;
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const CheckboxField: React.FC<ICheckboxFieldProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ICheckboxFieldProps extends React.HTMLAttributes<HTMLInputElement> {
|
|
3
|
+
description?: string;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const CheckboxField: React.FC<ICheckboxFieldProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FieldDescription } from './FieldDescription';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FieldError } from './FieldError';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
description?: React.ReactNode;
|
|
4
|
+
error?: string;
|
|
5
|
+
inline?: boolean;
|
|
6
|
+
stretch?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const FieldGroup: React.FC<FieldGroupProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FieldGroup } from './FieldGroup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FormGroup';
|
|
@@ -1,69 +1,70 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare enum IconSizeName {
|
|
3
|
-
XSmall = "xsmall",
|
|
4
|
-
Small = "small",
|
|
5
|
-
Medium = "medium",
|
|
6
|
-
Large = "large",
|
|
7
|
-
XLarge = "xlarge"
|
|
8
|
-
}
|
|
9
|
-
export declare const IconSize: {
|
|
10
|
-
xsmall: {
|
|
11
|
-
width: number;
|
|
12
|
-
height: number;
|
|
13
|
-
};
|
|
14
|
-
small: {
|
|
15
|
-
width: number;
|
|
16
|
-
height: number;
|
|
17
|
-
};
|
|
18
|
-
medium: {
|
|
19
|
-
width: number;
|
|
20
|
-
height: number;
|
|
21
|
-
};
|
|
22
|
-
large: {
|
|
23
|
-
width: number;
|
|
24
|
-
height: number;
|
|
25
|
-
};
|
|
26
|
-
xlarge: {
|
|
27
|
-
width: number;
|
|
28
|
-
height: number;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export declare enum IconTypeName {
|
|
32
|
-
Primary = "primary",
|
|
33
|
-
Subtle = "subtle",
|
|
34
|
-
Inverted = "inverted",
|
|
35
|
-
InvertedSubtle = "inverted_subtle",
|
|
36
|
-
Link = "link",
|
|
37
|
-
Success = "success",
|
|
38
|
-
Warning = "warning",
|
|
39
|
-
Error = "error"
|
|
40
|
-
}
|
|
41
|
-
export declare const IconColorMapper: {
|
|
42
|
-
primary: string;
|
|
43
|
-
subtle: string;
|
|
44
|
-
inverted: string;
|
|
45
|
-
inverted_subtle: string;
|
|
46
|
-
link: string;
|
|
47
|
-
success: string;
|
|
48
|
-
warning: string;
|
|
49
|
-
error: string;
|
|
50
|
-
};
|
|
51
|
-
export declare const IconColorDisabledMapper: {
|
|
52
|
-
primary: string;
|
|
53
|
-
subtle: string;
|
|
54
|
-
inverted: string;
|
|
55
|
-
inverted_subtle: string;
|
|
56
|
-
link: string;
|
|
57
|
-
success: string;
|
|
58
|
-
warning: string;
|
|
59
|
-
error: string;
|
|
60
|
-
};
|
|
61
|
-
export interface
|
|
62
|
-
source: React.FC<React.SVGProps<SVGSVGElement>> | string;
|
|
63
|
-
size?: IconSizeName;
|
|
64
|
-
iconType?: IconTypeName;
|
|
65
|
-
disabled?: boolean;
|
|
66
|
-
className?: string;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
export
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare enum IconSizeName {
|
|
3
|
+
XSmall = "xsmall",
|
|
4
|
+
Small = "small",
|
|
5
|
+
Medium = "medium",
|
|
6
|
+
Large = "large",
|
|
7
|
+
XLarge = "xlarge"
|
|
8
|
+
}
|
|
9
|
+
export declare const IconSize: {
|
|
10
|
+
xsmall: {
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
};
|
|
14
|
+
small: {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
medium: {
|
|
19
|
+
width: number;
|
|
20
|
+
height: number;
|
|
21
|
+
};
|
|
22
|
+
large: {
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
};
|
|
26
|
+
xlarge: {
|
|
27
|
+
width: number;
|
|
28
|
+
height: number;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export declare enum IconTypeName {
|
|
32
|
+
Primary = "primary",
|
|
33
|
+
Subtle = "subtle",
|
|
34
|
+
Inverted = "inverted",
|
|
35
|
+
InvertedSubtle = "inverted_subtle",
|
|
36
|
+
Link = "link",
|
|
37
|
+
Success = "success",
|
|
38
|
+
Warning = "warning",
|
|
39
|
+
Error = "error"
|
|
40
|
+
}
|
|
41
|
+
export declare const IconColorMapper: {
|
|
42
|
+
primary: string;
|
|
43
|
+
subtle: string;
|
|
44
|
+
inverted: string;
|
|
45
|
+
inverted_subtle: string;
|
|
46
|
+
link: string;
|
|
47
|
+
success: string;
|
|
48
|
+
warning: string;
|
|
49
|
+
error: string;
|
|
50
|
+
};
|
|
51
|
+
export declare const IconColorDisabledMapper: {
|
|
52
|
+
primary: string;
|
|
53
|
+
subtle: string;
|
|
54
|
+
inverted: string;
|
|
55
|
+
inverted_subtle: string;
|
|
56
|
+
link: string;
|
|
57
|
+
success: string;
|
|
58
|
+
warning: string;
|
|
59
|
+
error: string;
|
|
60
|
+
};
|
|
61
|
+
export interface IconProps {
|
|
62
|
+
source: React.FC<React.SVGProps<SVGSVGElement>> | string;
|
|
63
|
+
size?: IconSizeName;
|
|
64
|
+
iconType?: IconTypeName;
|
|
65
|
+
disabled?: boolean;
|
|
66
|
+
className?: string;
|
|
67
|
+
customColor?: string;
|
|
68
|
+
}
|
|
69
|
+
export declare const Icon: React.FC<IconProps>;
|
|
70
|
+
export default Icon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Icon, IconSizeName, IconTypeName } from './Icon';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
id: string;
|
|
4
|
+
labelText?: string;
|
|
5
|
+
labelAdornment?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
inline?: boolean;
|
|
8
|
+
error?: string;
|
|
9
|
+
description?: React.ReactNode;
|
|
10
|
+
labelRightNode?: React.ReactNode;
|
|
11
|
+
fieldClassName?: string;
|
|
12
|
+
maxLength?: number;
|
|
13
|
+
onChange: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const InputField: React.FC<InputFieldProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputField } from './InputField';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
bold: boolean;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Simple component which renders an `<a>` element.
|
|
7
|
+
*
|
|
8
|
+
* Place the `<Link>` inside a `<Text>` component or pass a custom className to set the typography styles.
|
|
9
|
+
*
|
|
10
|
+
* Use `<Button kind="link">` to act as a `<button>` - <a target="_self" href="/story/components-button--kinds">see the story</a>.
|
|
11
|
+
*
|
|
12
|
+
* Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
|
|
13
|
+
*/
|
|
14
|
+
export declare const Link: React.FC<LinkProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Link } from './Link';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
label?: string;
|
|
5
|
-
/** Fragment circle color */
|
|
6
|
-
primaryColor?: string;
|
|
7
|
-
/** Main circle color */
|
|
8
|
-
secondaryColor?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const Loader: React.FC<
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
size?: 'small' | 'medium' | 'large';
|
|
4
|
+
label?: string;
|
|
5
|
+
/** Fragment circle color */
|
|
6
|
+
primaryColor?: string;
|
|
7
|
+
/** Main circle color */
|
|
8
|
+
secondaryColor?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Loader: React.FC<LoaderProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Loader } from './Loader';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ModalBaseProps } from './ModalBase';
|
|
3
|
+
export interface ActionModalProps extends ModalBaseProps {
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
heading?: React.ReactNode;
|
|
6
|
+
actions?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const ActionModal: React.FC<ActionModalProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { ActionModal } from './ActionModal';
|
|
2
|
+
export { Modal } from './Modal';
|
|
3
|
+
export { ModalBase } from './ModalBase';
|
|
4
|
+
export { ModalCloseButton } from './ModalCloseButton';
|
|
5
|
+
export { ModalPortal } from './ModalPortal';
|
|
6
|
+
export type { ActionModalProps } from './ActionModal';
|
|
7
|
+
export type { ModalProps } from './Modal';
|
|
8
|
+
export type { ModalBaseProps } from './ModalBase';
|
|
9
|
+
export type { ModalCloseButtonProps } from './ModalCloseButton';
|
|
10
|
+
export type { ModalPortalProps } from './ModalPortal';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
className?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
value: string;
|
|
6
|
+
max?: number;
|
|
7
|
+
min?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
noControls?: boolean;
|
|
10
|
+
onChange: (value: string) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
|
|
13
|
+
export declare const NumericInput: React.FC<NumericInputProps>;
|
|
14
|
+
export {};
|