@getpara/core-components 2.0.0-alpha.39 → 2.0.0-alpha.40
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/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/p-e2e5f602.entry.js +28 -0
- package/dist/capsule/p-e2e5f602.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +127 -45
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/arrow-circle-down.svg +3 -0
- package/dist/collection/assets/icons/dots-square.svg +13 -0
- package/dist/collection/assets/icons/index.js +10 -0
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/assets/icons/para-arrow.svg +3 -0
- package/dist/collection/assets/icons/phantom.svg +8 -6
- package/dist/collection/assets/icons/user-01.svg +3 -0
- package/dist/collection/assets/icons/wallet-02.svg +3 -0
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
- package/dist/collection/components/cpsl-auth-modal/cpsl-auth-modal.css +4 -4
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.js +39 -15
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.js.map +1 -1
- package/dist/collection/components/cpsl-icon/cpsl-icon.css +12 -9
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +75 -2
- package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +1 -1
- package/dist/collection/components/cpsl-popover/cpsl-popover.js +42 -15
- package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.css +5 -0
- package/dist/collection/components/cpsl-select/cpsl-select.js +23 -4
- package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.css +0 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
- package/dist/collection/components/cpsl-text/cpsl-text.css +12 -0
- package/dist/collection/components/cpsl-text/cpsl-text.js +22 -1
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +127 -45
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/assets/icons/index.d.ts +5 -0
- package/dist/types/components/cpsl-icon/cpsl-icon.d.ts +16 -0
- package/dist/types/components/cpsl-popover/cpsl-popover.d.ts +5 -0
- package/dist/types/components/cpsl-select/cpsl-select.d.ts +6 -1
- package/dist/types/components/cpsl-text/cpsl-text.d.ts +6 -0
- package/dist/types/components.d.ts +58 -2
- package/package.json +2 -2
- package/dist/capsule/p-6cd2f9dd.entry.js +0 -28
- package/dist/capsule/p-6cd2f9dd.entry.js.map +0 -1
- /package/dist/types/Users/{norwood/capsule-repos → taylorbosch/Documents/GitHub/Capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
- /package/dist/types/Users/{norwood/capsule-repos → taylorbosch/Documents/GitHub/Capsule}/web-sdk/packages/core-components/.stencil/scripts/buildAssets.d.ts +0 -0
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-col",{"align":[1],"justify":[1],"gap":[8],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1],"arcWidth":[1,"arc-width"]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row",{"col":[4],"align":[1],"justify":[1],"gap":[8]}]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"multiple":[4],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"disabled":[516],"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"size":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"fitContent":[4,"fit-content"],"mask":[1],"isPhone":[4,"is-phone"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"hasSetInitialPosition":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"variant":[1],"size":[2],"barWidth":[2,"bar-width"],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"type":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"size":[1],"invert":[4],"inset":[1],"icon":[1]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-col",{"align":[1],"justify":[1],"gap":[8],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1],"arcWidth":[1,"arc-width"]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row",{"col":[4],"align":[1],"justify":[1],"gap":[8]}]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"alignCenter":[4,"align-center"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"multiple":[4],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"disabled":[516],"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"size":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"fitContent":[4,"fit-content"],"mask":[1],"isPhone":[4,"is-phone"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"alignCenter":[4,"align-center"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"hasSetInitialPosition":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"alignCenter":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"variant":[1],"size":[2],"barWidth":[2,"bar-width"],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"type":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1],"align":[1]}],[1,"cpsl-icon",{"src":[1],"size":[1],"invert":[4],"inset":[1],"icon":[1],"radius":[1],"background":[1],"color":[1],"border":[1]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -9,6 +9,7 @@ export declare const Icons: {
|
|
|
9
9
|
arbitrumBrand: string;
|
|
10
10
|
arrowCircleBrokenDownLeft: string;
|
|
11
11
|
arrowCircleDownFilled: string;
|
|
12
|
+
arrowCircleDown: string;
|
|
12
13
|
arrowNarrow: string;
|
|
13
14
|
arrow: string;
|
|
14
15
|
asterisk: string;
|
|
@@ -50,6 +51,7 @@ export declare const Icons: {
|
|
|
50
51
|
discordBrand: string;
|
|
51
52
|
discord: string;
|
|
52
53
|
dot: string;
|
|
54
|
+
dotsSquare: string;
|
|
53
55
|
dots: string;
|
|
54
56
|
downloadCloud: string;
|
|
55
57
|
download: string;
|
|
@@ -119,6 +121,7 @@ export declare const Icons: {
|
|
|
119
121
|
nobleBrand: string;
|
|
120
122
|
okx: string;
|
|
121
123
|
optimismBrand: string;
|
|
124
|
+
paraArrow: string;
|
|
122
125
|
paraBlackBg: string;
|
|
123
126
|
paraBrand: string;
|
|
124
127
|
paraIconBrand: string;
|
|
@@ -181,10 +184,12 @@ export declare const Icons: {
|
|
|
181
184
|
twitterBrand: string;
|
|
182
185
|
twitter: string;
|
|
183
186
|
usdcBrand: string;
|
|
187
|
+
user01: string;
|
|
184
188
|
userCircle: string;
|
|
185
189
|
userPlus: string;
|
|
186
190
|
user: string;
|
|
187
191
|
valora: string;
|
|
192
|
+
wallet02: string;
|
|
188
193
|
walletConnect: string;
|
|
189
194
|
wallet: string;
|
|
190
195
|
x: string;
|
|
@@ -20,5 +20,21 @@ export declare class CpslIcon {
|
|
|
20
20
|
* The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
|
|
21
21
|
*/
|
|
22
22
|
icon?: IconType;
|
|
23
|
+
/**
|
|
24
|
+
* Whether the icon should be rounded.
|
|
25
|
+
*/
|
|
26
|
+
radius?: 'none' | 'theme' | 'full';
|
|
27
|
+
/**
|
|
28
|
+
* The background CSS property of the icon.
|
|
29
|
+
*/
|
|
30
|
+
background?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The color of the icon.
|
|
33
|
+
*/
|
|
34
|
+
color?: string;
|
|
35
|
+
/**
|
|
36
|
+
* The border CSS property of the icon.
|
|
37
|
+
*/
|
|
38
|
+
border?: string;
|
|
23
39
|
render(): any;
|
|
24
40
|
}
|
|
@@ -50,6 +50,11 @@ export declare class CpslPopover {
|
|
|
50
50
|
* Default is: `"bottom"`.
|
|
51
51
|
*/
|
|
52
52
|
transformOriginVertical?: 'top' | 'center' | 'bottom';
|
|
53
|
+
/**
|
|
54
|
+
* If `true`, the popover will be aligned to the center of the trigger element.
|
|
55
|
+
* Default is `false`.
|
|
56
|
+
*/
|
|
57
|
+
alignCenter: boolean;
|
|
53
58
|
/**
|
|
54
59
|
* Which trigger causes the popover to open.
|
|
55
60
|
* Options are: `"click"`, `"hover"`.
|
|
@@ -17,6 +17,11 @@ export declare class CpslSelect {
|
|
|
17
17
|
* Default is `false`
|
|
18
18
|
*/
|
|
19
19
|
autoWidth?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* If `true`, the popover will be aligned to the center of the trigger element.
|
|
22
|
+
* Default is `false`.
|
|
23
|
+
*/
|
|
24
|
+
alignCenter: boolean;
|
|
20
25
|
/**
|
|
21
26
|
* If `true`, the user cannot interact with the input.
|
|
22
27
|
*/
|
|
@@ -45,7 +50,7 @@ export declare class CpslSelect {
|
|
|
45
50
|
* The name of the icon to use for the end icon.
|
|
46
51
|
* Default: `chevronUp`
|
|
47
52
|
*/
|
|
48
|
-
icon?: IconType;
|
|
53
|
+
icon?: IconType | null;
|
|
49
54
|
/**
|
|
50
55
|
* The label for the input.
|
|
51
56
|
*/
|
|
@@ -17,6 +17,12 @@ export declare class CpslText {
|
|
|
17
17
|
* Default is: `"regular"`.
|
|
18
18
|
*/
|
|
19
19
|
weight?: 'regular' | 'medium' | 'semiBold' | 'bold';
|
|
20
|
+
/**
|
|
21
|
+
* The text-align CSS property to apply.
|
|
22
|
+
* Options are: `"left"`, `"center", `"right".
|
|
23
|
+
* Default is: `"left"`.
|
|
24
|
+
*/
|
|
25
|
+
align?: 'left' | 'center' | 'right';
|
|
20
26
|
private getContent;
|
|
21
27
|
render(): any;
|
|
22
28
|
}
|
|
@@ -388,6 +388,18 @@ export namespace Components {
|
|
|
388
388
|
"withDefaultTheme"?: boolean;
|
|
389
389
|
}
|
|
390
390
|
interface CpslIcon {
|
|
391
|
+
/**
|
|
392
|
+
* The background CSS property of the icon.
|
|
393
|
+
*/
|
|
394
|
+
"background"?: string;
|
|
395
|
+
/**
|
|
396
|
+
* The border CSS property of the icon.
|
|
397
|
+
*/
|
|
398
|
+
"border"?: string;
|
|
399
|
+
/**
|
|
400
|
+
* The color of the icon.
|
|
401
|
+
*/
|
|
402
|
+
"color"?: string;
|
|
391
403
|
/**
|
|
392
404
|
* The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
|
|
393
405
|
*/
|
|
@@ -400,6 +412,10 @@ export namespace Components {
|
|
|
400
412
|
* Whether to invert the icon's colors.
|
|
401
413
|
*/
|
|
402
414
|
"invert"?: boolean;
|
|
415
|
+
/**
|
|
416
|
+
* Whether the icon should be rounded.
|
|
417
|
+
*/
|
|
418
|
+
"radius"?: 'none' | 'theme' | 'full';
|
|
403
419
|
/**
|
|
404
420
|
* The CSS size of the icon.
|
|
405
421
|
*/
|
|
@@ -669,6 +685,10 @@ export namespace Components {
|
|
|
669
685
|
"text": string;
|
|
670
686
|
}
|
|
671
687
|
interface CpslPopover {
|
|
688
|
+
/**
|
|
689
|
+
* If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
|
|
690
|
+
*/
|
|
691
|
+
"alignCenter": boolean;
|
|
672
692
|
/**
|
|
673
693
|
* ID for the element that the popover anchors to.
|
|
674
694
|
*/
|
|
@@ -759,6 +779,10 @@ export namespace Components {
|
|
|
759
779
|
"justify"?: React.CSSProperties['justifyContent'];
|
|
760
780
|
}
|
|
761
781
|
interface CpslSelect {
|
|
782
|
+
/**
|
|
783
|
+
* If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
|
|
784
|
+
*/
|
|
785
|
+
"alignCenter": boolean;
|
|
762
786
|
/**
|
|
763
787
|
* ID of element to anchor popover to.
|
|
764
788
|
*/
|
|
@@ -790,7 +814,7 @@ export namespace Components {
|
|
|
790
814
|
/**
|
|
791
815
|
* The name of the icon to use for the end icon. Default: `chevronUp`
|
|
792
816
|
*/
|
|
793
|
-
"icon"?: IconType;
|
|
817
|
+
"icon"?: IconType | null;
|
|
794
818
|
/**
|
|
795
819
|
* ID of the element, must be unique for the popover trigger.
|
|
796
820
|
*/
|
|
@@ -927,6 +951,10 @@ export namespace Components {
|
|
|
927
951
|
"selectedTab"?: string;
|
|
928
952
|
}
|
|
929
953
|
interface CpslText {
|
|
954
|
+
/**
|
|
955
|
+
* The text-align CSS property to apply. Options are: `"left"`, `"center", `"right". Default is: `"left"`.
|
|
956
|
+
*/
|
|
957
|
+
"align"?: 'left' | 'center' | 'right';
|
|
930
958
|
/**
|
|
931
959
|
* The color of text. Options are: `"primary"`, `"secondary", `"tertiary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
|
|
932
960
|
*/
|
|
@@ -1953,6 +1981,18 @@ declare namespace LocalJSX {
|
|
|
1953
1981
|
"withDefaultTheme"?: boolean;
|
|
1954
1982
|
}
|
|
1955
1983
|
interface CpslIcon {
|
|
1984
|
+
/**
|
|
1985
|
+
* The background CSS property of the icon.
|
|
1986
|
+
*/
|
|
1987
|
+
"background"?: string;
|
|
1988
|
+
/**
|
|
1989
|
+
* The border CSS property of the icon.
|
|
1990
|
+
*/
|
|
1991
|
+
"border"?: string;
|
|
1992
|
+
/**
|
|
1993
|
+
* The color of the icon.
|
|
1994
|
+
*/
|
|
1995
|
+
"color"?: string;
|
|
1956
1996
|
/**
|
|
1957
1997
|
* The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
|
|
1958
1998
|
*/
|
|
@@ -1965,6 +2005,10 @@ declare namespace LocalJSX {
|
|
|
1965
2005
|
* Whether to invert the icon's colors.
|
|
1966
2006
|
*/
|
|
1967
2007
|
"invert"?: boolean;
|
|
2008
|
+
/**
|
|
2009
|
+
* Whether the icon should be rounded.
|
|
2010
|
+
*/
|
|
2011
|
+
"radius"?: 'none' | 'theme' | 'full';
|
|
1968
2012
|
/**
|
|
1969
2013
|
* The CSS size of the icon.
|
|
1970
2014
|
*/
|
|
@@ -2282,6 +2326,10 @@ declare namespace LocalJSX {
|
|
|
2282
2326
|
"text"?: string;
|
|
2283
2327
|
}
|
|
2284
2328
|
interface CpslPopover {
|
|
2329
|
+
/**
|
|
2330
|
+
* If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
|
|
2331
|
+
*/
|
|
2332
|
+
"alignCenter"?: boolean;
|
|
2285
2333
|
/**
|
|
2286
2334
|
* ID for the element that the popover anchors to.
|
|
2287
2335
|
*/
|
|
@@ -2380,6 +2428,10 @@ declare namespace LocalJSX {
|
|
|
2380
2428
|
"justify"?: React.CSSProperties['justifyContent'];
|
|
2381
2429
|
}
|
|
2382
2430
|
interface CpslSelect {
|
|
2431
|
+
/**
|
|
2432
|
+
* If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
|
|
2433
|
+
*/
|
|
2434
|
+
"alignCenter"?: boolean;
|
|
2383
2435
|
/**
|
|
2384
2436
|
* ID of element to anchor popover to.
|
|
2385
2437
|
*/
|
|
@@ -2411,7 +2463,7 @@ declare namespace LocalJSX {
|
|
|
2411
2463
|
/**
|
|
2412
2464
|
* The name of the icon to use for the end icon. Default: `chevronUp`
|
|
2413
2465
|
*/
|
|
2414
|
-
"icon"?: IconType;
|
|
2466
|
+
"icon"?: IconType | null;
|
|
2415
2467
|
/**
|
|
2416
2468
|
* ID of the element, must be unique for the popover trigger.
|
|
2417
2469
|
*/
|
|
@@ -2576,6 +2628,10 @@ declare namespace LocalJSX {
|
|
|
2576
2628
|
"selectedTab"?: string;
|
|
2577
2629
|
}
|
|
2578
2630
|
interface CpslText {
|
|
2631
|
+
/**
|
|
2632
|
+
* The text-align CSS property to apply. Options are: `"left"`, `"center", `"right". Default is: `"left"`.
|
|
2633
|
+
*/
|
|
2634
|
+
"align"?: 'left' | 'center' | 'right';
|
|
2579
2635
|
/**
|
|
2580
2636
|
* The color of text. Options are: `"primary"`, `"secondary", `"tertiary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
|
|
2581
2637
|
*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getpara/core-components",
|
|
3
3
|
"description": "Capsule Core Components",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.40",
|
|
5
5
|
"collection": "dist/collection/collection-manifest.json",
|
|
6
6
|
"collection:main": "dist/collection/index.js",
|
|
7
7
|
"dependencies": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
],
|
|
69
69
|
"type": "module",
|
|
70
70
|
"types": "dist/types/index.d.ts",
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "2506044cd3ed127774fb7d537ae850b43acfe8b7"
|
|
72
72
|
}
|