@getpara/core-components 2.0.0-alpha.38 → 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.
Files changed (49) hide show
  1. package/dist/capsule/capsule.esm.js +1 -1
  2. package/dist/capsule/capsule.esm.js.map +1 -1
  3. package/dist/capsule/p-e2e5f602.entry.js +28 -0
  4. package/dist/capsule/p-e2e5f602.entry.js.map +1 -0
  5. package/dist/cjs/capsule.cjs.js +1 -1
  6. package/dist/cjs/cpsl-alert_34.cjs.entry.js +127 -45
  7. package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/assets/icons/arrow-circle-down.svg +3 -0
  10. package/dist/collection/assets/icons/dots-square.svg +13 -0
  11. package/dist/collection/assets/icons/index.js +10 -0
  12. package/dist/collection/assets/icons/index.js.map +1 -1
  13. package/dist/collection/assets/icons/para-arrow.svg +3 -0
  14. package/dist/collection/assets/icons/phantom.svg +8 -6
  15. package/dist/collection/assets/icons/user-01.svg +3 -0
  16. package/dist/collection/assets/icons/wallet-02.svg +3 -0
  17. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  18. package/dist/collection/components/cpsl-auth-modal/cpsl-auth-modal.css +4 -4
  19. package/dist/collection/components/cpsl-code-input/cpsl-code-input.js +39 -15
  20. package/dist/collection/components/cpsl-code-input/cpsl-code-input.js.map +1 -1
  21. package/dist/collection/components/cpsl-icon/cpsl-icon.css +12 -9
  22. package/dist/collection/components/cpsl-icon/cpsl-icon.js +75 -2
  23. package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
  24. package/dist/collection/components/cpsl-input/cpsl-input.js +1 -1
  25. package/dist/collection/components/cpsl-popover/cpsl-popover.js +42 -15
  26. package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
  27. package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
  28. package/dist/collection/components/cpsl-select/cpsl-select.css +5 -0
  29. package/dist/collection/components/cpsl-select/cpsl-select.js +23 -4
  30. package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
  31. package/dist/collection/components/cpsl-select-item/cpsl-select-item.css +0 -1
  32. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
  33. package/dist/collection/components/cpsl-text/cpsl-text.css +12 -0
  34. package/dist/collection/components/cpsl-text/cpsl-text.js +22 -1
  35. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  36. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
  37. package/dist/esm/capsule.js +1 -1
  38. package/dist/esm/cpsl-alert_34.entry.js +127 -45
  39. package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
  40. package/dist/esm/loader.js +1 -1
  41. package/dist/types/assets/icons/index.d.ts +5 -0
  42. package/dist/types/components/cpsl-icon/cpsl-icon.d.ts +16 -0
  43. package/dist/types/components/cpsl-popover/cpsl-popover.d.ts +5 -0
  44. package/dist/types/components/cpsl-select/cpsl-select.d.ts +6 -1
  45. package/dist/types/components/cpsl-text/cpsl-text.d.ts +6 -0
  46. package/dist/types/components.d.ts +58 -2
  47. package/package.json +2 -2
  48. package/dist/capsule/p-6cd2f9dd.entry.js +0 -28
  49. package/dist/capsule/p-6cd2f9dd.entry.js.map +0 -1
@@ -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.38",
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": "64c71f82908cef3765f53ffe105bb42ebbbdec28"
71
+ "gitHead": "2506044cd3ed127774fb7d537ae850b43acfe8b7"
72
72
  }